@lifi/widget 3.0.0-alpha.11 → 3.0.0-alpha.13
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/App.tsx +30 -14
- package/AppDrawer.tsx +82 -91
- package/AppDrawerContext.ts +9 -0
- package/_cjs/App.js +16 -3
- package/_cjs/App.js.map +1 -1
- package/_cjs/AppDrawer.d.ts +4 -2
- package/_cjs/AppDrawer.js +20 -18
- package/_cjs/AppDrawer.js.map +1 -1
- package/_cjs/AppDrawerContext.d.ts +6 -0
- package/_cjs/AppDrawerContext.js +8 -0
- package/_cjs/AppDrawerContext.js.map +1 -0
- package/_cjs/components/ActiveTransactions/ActiveTransactions.js +1 -3
- package/_cjs/components/ActiveTransactions/ActiveTransactions.js.map +1 -1
- package/_cjs/components/AmountInput/AmountInput.js +9 -10
- package/_cjs/components/AmountInput/AmountInput.js.map +1 -1
- package/_cjs/components/AmountInput/AmountInput.style.d.ts +3 -0
- package/_cjs/components/AmountInput/AmountInput.style.js +9 -4
- package/_cjs/components/AmountInput/AmountInput.style.js.map +1 -1
- package/_cjs/components/AmountInput/AmountInputAdornment.style.d.ts +4 -1
- package/_cjs/components/AmountInput/AmountInputAdornment.style.js +7 -2
- package/_cjs/components/AmountInput/AmountInputAdornment.style.js.map +1 -1
- package/_cjs/components/AmountInput/AmountInputEndAdornment.js +2 -2
- package/_cjs/components/AmountInput/AmountInputEndAdornment.js.map +1 -1
- package/_cjs/components/AmountInput/AmountInputStartAdornment.js +2 -2
- package/_cjs/components/AmountInput/AmountInputStartAdornment.js.map +1 -1
- package/_cjs/components/AmountInput/{FormPriceHelperText.d.ts → PriceFormHelperText.d.ts} +2 -2
- package/_cjs/components/AmountInput/{FormPriceHelperText.js → PriceFormHelperText.js} +16 -10
- package/_cjs/components/AmountInput/PriceFormHelperText.js.map +1 -0
- package/_cjs/components/BaseTransactionButton/BaseTransactionButton.js +6 -6
- package/_cjs/components/BaseTransactionButton/BaseTransactionButton.js.map +1 -1
- package/_cjs/components/Card/CardHeader.js +6 -5
- package/_cjs/components/Card/CardHeader.js.map +1 -1
- package/_cjs/components/Card/CardTitle.js +3 -4
- package/_cjs/components/Card/CardTitle.js.map +1 -1
- package/_cjs/components/ChainSelect/ChainSelect.js +7 -5
- package/_cjs/components/ChainSelect/ChainSelect.js.map +1 -1
- package/_cjs/components/ChainSelect/useChainSelect.d.ts +1 -1
- package/_cjs/components/ChainSelect/useChainSelect.js +3 -3
- package/_cjs/components/ChainSelect/useChainSelect.js.map +1 -1
- package/_cjs/components/Header/CloseDrawerButton.d.ts +1 -0
- package/_cjs/components/Header/CloseDrawerButton.js +16 -0
- package/_cjs/components/Header/CloseDrawerButton.js.map +1 -0
- package/_cjs/components/Header/EVMDisconnectIconButton.d.ts +4 -0
- package/_cjs/components/Header/EVMDisconnectIconButton.js +16 -0
- package/_cjs/components/Header/EVMDisconnectIconButton.js.map +1 -0
- package/_cjs/components/Header/Header.js +1 -6
- package/_cjs/components/Header/Header.js.map +1 -1
- package/_cjs/components/Header/Header.style.js +10 -4
- package/_cjs/components/Header/Header.style.js.map +1 -1
- package/_cjs/components/Header/NavigationHeader.d.ts +0 -1
- package/_cjs/components/Header/NavigationHeader.js +7 -11
- package/_cjs/components/Header/NavigationHeader.js.map +1 -1
- package/_cjs/components/Header/SVMDisconnectIconButton.d.ts +1 -0
- package/_cjs/components/Header/SVMDisconnectIconButton.js +16 -0
- package/_cjs/components/Header/SVMDisconnectIconButton.js.map +1 -0
- package/_cjs/components/Header/SettingsButton.style.js +18 -21
- package/_cjs/components/Header/SettingsButton.style.js.map +1 -1
- package/_cjs/components/Header/TransactionHistoryButton.d.ts +1 -0
- package/_cjs/components/Header/TransactionHistoryButton.js +17 -0
- package/_cjs/components/Header/TransactionHistoryButton.js.map +1 -0
- package/_cjs/components/Header/WalletHeader.d.ts +1 -0
- package/_cjs/components/Header/WalletHeader.js +25 -9
- package/_cjs/components/Header/WalletHeader.js.map +1 -1
- package/_cjs/components/Header/WalletMenu.js +8 -24
- package/_cjs/components/Header/WalletMenu.js.map +1 -1
- package/_cjs/components/Insurance/InsuranceCard.js +1 -8
- package/_cjs/components/Insurance/InsuranceCard.js.map +1 -1
- package/_cjs/components/PageContainer.d.ts +9 -0
- package/_cjs/components/PageContainer.js +13 -0
- package/_cjs/components/PageContainer.js.map +1 -0
- package/_cjs/components/ReverseTokensButton/ReverseTokensButton.js +10 -9
- package/_cjs/components/ReverseTokensButton/ReverseTokensButton.js.map +1 -1
- package/_cjs/components/ReverseTokensButton/ReverseTokensButton.style.js +3 -0
- package/_cjs/components/ReverseTokensButton/ReverseTokensButton.style.js.map +1 -1
- package/_cjs/components/RouteCard/RouteCard.js +6 -6
- package/_cjs/components/RouteCard/RouteCard.js.map +1 -1
- package/_cjs/components/RouteCard/RouteCard.style.d.ts +3 -0
- package/_cjs/components/RouteCard/RouteCard.style.js +7 -2
- package/_cjs/components/RouteCard/RouteCard.style.js.map +1 -1
- package/_cjs/components/RouteCard/RouteCardEssentials.js +12 -10
- package/_cjs/components/RouteCard/RouteCardEssentials.js.map +1 -1
- package/_cjs/components/RouteCard/RouteCardEssentialsExpanded.d.ts +3 -0
- package/_cjs/components/RouteCard/RouteCardEssentialsExpanded.js +32 -0
- package/_cjs/components/RouteCard/RouteCardEssentialsExpanded.js.map +1 -0
- package/_cjs/components/RouteCard/RouteCardSkeleton.js +2 -1
- package/_cjs/components/RouteCard/RouteCardSkeleton.js.map +1 -1
- package/_cjs/components/RouteCard/types.d.ts +6 -2
- package/_cjs/components/Routes/Routes.js +1 -1
- package/_cjs/components/Routes/Routes.js.map +1 -1
- package/_cjs/components/Routes/RoutesExpanded.js +2 -1
- package/_cjs/components/Routes/RoutesExpanded.js.map +1 -1
- package/_cjs/components/SelectTokenButton/SelectTokenButton.js +8 -2
- package/_cjs/components/SelectTokenButton/SelectTokenButton.js.map +1 -1
- package/_cjs/components/SelectTokenButton/SelectTokenButton.style.js +6 -7
- package/_cjs/components/SelectTokenButton/SelectTokenButton.style.js.map +1 -1
- package/_cjs/components/SmallAvatar.js +4 -4
- package/_cjs/components/Step/CircularProgress.js +5 -5
- package/_cjs/components/Step/CircularProgress.js.map +1 -1
- package/_cjs/components/Step/CircularProgress.style.js +3 -4
- package/_cjs/components/Step/CircularProgress.style.js.map +1 -1
- package/_cjs/components/Step/DestinationWalletAddress.js +2 -2
- package/_cjs/components/Step/DestinationWalletAddress.js.map +1 -1
- package/_cjs/components/Step/Step.js +1 -2
- package/_cjs/components/Step/Step.js.map +1 -1
- package/_cjs/components/Step/StepProcess.js +1 -1
- package/_cjs/components/Step/StepProcess.js.map +1 -1
- package/_cjs/components/Step/StepTimer.js +9 -8
- package/_cjs/components/Step/StepTimer.js.map +1 -1
- package/_cjs/components/StepActions/StepActions.js +15 -18
- package/_cjs/components/StepActions/StepActions.js.map +1 -1
- package/_cjs/components/StepActions/StepActions.style.d.ts +8 -1
- package/_cjs/components/StepActions/StepActions.style.js +27 -17
- package/_cjs/components/StepActions/StepActions.style.js.map +1 -1
- package/_cjs/components/{Step/GasStepProcess.d.ts → StepActions/StepFeeBreakdown.d.ts} +1 -1
- package/_cjs/components/StepActions/StepFeeBreakdown.js +45 -0
- package/_cjs/components/StepActions/StepFeeBreakdown.js.map +1 -0
- package/_cjs/components/StepActions/StepFees.d.ts +6 -0
- package/_cjs/components/StepActions/StepFees.js +28 -0
- package/_cjs/components/StepActions/StepFees.js.map +1 -0
- package/_cjs/components/Token/Token.d.ts +6 -5
- package/_cjs/components/Token/Token.js +31 -15
- package/_cjs/components/Token/Token.js.map +1 -1
- package/_cjs/components/Token/Token.style.d.ts +1 -4
- package/_cjs/components/Token/Token.style.js +6 -21
- package/_cjs/components/Token/Token.style.js.map +1 -1
- package/_cjs/components/TokenAvatar/TokenAvatar.d.ts +3 -0
- package/_cjs/components/TokenAvatar/TokenAvatar.js +7 -3
- package/_cjs/components/TokenAvatar/TokenAvatar.js.map +1 -1
- package/_cjs/components/TokenAvatar/TokenAvatar.style.js +23 -13
- package/_cjs/components/TokenAvatar/TokenAvatar.style.js.map +1 -1
- package/_cjs/components/TokenList/TokenList.js +3 -4
- package/_cjs/components/TokenList/TokenList.js.map +1 -1
- package/_cjs/components/TokenList/TokenList.style.js +7 -5
- package/_cjs/components/TokenList/TokenList.style.js.map +1 -1
- package/_cjs/components/TokenList/TokenListItem.js +7 -4
- package/_cjs/components/TokenList/TokenListItem.js.map +1 -1
- package/_cjs/components/TokenList/VirtualizedTokenList.js +4 -2
- package/_cjs/components/TokenList/VirtualizedTokenList.js.map +1 -1
- package/_cjs/components/TokenList/types.d.ts +3 -4
- package/_cjs/components/TokenList/useTokenSelect.js +6 -4
- package/_cjs/components/TokenList/useTokenSelect.js.map +1 -1
- package/_cjs/config/queryClient.js +0 -1
- package/_cjs/config/queryClient.js.map +1 -1
- package/_cjs/config/theme.js +2 -9
- package/_cjs/config/theme.js.map +1 -1
- package/_cjs/config/version.d.ts +1 -1
- package/_cjs/config/version.js +1 -1
- package/_cjs/config/walletConnect.d.ts +1 -0
- package/_cjs/config/walletConnect.js +5 -0
- package/_cjs/config/walletConnect.js.map +1 -0
- package/_cjs/hooks/useAccount.d.ts +4 -1
- package/_cjs/hooks/useAccount.js +5 -16
- package/_cjs/hooks/useAccount.js.map +1 -1
- package/_cjs/hooks/useAvailableChains.js +12 -6
- package/_cjs/hooks/useAvailableChains.js.map +1 -1
- package/_cjs/hooks/useChains.d.ts +2 -1
- package/_cjs/hooks/useChains.js +7 -3
- package/_cjs/hooks/useChains.js.map +1 -1
- package/_cjs/hooks/useDebouncedWatch.d.ts +1 -2
- package/_cjs/hooks/useDebouncedWatch.js +1 -1
- package/_cjs/hooks/useDebouncedWatch.js.map +1 -1
- package/_cjs/hooks/useFromTokenSufficiency.js +8 -7
- package/_cjs/hooks/useFromTokenSufficiency.js.map +1 -1
- package/_cjs/hooks/useGasRecommendation.d.ts +1 -1
- package/_cjs/hooks/useGasRecommendation.js.map +1 -1
- package/_cjs/hooks/useGasRefuel.js +2 -2
- package/_cjs/hooks/useGasRefuel.js.map +1 -1
- package/_cjs/hooks/useGasSufficiency.js +7 -6
- package/_cjs/hooks/useGasSufficiency.js.map +1 -1
- package/_cjs/hooks/useRouteExecution.js +5 -5
- package/_cjs/hooks/useRouteExecution.js.map +1 -1
- package/_cjs/hooks/useRoutes.d.ts +1 -1
- package/_cjs/hooks/useRoutes.js +22 -15
- package/_cjs/hooks/useRoutes.js.map +1 -1
- package/_cjs/hooks/useTokenAddressBalance.d.ts +2 -1
- package/_cjs/hooks/useTokenAddressBalance.js +2 -1
- package/_cjs/hooks/useTokenAddressBalance.js.map +1 -1
- package/_cjs/hooks/useTokenBalance.d.ts +1 -1
- package/_cjs/hooks/useTokenBalance.js +8 -19
- package/_cjs/hooks/useTokenBalance.js.map +1 -1
- package/_cjs/hooks/useTokenBalances.d.ts +2 -1
- package/_cjs/hooks/useTokenBalances.js +1 -0
- package/_cjs/hooks/useTokenBalances.js.map +1 -1
- package/_cjs/hooks/useTools.js +3 -2
- package/_cjs/hooks/useTools.js.map +1 -1
- package/_cjs/hooks/useTransactionHistory.d.ts +2 -2
- package/_cjs/hooks/useTransactionHistory.js +32 -23
- package/_cjs/hooks/useTransactionHistory.js.map +1 -1
- package/_cjs/i18n/en.json +10 -6
- package/_cjs/pages/ActiveTransactionsPage/ActiveTransactionsPage.js +3 -4
- package/_cjs/pages/ActiveTransactionsPage/ActiveTransactionsPage.js.map +1 -1
- package/_cjs/pages/LanguagesPage/LanguagesPage.js +2 -1
- package/_cjs/pages/LanguagesPage/LanguagesPage.js.map +1 -1
- package/_cjs/pages/MainPage/MainPage.js +2 -2
- package/_cjs/pages/MainPage/MainPage.js.map +1 -1
- package/_cjs/pages/RoutesPage/RoutesPage.js +2 -2
- package/_cjs/pages/RoutesPage/RoutesPage.js.map +1 -1
- package/_cjs/pages/SelectChainPage/SelectChainPage.js +2 -1
- package/_cjs/pages/SelectChainPage/SelectChainPage.js.map +1 -1
- package/_cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js +2 -1
- package/_cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js.map +1 -1
- package/_cjs/pages/SelectNativeTokenPage/SelectNativeTokenPage.js +2 -1
- package/_cjs/pages/SelectNativeTokenPage/SelectNativeTokenPage.js.map +1 -1
- package/_cjs/pages/SelectTokenPage/SearchTokenInput.js +2 -2
- package/_cjs/pages/SelectTokenPage/SearchTokenInput.js.map +1 -1
- package/_cjs/pages/SelectTokenPage/SelectTokenPage.js +2 -1
- package/_cjs/pages/SelectTokenPage/SelectTokenPage.js.map +1 -1
- package/_cjs/pages/SelectWalletPage/SelectWalletPage.js +2 -1
- package/_cjs/pages/SelectWalletPage/SelectWalletPage.js.map +1 -1
- package/_cjs/pages/SettingsPage/ResetSettingsButton.js +1 -1
- package/_cjs/pages/SettingsPage/ResetSettingsButton.js.map +1 -1
- package/_cjs/pages/SettingsPage/SettingsCard/SettingCard.js +1 -1
- package/_cjs/pages/SettingsPage/SettingsCard/SettingCard.style.js +7 -6
- package/_cjs/pages/SettingsPage/SettingsCard/SettingCard.style.js.map +1 -1
- package/_cjs/pages/SettingsPage/SettingsPage.js +6 -6
- package/_cjs/pages/SettingsPage/SettingsPage.js.map +1 -1
- package/_cjs/pages/SettingsPage/SlippageSettings/SlippageSettings.js +6 -7
- package/_cjs/pages/SettingsPage/SlippageSettings/SlippageSettings.js.map +1 -1
- package/_cjs/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js +1 -1
- package/_cjs/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js.map +1 -1
- package/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.js +2 -2
- package/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.js.map +1 -1
- package/_cjs/pages/TransactionDetailsPage/TransactionDetailsSkeleton.js +6 -14
- package/_cjs/pages/TransactionDetailsPage/TransactionDetailsSkeleton.js.map +1 -1
- package/_cjs/pages/TransactionHistoryPage/TransactionHistoryItem.js +1 -1
- package/_cjs/pages/TransactionHistoryPage/TransactionHistoryItem.js.map +1 -1
- package/_cjs/pages/TransactionHistoryPage/TransactionHistoryPage.js +3 -2
- package/_cjs/pages/TransactionHistoryPage/TransactionHistoryPage.js.map +1 -1
- package/_cjs/pages/TransactionHistoryPage/TransactionHistorySkeleton.d.ts +1 -1
- package/_cjs/pages/TransactionHistoryPage/TransactionHistorySkeleton.js +4 -9
- package/_cjs/pages/TransactionHistoryPage/TransactionHistorySkeleton.js.map +1 -1
- package/_cjs/pages/TransactionPage/StatusBottomSheet.js +13 -9
- package/_cjs/pages/TransactionPage/StatusBottomSheet.js.map +1 -1
- package/_cjs/pages/TransactionPage/TransactionPage.js +2 -2
- package/_cjs/pages/TransactionPage/TransactionPage.js.map +1 -1
- package/_cjs/providers/I18nProvider/I18nProvider.js +2 -1
- package/_cjs/providers/I18nProvider/I18nProvider.js.map +1 -1
- package/_cjs/providers/WalletProvider/EVMBaseProvider.d.ts +2 -0
- package/_cjs/providers/WalletProvider/EVMBaseProvider.js +91 -0
- package/_cjs/providers/WalletProvider/EVMBaseProvider.js.map +1 -0
- package/_cjs/providers/WalletProvider/EVMExternalContext.d.ts +2 -0
- package/_cjs/providers/WalletProvider/EVMExternalContext.js +6 -0
- package/_cjs/providers/WalletProvider/EVMExternalContext.js.map +1 -0
- package/_cjs/providers/WalletProvider/EVMProvider.d.ts +1 -1
- package/_cjs/providers/WalletProvider/EVMProvider.js +13 -70
- package/_cjs/providers/WalletProvider/EVMProvider.js.map +1 -1
- package/_cjs/providers/WalletProvider/SDKProviders.js +15 -7
- package/_cjs/providers/WalletProvider/SDKProviders.js.map +1 -1
- package/_cjs/providers/WalletProvider/SVMBaseProvider.d.ts +2 -0
- package/_cjs/providers/WalletProvider/{SolanaProvider.js → SVMBaseProvider.js} +4 -14
- package/_cjs/providers/WalletProvider/SVMBaseProvider.js.map +1 -0
- package/_cjs/providers/WalletProvider/SVMExternalContext.d.ts +2 -0
- package/_cjs/providers/WalletProvider/SVMExternalContext.js +6 -0
- package/_cjs/providers/WalletProvider/SVMExternalContext.js.map +1 -0
- package/_cjs/providers/WalletProvider/SVMProvider.d.ts +3 -0
- package/_cjs/providers/WalletProvider/SVMProvider.js +23 -0
- package/_cjs/providers/WalletProvider/SVMProvider.js.map +1 -0
- package/_cjs/providers/WalletProvider/WalletProvider.js +2 -2
- package/_cjs/providers/WalletProvider/WalletProvider.js.map +1 -1
- package/_cjs/providers/WalletProvider/index.d.ts +1 -0
- package/_cjs/providers/WalletProvider/index.js +1 -0
- package/_cjs/providers/WalletProvider/index.js.map +1 -1
- package/_cjs/providers/WalletProvider/useHasExternalWalletProvider.d.ts +7 -0
- package/_cjs/providers/WalletProvider/useHasExternalWalletProvider.js +27 -0
- package/_cjs/providers/WalletProvider/useHasExternalWalletProvider.js.map +1 -0
- package/_cjs/providers/WidgetProvider/WidgetProvider.js.map +1 -1
- package/_cjs/providers/WidgetProvider/index.d.ts +1 -2
- package/_cjs/providers/WidgetProvider/index.js +1 -2
- package/_cjs/providers/WidgetProvider/index.js.map +1 -1
- package/_cjs/stores/StoreProvider.js +3 -3
- package/_cjs/stores/StoreProvider.js.map +1 -1
- package/_cjs/stores/chains/ChainOrderStore.js +19 -16
- package/_cjs/stores/chains/ChainOrderStore.js.map +1 -1
- package/_cjs/stores/chains/createChainOrderStore.js +34 -15
- package/_cjs/stores/chains/createChainOrderStore.js.map +1 -1
- package/_cjs/stores/chains/types.d.ts +11 -4
- package/_cjs/stores/chains/useChainOrder.d.ts +2 -1
- package/_cjs/stores/chains/useChainOrder.js +2 -2
- package/_cjs/stores/chains/useChainOrder.js.map +1 -1
- package/_cjs/stores/form/FormStore.d.ts +1 -1
- package/_cjs/stores/form/FormStore.js +10 -15
- package/_cjs/stores/form/FormStore.js.map +1 -1
- package/_cjs/stores/form/FormUpdater.d.ts +3 -3
- package/_cjs/stores/form/FormUpdater.js +6 -7
- package/_cjs/stores/form/FormUpdater.js.map +1 -1
- package/_cjs/stores/form/URLSearchParamsBuilder.js +3 -2
- package/_cjs/stores/form/URLSearchParamsBuilder.js.map +1 -1
- package/_cjs/stores/form/createFormStore.d.ts +1 -1
- package/_cjs/stores/form/createFormStore.js +121 -115
- package/_cjs/stores/form/createFormStore.js.map +1 -1
- package/_cjs/stores/form/types.d.ts +21 -35
- package/_cjs/stores/form/types.js +1 -16
- package/_cjs/stores/form/types.js.map +1 -1
- package/_cjs/stores/form/useFieldActions.js +9 -10
- package/_cjs/stores/form/useFieldActions.js.map +1 -1
- package/_cjs/stores/form/useFieldController.d.ts +1 -1
- package/_cjs/stores/form/useFieldValues.d.ts +2 -2
- package/_cjs/stores/form/useFieldValues.js +3 -2
- package/_cjs/stores/form/useFieldValues.js.map +1 -1
- package/_cjs/stores/form/useTouchedFields.d.ts +14 -1
- package/_cjs/stores/form/useValidationActions.js +7 -11
- package/_cjs/stores/form/useValidationActions.js.map +1 -1
- package/_cjs/stores/routes/useExecutingRoutesIds.d.ts +1 -1
- package/_cjs/stores/routes/useExecutingRoutesIds.js +5 -2
- package/_cjs/stores/routes/useExecutingRoutesIds.js.map +1 -1
- package/_cjs/stores/settings/useSettingsStore.d.ts +1 -0
- package/_cjs/stores/settings/useSettingsStore.js +3 -2
- package/_cjs/stores/settings/useSettingsStore.js.map +1 -1
- package/_cjs/types/widget.d.ts +26 -23
- package/_cjs/types/widget.js +1 -0
- package/_cjs/types/widget.js.map +1 -1
- package/_cjs/utils/converters.js +12 -6
- package/_cjs/utils/converters.js.map +1 -1
- package/_cjs/utils/fees.d.ts +9 -0
- package/_cjs/{components/RouteCard/utils.js → utils/fees.js} +15 -8
- package/_cjs/utils/fees.js.map +1 -0
- package/_cjs/utils/index.d.ts +2 -0
- package/_cjs/utils/index.js +2 -0
- package/_cjs/utils/index.js.map +1 -1
- package/_cjs/utils/item.d.ts +2 -0
- package/_cjs/{providers/WidgetProvider/utils.js → utils/item.js} +1 -1
- package/_cjs/utils/item.js.map +1 -0
- package/_esm/App.js +16 -3
- package/_esm/App.js.map +1 -1
- package/_esm/AppDrawer.d.ts +4 -2
- package/_esm/AppDrawer.js +21 -19
- package/_esm/AppDrawer.js.map +1 -1
- package/_esm/AppDrawerContext.d.ts +6 -0
- package/_esm/AppDrawerContext.js +4 -0
- package/_esm/AppDrawerContext.js.map +1 -0
- package/_esm/components/ActiveTransactions/ActiveTransactions.js +1 -3
- package/_esm/components/ActiveTransactions/ActiveTransactions.js.map +1 -1
- package/_esm/components/AmountInput/AmountInput.js +8 -9
- package/_esm/components/AmountInput/AmountInput.js.map +1 -1
- package/_esm/components/AmountInput/AmountInput.style.d.ts +3 -0
- package/_esm/components/AmountInput/AmountInput.style.js +9 -4
- package/_esm/components/AmountInput/AmountInput.style.js.map +1 -1
- package/_esm/components/AmountInput/AmountInputAdornment.style.d.ts +4 -1
- package/_esm/components/AmountInput/AmountInputAdornment.style.js +7 -2
- package/_esm/components/AmountInput/AmountInputAdornment.style.js.map +1 -1
- package/_esm/components/AmountInput/AmountInputEndAdornment.js +4 -4
- package/_esm/components/AmountInput/AmountInputEndAdornment.js.map +1 -1
- package/_esm/components/AmountInput/AmountInputStartAdornment.js +2 -2
- package/_esm/components/AmountInput/AmountInputStartAdornment.js.map +1 -1
- package/_esm/components/AmountInput/{FormPriceHelperText.d.ts → PriceFormHelperText.d.ts} +2 -2
- package/_esm/components/AmountInput/{FormPriceHelperText.js → PriceFormHelperText.js} +13 -7
- package/_esm/components/AmountInput/PriceFormHelperText.js.map +1 -0
- package/_esm/components/BaseTransactionButton/BaseTransactionButton.js +6 -6
- package/_esm/components/BaseTransactionButton/BaseTransactionButton.js.map +1 -1
- package/_esm/components/Card/CardHeader.js +6 -5
- package/_esm/components/Card/CardHeader.js.map +1 -1
- package/_esm/components/Card/CardTitle.js +3 -4
- package/_esm/components/Card/CardTitle.js.map +1 -1
- package/_esm/components/ChainSelect/ChainSelect.js +8 -6
- package/_esm/components/ChainSelect/ChainSelect.js.map +1 -1
- package/_esm/components/ChainSelect/useChainSelect.d.ts +1 -1
- package/_esm/components/ChainSelect/useChainSelect.js +4 -4
- package/_esm/components/ChainSelect/useChainSelect.js.map +1 -1
- package/_esm/components/Header/CloseDrawerButton.d.ts +1 -0
- package/_esm/components/Header/CloseDrawerButton.js +12 -0
- package/_esm/components/Header/CloseDrawerButton.js.map +1 -0
- package/_esm/components/Header/EVMDisconnectIconButton.d.ts +4 -0
- package/_esm/components/Header/EVMDisconnectIconButton.js +12 -0
- package/_esm/components/Header/EVMDisconnectIconButton.js.map +1 -0
- package/_esm/components/Header/Header.js +1 -6
- package/_esm/components/Header/Header.js.map +1 -1
- package/_esm/components/Header/Header.style.js +10 -4
- package/_esm/components/Header/Header.style.js.map +1 -1
- package/_esm/components/Header/NavigationHeader.d.ts +0 -1
- package/_esm/components/Header/NavigationHeader.js +8 -11
- package/_esm/components/Header/NavigationHeader.js.map +1 -1
- package/_esm/components/Header/SVMDisconnectIconButton.d.ts +1 -0
- package/_esm/components/Header/SVMDisconnectIconButton.js +12 -0
- package/_esm/components/Header/SVMDisconnectIconButton.js.map +1 -0
- package/_esm/components/Header/SettingsButton.style.js +18 -21
- package/_esm/components/Header/SettingsButton.style.js.map +1 -1
- package/_esm/components/Header/TransactionHistoryButton.d.ts +1 -0
- package/_esm/components/Header/TransactionHistoryButton.js +13 -0
- package/_esm/components/Header/TransactionHistoryButton.js.map +1 -0
- package/_esm/components/Header/WalletHeader.d.ts +1 -0
- package/_esm/components/Header/WalletHeader.js +24 -9
- package/_esm/components/Header/WalletHeader.js.map +1 -1
- package/_esm/components/Header/WalletMenu.js +7 -23
- package/_esm/components/Header/WalletMenu.js.map +1 -1
- package/_esm/components/Insurance/InsuranceCard.js +2 -9
- package/_esm/components/Insurance/InsuranceCard.js.map +1 -1
- package/_esm/components/PageContainer.d.ts +9 -0
- package/_esm/components/PageContainer.js +10 -0
- package/_esm/components/PageContainer.js.map +1 -0
- package/_esm/components/ReverseTokensButton/ReverseTokensButton.js +10 -9
- package/_esm/components/ReverseTokensButton/ReverseTokensButton.js.map +1 -1
- package/_esm/components/ReverseTokensButton/ReverseTokensButton.style.js +3 -0
- package/_esm/components/ReverseTokensButton/ReverseTokensButton.style.js.map +1 -1
- package/_esm/components/RouteCard/RouteCard.js +6 -6
- package/_esm/components/RouteCard/RouteCard.js.map +1 -1
- package/_esm/components/RouteCard/RouteCard.style.d.ts +3 -0
- package/_esm/components/RouteCard/RouteCard.style.js +7 -2
- package/_esm/components/RouteCard/RouteCard.style.js.map +1 -1
- package/_esm/components/RouteCard/RouteCardEssentials.js +12 -10
- package/_esm/components/RouteCard/RouteCardEssentials.js.map +1 -1
- package/_esm/components/RouteCard/RouteCardEssentialsExpanded.d.ts +3 -0
- package/_esm/components/RouteCard/RouteCardEssentialsExpanded.js +28 -0
- package/_esm/components/RouteCard/RouteCardEssentialsExpanded.js.map +1 -0
- package/_esm/components/RouteCard/RouteCardSkeleton.js +2 -1
- package/_esm/components/RouteCard/RouteCardSkeleton.js.map +1 -1
- package/_esm/components/RouteCard/types.d.ts +6 -2
- package/_esm/components/Routes/Routes.js +1 -1
- package/_esm/components/Routes/Routes.js.map +1 -1
- package/_esm/components/Routes/RoutesExpanded.js +2 -1
- package/_esm/components/Routes/RoutesExpanded.js.map +1 -1
- package/_esm/components/SelectTokenButton/SelectTokenButton.js +9 -3
- package/_esm/components/SelectTokenButton/SelectTokenButton.js.map +1 -1
- package/_esm/components/SelectTokenButton/SelectTokenButton.style.js +6 -7
- package/_esm/components/SelectTokenButton/SelectTokenButton.style.js.map +1 -1
- package/_esm/components/SmallAvatar.js +4 -4
- package/_esm/components/Step/CircularProgress.js +5 -5
- package/_esm/components/Step/CircularProgress.js.map +1 -1
- package/_esm/components/Step/CircularProgress.style.js +3 -4
- package/_esm/components/Step/CircularProgress.style.js.map +1 -1
- package/_esm/components/Step/DestinationWalletAddress.js +2 -2
- package/_esm/components/Step/DestinationWalletAddress.js.map +1 -1
- package/_esm/components/Step/Step.js +1 -2
- package/_esm/components/Step/Step.js.map +1 -1
- package/_esm/components/Step/StepProcess.js +1 -1
- package/_esm/components/Step/StepProcess.js.map +1 -1
- package/_esm/components/Step/StepTimer.js +9 -8
- package/_esm/components/Step/StepTimer.js.map +1 -1
- package/_esm/components/StepActions/StepActions.js +16 -19
- package/_esm/components/StepActions/StepActions.js.map +1 -1
- package/_esm/components/StepActions/StepActions.style.d.ts +8 -1
- package/_esm/components/StepActions/StepActions.style.js +27 -17
- package/_esm/components/StepActions/StepActions.style.js.map +1 -1
- package/_esm/components/{Step/GasStepProcess.d.ts → StepActions/StepFeeBreakdown.d.ts} +1 -1
- package/_esm/components/StepActions/StepFeeBreakdown.js +41 -0
- package/_esm/components/StepActions/StepFeeBreakdown.js.map +1 -0
- package/_esm/components/StepActions/StepFees.d.ts +6 -0
- package/_esm/components/StepActions/StepFees.js +24 -0
- package/_esm/components/StepActions/StepFees.js.map +1 -0
- package/_esm/components/Token/Token.d.ts +6 -5
- package/_esm/components/Token/Token.js +31 -16
- package/_esm/components/Token/Token.js.map +1 -1
- package/_esm/components/Token/Token.style.d.ts +1 -4
- package/_esm/components/Token/Token.style.js +6 -21
- package/_esm/components/Token/Token.style.js.map +1 -1
- package/_esm/components/TokenAvatar/TokenAvatar.d.ts +3 -0
- package/_esm/components/TokenAvatar/TokenAvatar.js +5 -2
- package/_esm/components/TokenAvatar/TokenAvatar.js.map +1 -1
- package/_esm/components/TokenAvatar/TokenAvatar.style.js +23 -13
- package/_esm/components/TokenAvatar/TokenAvatar.style.js.map +1 -1
- package/_esm/components/TokenList/TokenList.js +4 -5
- package/_esm/components/TokenList/TokenList.js.map +1 -1
- package/_esm/components/TokenList/TokenList.style.js +7 -5
- package/_esm/components/TokenList/TokenList.style.js.map +1 -1
- package/_esm/components/TokenList/TokenListItem.js +7 -4
- package/_esm/components/TokenList/TokenListItem.js.map +1 -1
- package/_esm/components/TokenList/VirtualizedTokenList.js +4 -2
- package/_esm/components/TokenList/VirtualizedTokenList.js.map +1 -1
- package/_esm/components/TokenList/types.d.ts +3 -4
- package/_esm/components/TokenList/useTokenSelect.js +7 -5
- package/_esm/components/TokenList/useTokenSelect.js.map +1 -1
- package/_esm/config/queryClient.js +0 -1
- package/_esm/config/queryClient.js.map +1 -1
- package/_esm/config/theme.js +2 -9
- package/_esm/config/theme.js.map +1 -1
- package/_esm/config/version.d.ts +1 -1
- package/_esm/config/version.js +1 -1
- package/_esm/config/walletConnect.d.ts +1 -0
- package/_esm/config/walletConnect.js +2 -0
- package/_esm/config/walletConnect.js.map +1 -0
- package/_esm/hooks/useAccount.d.ts +4 -1
- package/_esm/hooks/useAccount.js +5 -15
- package/_esm/hooks/useAccount.js.map +1 -1
- package/_esm/hooks/useAvailableChains.js +12 -6
- package/_esm/hooks/useAvailableChains.js.map +1 -1
- package/_esm/hooks/useChains.d.ts +2 -1
- package/_esm/hooks/useChains.js +8 -4
- package/_esm/hooks/useChains.js.map +1 -1
- package/_esm/hooks/useDebouncedWatch.d.ts +1 -2
- package/_esm/hooks/useDebouncedWatch.js +1 -1
- package/_esm/hooks/useDebouncedWatch.js.map +1 -1
- package/_esm/hooks/useFromTokenSufficiency.js +8 -7
- package/_esm/hooks/useFromTokenSufficiency.js.map +1 -1
- package/_esm/hooks/useGasRecommendation.d.ts +1 -1
- package/_esm/hooks/useGasRecommendation.js.map +1 -1
- package/_esm/hooks/useGasRefuel.js +2 -2
- package/_esm/hooks/useGasRefuel.js.map +1 -1
- package/_esm/hooks/useGasSufficiency.js +7 -6
- package/_esm/hooks/useGasSufficiency.js.map +1 -1
- package/_esm/hooks/useRouteExecution.js +5 -5
- package/_esm/hooks/useRouteExecution.js.map +1 -1
- package/_esm/hooks/useRoutes.d.ts +1 -1
- package/_esm/hooks/useRoutes.js +23 -16
- package/_esm/hooks/useRoutes.js.map +1 -1
- package/_esm/hooks/useTokenAddressBalance.d.ts +2 -1
- package/_esm/hooks/useTokenAddressBalance.js +2 -1
- package/_esm/hooks/useTokenAddressBalance.js.map +1 -1
- package/_esm/hooks/useTokenBalance.d.ts +1 -1
- package/_esm/hooks/useTokenBalance.js +8 -19
- package/_esm/hooks/useTokenBalance.js.map +1 -1
- package/_esm/hooks/useTokenBalances.d.ts +2 -1
- package/_esm/hooks/useTokenBalances.js +1 -0
- package/_esm/hooks/useTokenBalances.js.map +1 -1
- package/_esm/hooks/useTools.js +2 -1
- package/_esm/hooks/useTools.js.map +1 -1
- package/_esm/hooks/useTransactionHistory.d.ts +2 -2
- package/_esm/hooks/useTransactionHistory.js +33 -24
- package/_esm/hooks/useTransactionHistory.js.map +1 -1
- package/_esm/i18n/en.json +10 -6
- package/_esm/pages/ActiveTransactionsPage/ActiveTransactionsPage.js +4 -5
- package/_esm/pages/ActiveTransactionsPage/ActiveTransactionsPage.js.map +1 -1
- package/_esm/pages/LanguagesPage/LanguagesPage.js +3 -2
- package/_esm/pages/LanguagesPage/LanguagesPage.js.map +1 -1
- package/_esm/pages/MainPage/MainPage.js +2 -2
- package/_esm/pages/MainPage/MainPage.js.map +1 -1
- package/_esm/pages/RoutesPage/RoutesPage.js +2 -2
- package/_esm/pages/RoutesPage/RoutesPage.js.map +1 -1
- package/_esm/pages/SelectChainPage/SelectChainPage.js +3 -2
- package/_esm/pages/SelectChainPage/SelectChainPage.js.map +1 -1
- package/_esm/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js +3 -2
- package/_esm/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js.map +1 -1
- package/_esm/pages/SelectNativeTokenPage/SelectNativeTokenPage.js +3 -2
- package/_esm/pages/SelectNativeTokenPage/SelectNativeTokenPage.js.map +1 -1
- package/_esm/pages/SelectTokenPage/SearchTokenInput.js +2 -2
- package/_esm/pages/SelectTokenPage/SearchTokenInput.js.map +1 -1
- package/_esm/pages/SelectTokenPage/SelectTokenPage.js +3 -2
- package/_esm/pages/SelectTokenPage/SelectTokenPage.js.map +1 -1
- package/_esm/pages/SelectWalletPage/SelectWalletPage.js +3 -2
- package/_esm/pages/SelectWalletPage/SelectWalletPage.js.map +1 -1
- package/_esm/pages/SettingsPage/ResetSettingsButton.js +1 -1
- package/_esm/pages/SettingsPage/ResetSettingsButton.js.map +1 -1
- package/_esm/pages/SettingsPage/SettingsCard/SettingCard.js +1 -1
- package/_esm/pages/SettingsPage/SettingsCard/SettingCard.style.js +7 -6
- package/_esm/pages/SettingsPage/SettingsCard/SettingCard.style.js.map +1 -1
- package/_esm/pages/SettingsPage/SettingsPage.js +6 -6
- package/_esm/pages/SettingsPage/SettingsPage.js.map +1 -1
- package/_esm/pages/SettingsPage/SlippageSettings/SlippageSettings.js +7 -8
- package/_esm/pages/SettingsPage/SlippageSettings/SlippageSettings.js.map +1 -1
- package/_esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js +1 -1
- package/_esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js.map +1 -1
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js +2 -2
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js.map +1 -1
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsSkeleton.js +7 -15
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsSkeleton.js.map +1 -1
- package/_esm/pages/TransactionHistoryPage/TransactionHistoryItem.js +1 -1
- package/_esm/pages/TransactionHistoryPage/TransactionHistoryItem.js.map +1 -1
- package/_esm/pages/TransactionHistoryPage/TransactionHistoryPage.js +5 -4
- package/_esm/pages/TransactionHistoryPage/TransactionHistoryPage.js.map +1 -1
- package/_esm/pages/TransactionHistoryPage/TransactionHistorySkeleton.d.ts +1 -1
- package/_esm/pages/TransactionHistoryPage/TransactionHistorySkeleton.js +3 -8
- package/_esm/pages/TransactionHistoryPage/TransactionHistorySkeleton.js.map +1 -1
- package/_esm/pages/TransactionPage/StatusBottomSheet.js +13 -9
- package/_esm/pages/TransactionPage/StatusBottomSheet.js.map +1 -1
- package/_esm/pages/TransactionPage/TransactionPage.js +2 -2
- package/_esm/pages/TransactionPage/TransactionPage.js.map +1 -1
- package/_esm/providers/I18nProvider/I18nProvider.js +3 -2
- package/_esm/providers/I18nProvider/I18nProvider.js.map +1 -1
- package/_esm/providers/WalletProvider/EVMBaseProvider.d.ts +2 -0
- package/_esm/providers/WalletProvider/EVMBaseProvider.js +87 -0
- package/_esm/providers/WalletProvider/EVMBaseProvider.js.map +1 -0
- package/_esm/providers/WalletProvider/EVMExternalContext.d.ts +2 -0
- package/_esm/providers/WalletProvider/EVMExternalContext.js +3 -0
- package/_esm/providers/WalletProvider/EVMExternalContext.js.map +1 -0
- package/_esm/providers/WalletProvider/EVMProvider.d.ts +1 -1
- package/_esm/providers/WalletProvider/EVMProvider.js +13 -70
- package/_esm/providers/WalletProvider/EVMProvider.js.map +1 -1
- package/_esm/providers/WalletProvider/SDKProviders.js +15 -7
- package/_esm/providers/WalletProvider/SDKProviders.js.map +1 -1
- package/_esm/providers/WalletProvider/SVMBaseProvider.d.ts +2 -0
- package/_esm/providers/WalletProvider/{SolanaProvider.js → SVMBaseProvider.js} +3 -12
- package/_esm/providers/WalletProvider/SVMBaseProvider.js.map +1 -0
- package/_esm/providers/WalletProvider/SVMExternalContext.d.ts +2 -0
- package/_esm/providers/WalletProvider/SVMExternalContext.js +3 -0
- package/_esm/providers/WalletProvider/SVMExternalContext.js.map +1 -0
- package/_esm/providers/WalletProvider/SVMProvider.d.ts +3 -0
- package/_esm/providers/WalletProvider/SVMProvider.js +18 -0
- package/_esm/providers/WalletProvider/SVMProvider.js.map +1 -0
- package/_esm/providers/WalletProvider/WalletProvider.js +2 -2
- package/_esm/providers/WalletProvider/WalletProvider.js.map +1 -1
- package/_esm/providers/WalletProvider/index.d.ts +1 -0
- package/_esm/providers/WalletProvider/index.js +1 -0
- package/_esm/providers/WalletProvider/index.js.map +1 -1
- package/_esm/providers/WalletProvider/useHasExternalWalletProvider.d.ts +7 -0
- package/_esm/providers/WalletProvider/useHasExternalWalletProvider.js +23 -0
- package/_esm/providers/WalletProvider/useHasExternalWalletProvider.js.map +1 -0
- package/_esm/providers/WidgetProvider/WidgetProvider.js.map +1 -1
- package/_esm/providers/WidgetProvider/index.d.ts +1 -2
- package/_esm/providers/WidgetProvider/index.js +1 -2
- package/_esm/providers/WidgetProvider/index.js.map +1 -1
- package/_esm/stores/StoreProvider.js +3 -3
- package/_esm/stores/StoreProvider.js.map +1 -1
- package/_esm/stores/chains/ChainOrderStore.js +18 -15
- package/_esm/stores/chains/ChainOrderStore.js.map +1 -1
- package/_esm/stores/chains/createChainOrderStore.js +34 -15
- package/_esm/stores/chains/createChainOrderStore.js.map +1 -1
- package/_esm/stores/chains/types.d.ts +11 -4
- package/_esm/stores/chains/useChainOrder.d.ts +2 -1
- package/_esm/stores/chains/useChainOrder.js +2 -2
- package/_esm/stores/chains/useChainOrder.js.map +1 -1
- package/_esm/stores/form/FormStore.d.ts +1 -1
- package/_esm/stores/form/FormStore.js +12 -17
- package/_esm/stores/form/FormStore.js.map +1 -1
- package/_esm/stores/form/FormUpdater.d.ts +3 -3
- package/_esm/stores/form/FormUpdater.js +5 -6
- package/_esm/stores/form/FormUpdater.js.map +1 -1
- package/_esm/stores/form/URLSearchParamsBuilder.js +3 -2
- package/_esm/stores/form/URLSearchParamsBuilder.js.map +1 -1
- package/_esm/stores/form/createFormStore.d.ts +1 -1
- package/_esm/stores/form/createFormStore.js +121 -115
- package/_esm/stores/form/createFormStore.js.map +1 -1
- package/_esm/stores/form/types.d.ts +21 -35
- package/_esm/stores/form/types.js +0 -15
- package/_esm/stores/form/types.js.map +1 -1
- package/_esm/stores/form/useFieldActions.js +9 -10
- package/_esm/stores/form/useFieldActions.js.map +1 -1
- package/_esm/stores/form/useFieldController.d.ts +1 -1
- package/_esm/stores/form/useFieldValues.d.ts +2 -2
- package/_esm/stores/form/useFieldValues.js +3 -2
- package/_esm/stores/form/useFieldValues.js.map +1 -1
- package/_esm/stores/form/useTouchedFields.d.ts +14 -1
- package/_esm/stores/form/useValidationActions.js +7 -11
- package/_esm/stores/form/useValidationActions.js.map +1 -1
- package/_esm/stores/routes/useExecutingRoutesIds.d.ts +1 -1
- package/_esm/stores/routes/useExecutingRoutesIds.js +5 -2
- package/_esm/stores/routes/useExecutingRoutesIds.js.map +1 -1
- package/_esm/stores/settings/useSettingsStore.d.ts +1 -0
- package/_esm/stores/settings/useSettingsStore.js +2 -1
- package/_esm/stores/settings/useSettingsStore.js.map +1 -1
- package/_esm/types/widget.d.ts +26 -23
- package/_esm/types/widget.js +1 -0
- package/_esm/types/widget.js.map +1 -1
- package/_esm/utils/converters.js +12 -6
- package/_esm/utils/converters.js.map +1 -1
- package/_esm/utils/fees.d.ts +9 -0
- package/_esm/{components/RouteCard/utils.js → utils/fees.js} +13 -7
- package/_esm/utils/fees.js.map +1 -0
- package/_esm/utils/index.d.ts +2 -0
- package/_esm/utils/index.js +2 -0
- package/_esm/utils/index.js.map +1 -1
- package/_esm/utils/item.d.ts +2 -0
- package/_esm/{providers/WidgetProvider/utils.js → utils/item.js} +1 -1
- package/_esm/utils/item.js.map +1 -0
- package/components/ActiveTransactions/ActiveTransactions.tsx +1 -3
- package/components/AmountInput/AmountInput.style.tsx +10 -4
- package/components/AmountInput/AmountInput.tsx +33 -28
- package/components/AmountInput/AmountInputAdornment.style.tsx +8 -2
- package/components/AmountInput/AmountInputEndAdornment.tsx +5 -10
- package/components/AmountInput/AmountInputStartAdornment.tsx +3 -3
- package/components/AmountInput/{FormPriceHelperText.tsx → PriceFormHelperText.tsx} +14 -14
- package/components/BaseTransactionButton/BaseTransactionButton.tsx +6 -6
- package/components/Card/CardHeader.tsx +6 -5
- package/components/Card/CardTitle.tsx +3 -4
- package/components/ChainSelect/ChainSelect.tsx +8 -6
- package/components/ChainSelect/useChainSelect.ts +5 -5
- package/components/Header/CloseDrawerButton.tsx +18 -0
- package/components/Header/EVMDisconnectIconButton.tsx +24 -0
- package/components/Header/Header.style.ts +10 -4
- package/components/Header/Header.tsx +1 -8
- package/components/Header/NavigationHeader.tsx +13 -30
- package/components/Header/SVMDisconnectIconButton.tsx +19 -0
- package/components/Header/SettingsButton.style.tsx +18 -22
- package/components/Header/TransactionHistoryButton.tsx +23 -0
- package/components/Header/WalletHeader.tsx +36 -8
- package/components/Header/WalletMenu.tsx +67 -99
- package/components/Insurance/InsuranceCard.tsx +4 -22
- package/components/PageContainer.ts +18 -0
- package/components/ReverseTokensButton/ReverseTokensButton.style.tsx +3 -0
- package/components/ReverseTokensButton/ReverseTokensButton.tsx +20 -10
- package/components/RouteCard/RouteCard.style.ts +8 -2
- package/components/RouteCard/RouteCard.tsx +34 -29
- package/components/RouteCard/RouteCardEssentials.tsx +37 -88
- package/components/RouteCard/RouteCardEssentialsExpanded.tsx +127 -0
- package/components/RouteCard/RouteCardSkeleton.tsx +3 -20
- package/components/RouteCard/types.ts +7 -2
- package/components/Routes/Routes.tsx +1 -1
- package/components/Routes/RoutesExpanded.tsx +22 -25
- package/components/SelectTokenButton/SelectTokenButton.style.tsx +6 -7
- package/components/SelectTokenButton/SelectTokenButton.tsx +19 -7
- package/components/SmallAvatar.tsx +4 -4
- package/components/Step/CircularProgress.style.tsx +3 -4
- package/components/Step/CircularProgress.tsx +5 -5
- package/components/Step/DestinationWalletAddress.tsx +2 -3
- package/components/Step/Step.tsx +0 -2
- package/components/Step/StepProcess.tsx +2 -3
- package/components/Step/StepTimer.tsx +9 -14
- package/components/StepActions/StepActions.style.tsx +31 -20
- package/components/StepActions/StepActions.tsx +52 -43
- package/components/StepActions/StepFeeBreakdown.tsx +107 -0
- package/components/StepActions/StepFees.tsx +44 -0
- package/components/Token/Token.style.tsx +6 -22
- package/components/Token/Token.tsx +136 -66
- package/components/TokenAvatar/TokenAvatar.style.tsx +26 -15
- package/components/TokenAvatar/TokenAvatar.tsx +25 -12
- package/components/TokenList/TokenList.style.tsx +7 -5
- package/components/TokenList/TokenList.tsx +2 -5
- package/components/TokenList/TokenListItem.tsx +11 -8
- package/components/TokenList/VirtualizedTokenList.tsx +3 -2
- package/components/TokenList/types.ts +3 -4
- package/components/TokenList/useTokenSelect.ts +8 -6
- package/config/queryClient.ts +0 -1
- package/config/theme.ts +2 -9
- package/config/version.ts +1 -1
- package/config/walletConnect.ts +1 -0
- package/hooks/useAccount.ts +9 -17
- package/hooks/useAvailableChains.ts +13 -6
- package/hooks/useChains.ts +12 -6
- package/hooks/useDebouncedWatch.ts +6 -5
- package/hooks/useFromTokenSufficiency.ts +18 -9
- package/hooks/useGasRecommendation.ts +1 -1
- package/hooks/useGasRefuel.ts +2 -2
- package/hooks/useGasSufficiency.ts +11 -6
- package/hooks/useRouteExecution.ts +5 -5
- package/hooks/useRoutes.ts +31 -24
- package/hooks/useTokenAddressBalance.ts +2 -1
- package/hooks/useTokenBalance.ts +12 -22
- package/hooks/useTokenBalances.ts +1 -0
- package/hooks/useTools.ts +2 -1
- package/hooks/useTransactionHistory.ts +39 -29
- package/i18n/en.json +10 -6
- package/package.json +15 -15
- package/pages/ActiveTransactionsPage/ActiveTransactionsPage.tsx +4 -6
- package/pages/LanguagesPage/LanguagesPage.tsx +4 -3
- package/pages/MainPage/MainPage.tsx +12 -12
- package/pages/RoutesPage/RoutesPage.tsx +1 -2
- package/pages/SelectChainPage/SelectChainPage.tsx +4 -3
- package/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.tsx +3 -3
- package/pages/SelectNativeTokenPage/SelectNativeTokenPage.tsx +4 -3
- package/pages/SelectTokenPage/SearchTokenInput.tsx +1 -2
- package/pages/SelectTokenPage/SelectTokenPage.tsx +4 -3
- package/pages/SelectWalletPage/SelectWalletPage.tsx +3 -3
- package/pages/SettingsPage/ResetSettingsButton.tsx +1 -1
- package/pages/SettingsPage/SettingsCard/SettingCard.style.tsx +7 -6
- package/pages/SettingsPage/SettingsCard/SettingCard.tsx +1 -1
- package/pages/SettingsPage/SettingsPage.tsx +7 -7
- package/pages/SettingsPage/SlippageSettings/SlippageSettings.style.tsx +3 -2
- package/pages/SettingsPage/SlippageSettings/SlippageSettings.tsx +12 -10
- package/pages/TransactionDetailsPage/TransactionDetailsPage.tsx +3 -3
- package/pages/TransactionDetailsPage/TransactionDetailsSkeleton.tsx +15 -58
- package/pages/TransactionHistoryPage/TransactionHistoryItem.tsx +6 -4
- package/pages/TransactionHistoryPage/TransactionHistoryPage.tsx +8 -7
- package/pages/TransactionHistoryPage/TransactionHistorySkeleton.tsx +7 -47
- package/pages/TransactionPage/StatusBottomSheet.tsx +14 -9
- package/pages/TransactionPage/TransactionPage.tsx +3 -3
- package/providers/I18nProvider/I18nProvider.tsx +3 -2
- package/providers/WalletProvider/EVMBaseProvider.tsx +130 -0
- package/providers/WalletProvider/EVMExternalContext.ts +3 -0
- package/providers/WalletProvider/EVMProvider.tsx +17 -110
- package/providers/WalletProvider/SDKProviders.tsx +21 -11
- package/providers/WalletProvider/{SolanaProvider.tsx → SVMBaseProvider.tsx} +2 -17
- package/providers/WalletProvider/SVMExternalContext.ts +3 -0
- package/providers/WalletProvider/SVMProvider.tsx +27 -0
- package/providers/WalletProvider/WalletProvider.tsx +5 -5
- package/providers/WalletProvider/index.ts +1 -0
- package/providers/WalletProvider/useHasExternalWalletProvider.ts +30 -0
- package/providers/WidgetProvider/WidgetProvider.tsx +2 -2
- package/providers/WidgetProvider/index.ts +1 -2
- package/stores/StoreProvider.tsx +12 -12
- package/stores/chains/ChainOrderStore.tsx +21 -17
- package/stores/chains/createChainOrderStore.ts +34 -15
- package/stores/chains/types.ts +12 -4
- package/stores/chains/useChainOrder.ts +5 -2
- package/stores/form/FormStore.tsx +15 -23
- package/stores/form/FormUpdater.tsx +12 -9
- package/stores/form/URLSearchParamsBuilder.tsx +4 -2
- package/stores/form/createFormStore.ts +21 -15
- package/stores/form/types.ts +25 -39
- package/stores/form/useFieldActions.ts +11 -20
- package/stores/form/useFieldValues.ts +6 -4
- package/stores/form/useValidationActions.ts +9 -17
- package/stores/routes/useExecutingRoutesIds.ts +5 -2
- package/stores/settings/useSettingsStore.ts +3 -1
- package/types/widget.ts +32 -24
- package/utils/converters.ts +12 -6
- package/{components/RouteCard/utils.ts → utils/fees.ts} +43 -37
- package/utils/index.ts +2 -0
- package/{providers/WidgetProvider/utils.ts → utils/item.ts} +3 -7
- package/_cjs/components/AmountInput/FormPriceHelperText.js.map +0 -1
- package/_cjs/components/RouteCard/utils.d.ts +0 -11
- package/_cjs/components/RouteCard/utils.js.map +0 -1
- package/_cjs/components/Step/GasStepProcess.js +0 -25
- package/_cjs/components/Step/GasStepProcess.js.map +0 -1
- package/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.style.d.ts +0 -4
- package/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.style.js +0 -9
- package/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.style.js.map +0 -1
- package/_cjs/pages/TransactionPage/TransactionPage.style.d.ts +0 -4
- package/_cjs/pages/TransactionPage/TransactionPage.style.js +0 -9
- package/_cjs/pages/TransactionPage/TransactionPage.style.js.map +0 -1
- package/_cjs/providers/WalletProvider/SolanaProvider.d.ts +0 -3
- package/_cjs/providers/WalletProvider/SolanaProvider.js.map +0 -1
- package/_cjs/providers/WidgetProvider/utils.d.ts +0 -4
- package/_cjs/providers/WidgetProvider/utils.js.map +0 -1
- package/_esm/components/AmountInput/FormPriceHelperText.js.map +0 -1
- package/_esm/components/RouteCard/utils.d.ts +0 -11
- package/_esm/components/RouteCard/utils.js.map +0 -1
- package/_esm/components/Step/GasStepProcess.js +0 -21
- package/_esm/components/Step/GasStepProcess.js.map +0 -1
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.style.d.ts +0 -4
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.style.js +0 -6
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.style.js.map +0 -1
- package/_esm/pages/TransactionPage/TransactionPage.style.d.ts +0 -4
- package/_esm/pages/TransactionPage/TransactionPage.style.js +0 -6
- package/_esm/pages/TransactionPage/TransactionPage.style.js.map +0 -1
- package/_esm/providers/WalletProvider/SolanaProvider.d.ts +0 -3
- package/_esm/providers/WalletProvider/SolanaProvider.js.map +0 -1
- package/_esm/providers/WidgetProvider/utils.d.ts +0 -4
- package/_esm/providers/WidgetProvider/utils.js.map +0 -1
- package/components/Step/GasStepProcess.tsx +0 -45
- package/pages/TransactionDetailsPage/TransactionDetailsPage.style.tsx +0 -6
- package/pages/TransactionPage/TransactionPage.style.tsx +0 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectNativeTokenPage.js","sourceRoot":"","sources":["../../../pages/SelectNativeTokenPage/SelectNativeTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"SelectNativeTokenPage.js","sourceRoot":"","sources":["../../../pages/SelectNativeTokenPage/SelectNativeTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGzD,MAAM,CAAC,MAAM,qBAAqB,GAA4B,CAAC,EAC7D,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,aAAa,IAAC,cAAc,kBAC3B,KAAC,IAAI,IACH,EAAE,EAAE;gBACF,WAAW,EAAE,GAAG;gBAChB,YAAY,EAAE,GAAG;aAClB,YAEA,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,MAAC,cAAc,IAEb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAE/D,KAAC,cAAc,cACb,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,GAAI,GACxC,EACjB,KAAC,YAAY,IACX,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,EACjC,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,GACvD,KATG,KAAK,CAAC,EAAE,CAUE,CAClB,CAAC,GACG,GACO,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -4,8 +4,8 @@ import { FormControl, InputAdornment } from '@mui/material';
|
|
|
4
4
|
import { useEffect } from 'react';
|
|
5
5
|
import { useTranslation } from 'react-i18next';
|
|
6
6
|
import { Card } from '../../components/Card';
|
|
7
|
-
import { Input } from './SearchTokenInput.style';
|
|
8
7
|
import { useFieldActions, useFieldController } from '../../stores';
|
|
8
|
+
import { Input } from './SearchTokenInput.style';
|
|
9
9
|
export const SearchTokenInput = () => {
|
|
10
10
|
const { t } = useTranslation();
|
|
11
11
|
const { setFieldValue } = useFieldActions();
|
|
@@ -15,7 +15,7 @@ export const SearchTokenInput = () => {
|
|
|
15
15
|
useEffect(() => () => {
|
|
16
16
|
setFieldValue('tokenSearchFilter', '');
|
|
17
17
|
}, [setFieldValue]);
|
|
18
|
-
return (_jsx(Card, { children: _jsx(FormControl, { fullWidth: true, children: _jsx(Input, { size: "small", placeholder: t(`main.tokenSearch`),
|
|
18
|
+
return (_jsx(Card, { children: _jsx(FormControl, { fullWidth: true, children: _jsx(Input, { size: "small", placeholder: t(`main.tokenSearch`), endAdornment: _jsx(InputAdornment, { position: "end", children: _jsx(SearchIcon, {}) }), inputProps: {
|
|
19
19
|
inputMode: 'search',
|
|
20
20
|
onChange: (e) => onChange(e.target.value),
|
|
21
21
|
onBlur,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchTokenInput.js","sourceRoot":"","sources":["../../../pages/SelectTokenPage/SearchTokenInput.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"SearchTokenInput.js","sourceRoot":"","sources":["../../../pages/SelectTokenPage/SearchTokenInput.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5C,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,kBAAkB,CAAC;QAC3D,IAAI,EAAE,mBAAmB;KAC1B,CAAC,CAAC;IAEH,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,aAAa,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,cACH,KAAC,WAAW,IAAC,SAAS,kBACpB,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE,CAAC,CAAC,kBAAkB,CAAW,EAC5C,YAAY,EACV,KAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,YAC5B,KAAC,UAAU,KAAG,GACC,EAEnB,UAAU,EAAE;oBACV,SAAS,EAAE,QAAQ;oBACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;oBAC/D,MAAM;oBACN,IAAI;oBACJ,KAAK;iBACN,EACD,YAAY,EAAC,KAAK,GAClB,GACU,GACT,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Box
|
|
2
|
+
import { Box } from '@mui/material';
|
|
3
3
|
import { useLayoutEffect, useRef, useState } from 'react';
|
|
4
4
|
import { ChainSelect } from '../../components/ChainSelect';
|
|
5
|
+
import { PageContainer } from '../../components/PageContainer';
|
|
5
6
|
import { TokenList } from '../../components/TokenList';
|
|
6
7
|
import { useContentHeight, useNavigateBack, useScrollableOverflowHidden, useSwapOnly, } from '../../hooks';
|
|
7
8
|
import { SearchTokenInput } from './SearchTokenInput';
|
|
@@ -17,6 +18,6 @@ export const SelectTokenPage = ({ formType }) => {
|
|
|
17
18
|
setTokenListHeight(Math.max(contentHeight - (headerRef.current?.offsetHeight ?? 0), minTokenListHeight));
|
|
18
19
|
}, [contentHeight]);
|
|
19
20
|
const hideChainSelect = swapOnly && formType === 'to';
|
|
20
|
-
return (_jsxs(
|
|
21
|
+
return (_jsxs(PageContainer, { disableGutters: true, children: [_jsxs(Box, { pt: 1, pb: 2, px: 3, ref: headerRef, children: [!hideChainSelect ? _jsx(ChainSelect, { formType: formType }) : null, _jsx(Box, { mt: !hideChainSelect ? 2 : 0, children: _jsx(SearchTokenInput, {}) })] }), _jsx(TokenList, { height: tokenListHeight, onClick: navigateBack, formType: formType })] }));
|
|
21
22
|
};
|
|
22
23
|
//# sourceMappingURL=SelectTokenPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../pages/SelectTokenPage/SelectTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../pages/SelectTokenPage/SelectTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,2BAA2B,EAC3B,WAAW,GACZ,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B,MAAM,CAAC,MAAM,eAAe,GAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,2BAA2B,EAAE,CAAC;IAC9B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,eAAe,CAAC,GAAG,EAAE;QACnB,kBAAkB,CAChB,IAAI,CAAC,GAAG,CACN,aAAa,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,YAAY,IAAI,CAAC,CAAC,EACtD,kBAAkB,CACnB,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,eAAe,GAAG,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAC;IAEtD,OAAO,CACL,MAAC,aAAa,IAAC,cAAc,mBAC3B,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,aACrC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAC/B,KAAC,gBAAgB,KAAG,GAChB,IACF,EACN,KAAC,SAAS,IACR,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,GAClB,IACY,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { isWalletInstalled } from '@lifi/wallet-management';
|
|
3
|
-
import { Button,
|
|
3
|
+
import { Button, DialogActions, DialogContent, DialogContentText, List, } from '@mui/material';
|
|
4
4
|
import useMediaQuery from '@mui/material/useMediaQuery';
|
|
5
5
|
import { WalletReadyState } from '@solana/wallet-adapter-base';
|
|
6
6
|
import { useWallet } from '@solana/wallet-adapter-react';
|
|
@@ -8,6 +8,7 @@ import { useCallback, useMemo, useState } from 'react';
|
|
|
8
8
|
import { useTranslation } from 'react-i18next';
|
|
9
9
|
import { useConnect, useAccount as useWagmiAccount } from 'wagmi';
|
|
10
10
|
import { Dialog } from '../../components/Dialog';
|
|
11
|
+
import { PageContainer } from '../../components/PageContainer';
|
|
11
12
|
import { EVMListItemButton } from './EVMListItemButton';
|
|
12
13
|
import { SVMListItemButton } from './SVMListItemButton';
|
|
13
14
|
import { walletComparator } from './utils';
|
|
@@ -46,7 +47,7 @@ export const SelectWalletPage = () => {
|
|
|
46
47
|
}
|
|
47
48
|
return installedWallets;
|
|
48
49
|
}, [account.connector?.id, connectors, isDesktopView, solanaWallets]);
|
|
49
|
-
return (_jsxs(
|
|
50
|
+
return (_jsxs(PageContainer, { disableGutters: true, children: [_jsx(List, { sx: {
|
|
50
51
|
paddingLeft: 1.5,
|
|
51
52
|
paddingRight: 1.5,
|
|
52
53
|
}, children: wallets?.map((connector) => connector.uid ? (_jsx(EVMListItemButton, { connector: connector, connectedConnector: account.connector, onNotInstalled: handleNotInstalled }, connector.uid)) : (_jsx(SVMListItemButton, { wallet: connector }, connector.adapter.name))) }), _jsxs(Dialog, { open: walletIdentity.show, onClose: closeDialog, children: [_jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('wallet.extensionNotFound', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectWalletPage.js","sourceRoot":"","sources":["../../../pages/SelectWalletPage/SelectWalletPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EACL,MAAM,EACN,
|
|
1
|
+
{"version":3,"file":"SelectWalletPage.js","sourceRoot":"","sources":["../../../pages/SelectWalletPage/SelectWalletPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ export const ResetSettingsButton = () => {
|
|
|
20
20
|
if (!isCustomRouteSettings) {
|
|
21
21
|
return null;
|
|
22
22
|
}
|
|
23
|
-
return (_jsx(Box, {
|
|
23
|
+
return (_jsx(Box, { my: 1, children: _jsxs(ResetButtonContainer, { children: [_jsxs(Box, { display: "flex", marginBottom: "12px", children: [_jsx(InfoRounded, { sx: {
|
|
24
24
|
marginRight: '8px',
|
|
25
25
|
} }), _jsx(Box, { fontSize: 14, children: t(`settings.resetSettings`) })] }), _jsx(Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('warning.title.resetSettings') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('warning.message.resetSettings') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }) }));
|
|
26
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResetSettingsButton.js","sourceRoot":"","sources":["../../../pages/SettingsPage/ResetSettingsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EACL,GAAG,EACH,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,CAAC,MAAM,mBAAmB,GAAa,GAAG,EAAE;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC7D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"ResetSettingsButton.js","sourceRoot":"","sources":["../../../pages/SettingsPage/ResetSettingsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EACL,GAAG,EACH,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,CAAC,MAAM,mBAAmB,GAAa,GAAG,EAAE;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC7D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,MAAC,oBAAoB,eACnB,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,YAAY,EAAC,MAAM,aACrC,KAAC,WAAW,IACV,EAAE,EAAE;gCACF,WAAW,EAAE,KAAK;6BACnB,GACD,EACF,KAAC,GAAG,IAAC,QAAQ,EAAE,EAAE,YAAG,CAAC,CAAC,wBAAwB,CAAC,GAAO,IAClD,EACN,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,kBACrC,CAAC,CAAC,sBAAsB,CAAC,GACnB,EAET,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,aACvC,KAAC,WAAW,cAAE,CAAC,CAAC,6BAA6B,CAAC,GAAe,EAC7D,KAAC,aAAa,cACZ,KAAC,iBAAiB,cACf,CAAC,CAAC,+BAA+B,CAAC,GACjB,GACN,EAChB,MAAC,aAAa,eACZ,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,YAAG,CAAC,CAAC,eAAe,CAAC,GAAU,EAC5D,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,kBACxD,CAAC,CAAC,cAAc,CAAC,GACX,IACK,IACT,IACY,GACnB,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Card } from '../../../components/Card';
|
|
3
3
|
export const SettingCard = ({ children }) => {
|
|
4
4
|
return (_jsx(Card, { variant: "default", selectionColor: "primary", sx: {
|
|
5
|
-
p:
|
|
5
|
+
p: 1,
|
|
6
6
|
}, children: children }));
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=SettingCard.js.map
|
|
@@ -5,24 +5,24 @@ export const SettingsList = styled(Box)(({ theme }) => ({
|
|
|
5
5
|
display: 'flex',
|
|
6
6
|
flexDirection: 'column',
|
|
7
7
|
gap: theme.spacing(1),
|
|
8
|
-
padding: theme.spacing(1,
|
|
8
|
+
padding: theme.spacing(1, 0, 1),
|
|
9
9
|
}));
|
|
10
10
|
export const SummaryTitleContainer = styled(Box)(({ theme }) => ({
|
|
11
11
|
display: 'flex',
|
|
12
12
|
alignItems: 'center',
|
|
13
13
|
gap: theme.spacing(1.5),
|
|
14
14
|
}));
|
|
15
|
-
export const SummaryRowContainer = styled(Box)({
|
|
15
|
+
export const SummaryRowContainer = styled(Box)(({ theme }) => ({
|
|
16
16
|
display: 'flex',
|
|
17
17
|
width: '100%',
|
|
18
18
|
justifyContent: 'space-between',
|
|
19
19
|
alignItems: 'center',
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
padding: theme.spacing(1),
|
|
21
|
+
}));
|
|
22
|
+
export const SummaryRowButton = styled(ButtonBase)(({ theme }) => ({
|
|
22
23
|
background: 'none',
|
|
23
24
|
color: 'inherit',
|
|
24
25
|
border: 'none',
|
|
25
|
-
padding: 0,
|
|
26
26
|
font: 'inherit',
|
|
27
27
|
cursor: 'pointer',
|
|
28
28
|
outline: 'inherit',
|
|
@@ -30,7 +30,8 @@ export const SummaryRowButton = styled(ButtonBase)({
|
|
|
30
30
|
width: '100%',
|
|
31
31
|
justifyContent: 'space-between',
|
|
32
32
|
alignItems: 'center',
|
|
33
|
-
|
|
33
|
+
padding: theme.spacing(1),
|
|
34
|
+
}));
|
|
34
35
|
export const SummaryValue = styled(Typography)({
|
|
35
36
|
lineHeight: '1.25',
|
|
36
37
|
fontWeight: 500,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingCard.style.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/SettingCard.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,IAAI,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;CAChC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACxB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"SettingCard.style.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/SettingCard.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,IAAI,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;CAChC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACxB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC1B,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC1B,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7C,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IACxB,CAAC,IAAI,YAAY,CAAC,KAAK,EAAE,CAAC,EAAE;QAC1B,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,2EAA2E;QAC3E,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,eAAe;QAC1B,YAAY,EAAE,KAAK;KACpB;CACF,CAAC,CAAC,CAAC"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { PageContainer } from '../../components/PageContainer';
|
|
3
3
|
import { BridgeAndExchangeSettings } from './BridgeAndExchangeSettings';
|
|
4
|
+
import { GasPriceSettings } from './GasPriceSettings';
|
|
4
5
|
import { LanguageSetting } from './LanguageSetting';
|
|
5
6
|
import { ResetSettingsButton } from './ResetSettingsButton';
|
|
6
|
-
import { SendToWalletOptionSetting } from './SendToWalletOptionSetting';
|
|
7
|
-
import { GasPriceSettings } from './GasPriceSettings';
|
|
8
7
|
import { RoutePrioritySettings } from './RoutePrioritySettings';
|
|
9
|
-
import {
|
|
8
|
+
import { SendToWalletOptionSetting } from './SendToWalletOptionSetting';
|
|
9
|
+
import { SettingsCardAccordion, SettingsList } from './SettingsCard';
|
|
10
10
|
import { SlippageSettings } from './SlippageSettings';
|
|
11
|
-
import {
|
|
11
|
+
import { ThemeSettings } from './ThemeSettings';
|
|
12
12
|
export const SettingsPage = () => {
|
|
13
|
-
return (_jsxs(
|
|
13
|
+
return (_jsxs(PageContainer, { children: [_jsx(SettingsList, { children: _jsxs(SettingsCardAccordion, { children: [_jsx(ThemeSettings, {}), _jsx(LanguageSetting, {}), _jsx(RoutePrioritySettings, {}), _jsx(GasPriceSettings, {}), _jsx(SlippageSettings, {}), _jsx(BridgeAndExchangeSettings, { type: "Bridges" }), _jsx(BridgeAndExchangeSettings, { type: "Exchanges" }), _jsx(SendToWalletOptionSetting, {})] }) }), _jsx(ResetSettingsButton, {})] }));
|
|
14
14
|
};
|
|
15
15
|
//# sourceMappingURL=SettingsPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsPage.js","sourceRoot":"","sources":["../../../pages/SettingsPage/SettingsPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"SettingsPage.js","sourceRoot":"","sources":["../../../pages/SettingsPage/SettingsPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL,MAAC,aAAa,eACZ,KAAC,YAAY,cACX,MAAC,qBAAqB,eACpB,KAAC,aAAa,KAAG,EACjB,KAAC,eAAe,KAAG,EACnB,KAAC,qBAAqB,KAAG,EACzB,KAAC,gBAAgB,KAAG,EACpB,KAAC,gBAAgB,KAAG,EACpB,KAAC,yBAAyB,IAAC,IAAI,EAAC,SAAS,GAAG,EAC5C,KAAC,yBAAyB,IAAC,IAAI,EAAC,WAAW,GAAG,EAC9C,KAAC,yBAAyB,KAAG,IACP,GACX,EACf,KAAC,mBAAmB,KAAG,IACT,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -5,11 +5,10 @@ import { Box, Typography } from '@mui/material';
|
|
|
5
5
|
import { useRef, useState } from 'react';
|
|
6
6
|
import { useTranslation } from 'react-i18next';
|
|
7
7
|
import { useSettingMonitor } from '../../../hooks';
|
|
8
|
-
import { useSettings, useSettingsStore } from '../../../stores';
|
|
8
|
+
import { defaultSlippage, useSettings, useSettingsStore, } from '../../../stores';
|
|
9
9
|
import { formatSlippage } from '../../../utils';
|
|
10
10
|
import { BadgedValue, SettingCardExpandable } from '../SettingsCard';
|
|
11
11
|
import { SettingsFieldSet, SlippageCustomInput, SlippageDefaultButton, SlippageLimitsWarningContainer, } from './SlippageSettings.style';
|
|
12
|
-
const slippageDefault = '0.5';
|
|
13
12
|
export const SlippageSettings = () => {
|
|
14
13
|
const { t } = useTranslation();
|
|
15
14
|
const { isSlippageOutsideRecommendedLimits, isSlippageChanged } = useSettingMonitor();
|
|
@@ -18,28 +17,28 @@ export const SlippageSettings = () => {
|
|
|
18
17
|
const defaultValue = useRef(slippage);
|
|
19
18
|
const [focused, setFocused] = useState();
|
|
20
19
|
const handleDefaultClick = () => {
|
|
21
|
-
setValue('slippage', formatSlippage(
|
|
20
|
+
setValue('slippage', formatSlippage(defaultSlippage, defaultValue.current));
|
|
22
21
|
};
|
|
23
22
|
const handleInputUpdate = (event) => {
|
|
24
23
|
const { value } = event.target;
|
|
25
|
-
setValue('slippage', formatSlippage(value ||
|
|
24
|
+
setValue('slippage', formatSlippage(value || defaultSlippage, defaultValue.current, true));
|
|
26
25
|
};
|
|
27
26
|
const handleInputBlur = (event) => {
|
|
28
27
|
setFocused(undefined);
|
|
29
28
|
const { value } = event.target;
|
|
30
|
-
setValue('slippage', formatSlippage(value ||
|
|
29
|
+
setValue('slippage', formatSlippage(value || defaultSlippage, defaultValue.current));
|
|
31
30
|
};
|
|
32
|
-
const customInputValue = !slippage || slippage ===
|
|
31
|
+
const customInputValue = !slippage || slippage === defaultSlippage ? '' : slippage;
|
|
33
32
|
const badgeColor = isSlippageOutsideRecommendedLimits
|
|
34
33
|
? 'warning'
|
|
35
34
|
: isSlippageChanged
|
|
36
35
|
? 'info'
|
|
37
36
|
: undefined;
|
|
38
|
-
return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: badgeColor, showBadge: !!badgeColor, children: `${slippage}%` }), icon: _jsx(PercentIcon, {}), title: t(`settings.slippage`), children: _jsxs(Box, { mt: 1.5, children: [_jsxs(SettingsFieldSet, { children: [_jsx(SlippageDefaultButton, { selected:
|
|
37
|
+
return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: badgeColor, showBadge: !!badgeColor, children: `${slippage}%` }), icon: _jsx(PercentIcon, {}), title: t(`settings.slippage`), children: _jsxs(Box, { mt: 1.5, children: [_jsxs(SettingsFieldSet, { children: [_jsx(SlippageDefaultButton, { selected: defaultSlippage === slippage && focused !== 'input', onFocus: () => {
|
|
39
38
|
setFocused('button');
|
|
40
39
|
}, onBlur: () => {
|
|
41
40
|
setFocused(undefined);
|
|
42
|
-
}, onClick: handleDefaultClick, disableRipple: true, children:
|
|
41
|
+
}, onClick: handleDefaultClick, disableRipple: true, children: defaultSlippage }), _jsx(SlippageCustomInput, { selected: defaultSlippage !== slippage && focused !== 'button', placeholder: focused === 'input' ? '' : t('settings.custom'), inputProps: {
|
|
43
42
|
inputMode: 'decimal',
|
|
44
43
|
}, onChange: handleInputUpdate, onFocus: () => {
|
|
45
44
|
setFocused('input');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlippageSettings.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SlippageSettings/SlippageSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,
|
|
1
|
+
{"version":3,"file":"SlippageSettings.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SlippageSettings/SlippageSettings.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { alpha, styled } from '@mui/material/styles';
|
|
2
1
|
import { Box, ButtonBase, InputBase } from '@mui/material';
|
|
3
2
|
import { inputBaseClasses } from '@mui/material/InputBase';
|
|
3
|
+
import { alpha, styled } from '@mui/material/styles';
|
|
4
4
|
import { getCardFieldsetBackgroundColor } from '../../../utils';
|
|
5
5
|
export const SettingsFieldSet = styled(Box)(({ theme }) => ({
|
|
6
6
|
display: 'flex',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlippageSettings.style.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SlippageSettings/SlippageSettings.style.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SlippageSettings.style.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SlippageSettings/SlippageSettings.style.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ import { useLocation } from 'react-router-dom';
|
|
|
7
7
|
import { Card, CardTitle } from '../../components/Card';
|
|
8
8
|
import { ContractComponent } from '../../components/ContractComponent';
|
|
9
9
|
import { Insurance } from '../../components/Insurance';
|
|
10
|
+
import { PageContainer } from '../../components/PageContainer';
|
|
10
11
|
import { getStepList } from '../../components/Step';
|
|
11
12
|
import { useNavigateBack, useTools, useTransactionDetails } from '../../hooks';
|
|
12
13
|
import { useWidgetConfig } from '../../providers';
|
|
@@ -14,7 +15,6 @@ import { getSourceTxHash, useRouteExecutionStore } from '../../stores';
|
|
|
14
15
|
import { formatTokenAmount, navigationRoutes } from '../../utils';
|
|
15
16
|
import { buildRouteFromTxHistory } from '../../utils/converters';
|
|
16
17
|
import { ContactSupportButton } from './ContactSupportButton';
|
|
17
|
-
import { Container } from './TransactionDetailsPage.style';
|
|
18
18
|
import { TransactionDetailsSkeleton } from './TransactionDetailsSkeleton';
|
|
19
19
|
export const TransactionDetailsPage = () => {
|
|
20
20
|
const { t, i18n } = useTranslation();
|
|
@@ -52,7 +52,7 @@ export const TransactionDetailsPage = () => {
|
|
|
52
52
|
}
|
|
53
53
|
const startedAt = new Date((routeExecution?.route.steps[0].execution?.process[0].startedAt ?? 0) *
|
|
54
54
|
(storedRouteExecution ? 1 : 1000));
|
|
55
|
-
return isLoading && !storedRouteExecution ? (_jsx(TransactionDetailsSkeleton, {})) : (_jsxs(
|
|
55
|
+
return isLoading && !storedRouteExecution ? (_jsx(TransactionDetailsSkeleton, {})) : (_jsxs(PageContainer, { topBottomGutters: true, children: [_jsxs(Box, { sx: {
|
|
56
56
|
display: 'flex',
|
|
57
57
|
flex: 1,
|
|
58
58
|
justifyContent: 'space-between',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionDetailsPage.js","sourceRoot":"","sources":["../../../pages/TransactionDetailsPage/TransactionDetailsPage.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TransactionDetailsPage.js","sourceRoot":"","sources":["../../../pages/TransactionDetailsPage/TransactionDetailsPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,28 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Box,
|
|
2
|
+
import { Box, Skeleton } from '@mui/material';
|
|
3
3
|
import { Card } from '../../components/Card';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
7
|
-
const TransactionDetailsTokenSkeleton = () => {
|
|
8
|
-
return (_jsxs(Box, { py: 1, children: [_jsxs(Box, { display: "flex", flex: 1, alignItems: "center", children: [_jsx(Skeleton, { variant: "rounded", width: 32, height: 32, sx: {
|
|
9
|
-
borderRadius: '100%',
|
|
10
|
-
} }), _jsx(Box, { display: "flex", flexDirection: "column", flex: 1, ml: 2, children: _jsx(Skeleton, { width: 64, height: 32, variant: "text" }) })] }), _jsx(DetailedTextSkeleton, {})] }));
|
|
11
|
-
};
|
|
4
|
+
import { PageContainer } from '../../components/PageContainer';
|
|
5
|
+
import { TokenSkeleton } from '../../components/Token';
|
|
12
6
|
export const TransactionDetailsSkeleton = () => {
|
|
13
|
-
return (_jsxs(
|
|
7
|
+
return (_jsxs(PageContainer, { children: [_jsxs(Box, { sx: {
|
|
14
8
|
display: 'flex',
|
|
15
9
|
flex: 1,
|
|
16
10
|
justifyContent: 'space-between',
|
|
17
|
-
}, pb: 1, pt: 0.75, children: [_jsx(Skeleton, { width: 96, height: 20, variant: "text" }), _jsx(Skeleton, { width: 40, height: 20, variant: "text" })] }), _jsxs(Card, { mb: 3, variant: "default", sx: { paddingX: 2 }, children: [_jsx(Box, { pt: 2.5, children: _jsx(Skeleton, { width: 64, height: 12, variant: "rounded" }) }), _jsxs(Box, { py: 1, children: [_jsx(
|
|
18
|
-
borderRadius: '100%',
|
|
19
|
-
} }), _jsx(Box, { display: "flex", flexDirection: "column", flex: 1, ml: 2, children: _jsx(Skeleton, { width: 96, height: 32, variant: "text" }) })] }), _jsx(DetailedTextSkeleton, {}), _jsx(DetailedTextSkeleton, {})] }), Array.from({ length: 3 }).map((_, key) => (_jsxs(Box, { sx: {
|
|
11
|
+
}, pb: 1, pt: 0.75, children: [_jsx(Skeleton, { width: 96, height: 20, variant: "text" }), _jsx(Skeleton, { width: 40, height: 20, variant: "text" })] }), _jsxs(Card, { mb: 3, variant: "default", sx: { paddingX: 2 }, children: [_jsx(Box, { pt: 2.5, children: _jsx(Skeleton, { width: 64, height: 12, variant: "rounded" }) }), _jsxs(Box, { py: 1, children: [_jsx(Box, { py: 1, children: _jsx(TokenSkeleton, {}) }), _jsx(Box, { py: 1, children: _jsx(TokenSkeleton, { disableDescription: true }) }), Array.from({ length: 3 }).map((_, key) => (_jsxs(Box, { sx: {
|
|
20
12
|
display: 'flex',
|
|
21
13
|
alignItems: 'center',
|
|
22
|
-
}, py: 1, children: [_jsx(Skeleton, { variant: "rounded", width:
|
|
14
|
+
}, py: 1, children: [_jsx(Skeleton, { variant: "rounded", width: 40, height: 40, sx: {
|
|
23
15
|
borderRadius: '100%',
|
|
24
16
|
} }), _jsx(Skeleton, { sx: {
|
|
25
17
|
ml: 2,
|
|
26
|
-
}, width: 96, height:
|
|
18
|
+
}, width: 96, height: 24, variant: "text" })] }, key))), _jsx(Box, { py: 1, children: _jsx(TokenSkeleton, {}) })] })] })] }));
|
|
27
19
|
};
|
|
28
20
|
//# sourceMappingURL=TransactionDetailsSkeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionDetailsSkeleton.js","sourceRoot":"","sources":["../../../pages/TransactionDetailsPage/TransactionDetailsSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"TransactionDetailsSkeleton.js","sourceRoot":"","sources":["../../../pages/TransactionDetailsPage/TransactionDetailsSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,OAAO,CACL,MAAC,aAAa,eACZ,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,CAAC;oBACP,cAAc,EAAE,eAAe;iBAChC,EACD,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,IAAI,aAER,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,EAClD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,IAC9C,EACN,MAAC,IAAI,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,aAChD,KAAC,GAAG,IAAC,EAAE,EAAE,GAAG,YACV,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,SAAS,GAAG,GACjD,EACN,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,aAER,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,aAAa,KAAG,GACb,EAEN,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,aAAa,IAAC,kBAAkB,SAAG,GAChC,EAEL,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,MAAC,GAAG,IACF,EAAE,EAAE;oCACF,OAAO,EAAE,MAAM;oCACf,UAAU,EAAE,QAAQ;iCACrB,EACD,EAAE,EAAE,CAAC,aAGL,KAAC,QAAQ,IACP,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,EAAE,EAAE;4CACF,YAAY,EAAE,MAAM;yCACrB,GACD,EACF,KAAC,QAAQ,IACP,EAAE,EAAE;4CACF,EAAE,EAAE,CAAC;yCACN,EACD,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,MAAM,GACd,KAjBG,GAAG,CAkBJ,CACP,CAAC,EAEF,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,aAAa,KAAG,GACb,IACF,IACD,IACO,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -52,6 +52,6 @@ export const TransactionHistoryItem = ({ transaction, size, start }) => {
|
|
|
52
52
|
justifyContent: 'space-between',
|
|
53
53
|
}, pt: 1.75, px: 2, children: [_jsx(Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, { dateStyle: 'long' }).format(startedAt) }), _jsx(Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, {
|
|
54
54
|
timeStyle: 'short',
|
|
55
|
-
}).format(startedAt) })] }), _jsxs(Box, { py:
|
|
55
|
+
}).format(startedAt) })] }), _jsxs(Box, { px: 2, py: 2, children: [_jsx(Token, { token: fromToken }), _jsx(Box, { pl: 2.375, py: 0.5, children: _jsx(TokenDivider, {}) }), _jsx(Token, { token: toToken })] })] }));
|
|
56
56
|
};
|
|
57
57
|
//# sourceMappingURL=TransactionHistoryItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionHistoryItem.js","sourceRoot":"","sources":["../../../pages/TransactionHistoryPage/TransactionHistoryItem.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TransactionHistoryItem.js","sourceRoot":"","sources":["../../../pages/TransactionHistoryPage/TransactionHistoryItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { List } from '@mui/material';
|
|
3
3
|
import { useVirtualizer } from '@tanstack/react-virtual';
|
|
4
4
|
import { useRef } from 'react';
|
|
5
|
+
import { PageContainer } from '../../components/PageContainer';
|
|
5
6
|
import { useTransactionHistory } from '../../hooks/useTransactionHistory';
|
|
6
7
|
import { TransactionHistoryEmpty } from './TransactionHistoryEmpty';
|
|
7
8
|
import { TransactionHistoryItem } from './TransactionHistoryItem';
|
|
8
|
-
import {
|
|
9
|
+
import { TransactionHistoryItemSkeleton } from './TransactionHistorySkeleton';
|
|
9
10
|
import { minTransactionListHeight } from './constants';
|
|
10
11
|
export const TransactionHistoryPage = () => {
|
|
11
12
|
// Parent ref and useVirtualizer should be in one file to avoid blank page (0 virtual items) issue
|
|
@@ -17,13 +18,13 @@ export const TransactionHistoryPage = () => {
|
|
|
17
18
|
paddingStart: 8,
|
|
18
19
|
paddingEnd: 12,
|
|
19
20
|
getScrollElement: () => parentRef.current,
|
|
20
|
-
estimateSize: () =>
|
|
21
|
+
estimateSize: () => 186,
|
|
21
22
|
getItemKey: (index) => `${transactions[index].transactionId}-${index}`,
|
|
22
23
|
});
|
|
23
24
|
if (!transactions.length && !isLoading) {
|
|
24
25
|
return _jsx(TransactionHistoryEmpty, {});
|
|
25
26
|
}
|
|
26
|
-
return (_jsx(
|
|
27
|
+
return (_jsx(PageContainer, { ref: parentRef, style: { height: minTransactionListHeight, overflow: 'auto' }, children: _jsx(List, { style: { height: getTotalSize(), width: '100%', position: 'relative' }, disablePadding: true, children: isLoading ? (_jsx(List, { sx: { paddingTop: 1, paddingBottom: 1 }, children: Array.from({ length: 3 }).map((_, index) => (_jsx(TransactionHistoryItemSkeleton, {}, index))) })) : (getVirtualItems().map((item) => {
|
|
27
28
|
const transaction = transactions[item.index];
|
|
28
29
|
return (_jsx(TransactionHistoryItem, { size: item.size, start: item.start, transaction: transaction }, item.key));
|
|
29
30
|
})) }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionHistoryPage.js","sourceRoot":"","sources":["../../../pages/TransactionHistoryPage/TransactionHistoryPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TransactionHistoryPage.js","sourceRoot":"","sources":["../../../pages/TransactionHistoryPage/TransactionHistoryPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,CAAC,MAAM,sBAAsB,GAAa,GAAG,EAAE;IACnD,kGAAkG;IAClG,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACtD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAElE,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC;QACvD,KAAK,EAAE,YAAY,CAAC,MAAM;QAC1B,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,EAAE;QACd,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO;QACzC,YAAY,EAAE,GAAG,EAAE,CAAC,GAAG;QACvB,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CACpB,GAAI,YAAY,CAAC,KAAK,CAAoB,CAAC,aAAa,IAAI,KAAK,EAAE;KACtE,CAAC,CAAC;IAEH,IAAI,CAAC,YAAY,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvC,OAAO,KAAC,uBAAuB,KAAG,CAAC;IACrC,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IACZ,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,EAAE,MAAM,EAAE,wBAAwB,EAAE,QAAQ,EAAE,MAAM,EAAE,YAE7D,KAAC,IAAI,IACH,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,EACtE,cAAc,kBAEb,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,YAC1C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,KAAC,8BAA8B,MAAM,KAAK,CAAI,CAC/C,CAAC,GACG,CACR,CAAC,CAAC,CAAC,CACF,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC7B,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC7C,OAAO,CACL,KAAC,sBAAsB,IAErB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,WAAW,IAHnB,IAAI,CAAC,GAAG,CAIb,CACH,CAAC;YACJ,CAAC,CAAC,CACH,GACI,GACO,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const TransactionHistoryItemSkeleton: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Box, Skeleton } from '@mui/material';
|
|
3
3
|
import { Card } from '../../components/Card';
|
|
4
|
-
import { TokenDivider } from '../../components/Token';
|
|
5
|
-
const
|
|
6
|
-
return (_jsxs(Box, { flex: 1, px: 2, pt: showDivider ? 1 : 0.5, pb: showDivider ? 0 : 1, children: [_jsxs(Box, { display: "flex", flex: 1, alignItems: "center", children: [_jsx(Skeleton, { variant: "rounded", width: 32, height: 32, sx: {
|
|
7
|
-
borderRadius: '100%',
|
|
8
|
-
} }), _jsx(Box, { display: "flex", flexDirection: "column", flex: 1, ml: 2, children: _jsx(Skeleton, { width: 40, height: 30, variant: "text" }) })] }), _jsxs(Box, { display: "flex", marginLeft: "-16px", children: [_jsx(Box, { display: "flex", flexDirection: 'column', marginTop: 0.5, visibility: showDivider ? 'visible' : 'hidden', children: _jsx(TokenDivider, {}) }), _jsx(Skeleton, { width: 64, height: 12, sx: { marginTop: 0.5 }, variant: "rounded" }), _jsx(Skeleton, { width: 96, height: 12, variant: "rounded", sx: { marginTop: 0.5, marginLeft: 0.5 } })] })] }));
|
|
9
|
-
};
|
|
10
|
-
export const TransactionHistorySkeleton = () => {
|
|
4
|
+
import { TokenDivider, TokenSkeleton } from '../../components/Token';
|
|
5
|
+
export const TransactionHistoryItemSkeleton = () => {
|
|
11
6
|
return (_jsxs(Card, { style: {
|
|
12
7
|
marginBottom: '16px',
|
|
13
8
|
}, children: [_jsxs(Box, { sx: {
|
|
@@ -18,6 +13,6 @@ export const TransactionHistorySkeleton = () => {
|
|
|
18
13
|
borderRadius: `${theme.shape.borderRadius}px`,
|
|
19
14
|
}) }), _jsx(Skeleton, { variant: "rectangular", width: 64, height: 16, sx: (theme) => ({
|
|
20
15
|
borderRadius: `${theme.shape.borderRadius}px`,
|
|
21
|
-
}) })] }), _jsxs(Box, { py:
|
|
16
|
+
}) })] }), _jsxs(Box, { px: 2, py: 2, children: [_jsx(TokenSkeleton, {}), _jsx(Box, { pl: 2.375, py: 0.5, children: _jsx(TokenDivider, {}) }), _jsx(TokenSkeleton, {})] })] }));
|
|
22
17
|
};
|
|
23
18
|
//# sourceMappingURL=TransactionHistorySkeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionHistorySkeleton.js","sourceRoot":"","sources":["../../../pages/TransactionHistoryPage/TransactionHistorySkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"TransactionHistorySkeleton.js","sourceRoot":"","sources":["../../../pages/TransactionHistoryPage/TransactionHistorySkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAErE,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,EAAE;IACjD,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE;YACL,YAAY,EAAE,MAAM;SACrB,aAED,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,CAAC;oBACP,cAAc,EAAE,eAAe;iBAChC,EACD,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,aAEL,KAAC,QAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;4BACd,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;yBAC9C,CAAC,GACF,EACF,KAAC,QAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;4BACd,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;yBAC9C,CAAC,GACF,IACE,EACN,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,aACf,KAAC,aAAa,KAAG,EACjB,KAAC,GAAG,IAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,YACrB,KAAC,YAAY,KAAG,GACZ,EACN,KAAC,aAAa,KAAG,IACb,IACD,CACR,CAAC;AACJ,CAAC,CAAC"}
|