@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":"ChainSelect.js","sourceRoot":"","sources":["../../../components/ChainSelect/ChainSelect.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ChainSelect.js","sourceRoot":"","sources":["../../../components/ChainSelect/ChainSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,6 @@ export declare const useChainSelect: (formType: FormType) => {
|
|
|
5
5
|
chains: import("@lifi/sdk").ExtendedChain[] | undefined;
|
|
6
6
|
getChains: () => EVMChain[];
|
|
7
7
|
isLoading: boolean;
|
|
8
|
-
setChainOrder: (chainId: number) => void;
|
|
8
|
+
setChainOrder: (chainId: number, type: FormType) => void;
|
|
9
9
|
setCurrentChain: (chainId: number) => void;
|
|
10
10
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { useChains, useSwapOnly } from '../../hooks';
|
|
2
2
|
import { useWidgetConfig } from '../../providers';
|
|
3
|
-
import { useChainOrder, useFieldActions, useFieldController,
|
|
3
|
+
import { FormKeyHelper, useChainOrder, useFieldActions, useFieldController, } from '../../stores';
|
|
4
4
|
import { RequiredUI } from '../../types';
|
|
5
5
|
export const useChainSelect = (formType) => {
|
|
6
6
|
const { requiredUI } = useWidgetConfig();
|
|
7
7
|
const chainKey = FormKeyHelper.getChainKey(formType);
|
|
8
8
|
const { onChange, onBlur } = useFieldController({ name: chainKey });
|
|
9
9
|
const { setFieldValue, getFieldValues } = useFieldActions();
|
|
10
|
-
const { chains, isLoading, getChainById } = useChains();
|
|
11
|
-
const [chainOrder, setChainOrder] = useChainOrder();
|
|
10
|
+
const { chains, isLoading, getChainById } = useChains(formType);
|
|
11
|
+
const [chainOrder, setChainOrder] = useChainOrder(formType);
|
|
12
12
|
const swapOnly = useSwapOnly();
|
|
13
13
|
const getChains = () => {
|
|
14
14
|
if (!chains) {
|
|
@@ -44,7 +44,7 @@ export const useChainSelect = (formType) => {
|
|
|
44
44
|
if (!requiredToAddress) {
|
|
45
45
|
setFieldValue('toAddress', '');
|
|
46
46
|
}
|
|
47
|
-
setChainOrder(chainId);
|
|
47
|
+
setChainOrder(chainId, formType);
|
|
48
48
|
};
|
|
49
49
|
return {
|
|
50
50
|
chainOrder,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChainSelect.js","sourceRoot":"","sources":["../../../components/ChainSelect/useChainSelect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"useChainSelect.js","sourceRoot":"","sources":["../../../components/ChainSelect/useChainSelect.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const CloseDrawerButton: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import CloseIcon from '@mui/icons-material/esm/CloseRounded';
|
|
3
|
+
import { Tooltip } from '@mui/material';
|
|
4
|
+
import IconButton from '@mui/material/IconButton';
|
|
5
|
+
import { useTranslation } from 'react-i18next';
|
|
6
|
+
import { useDrawer } from '../../AppDrawerContext';
|
|
7
|
+
export const CloseDrawerButton = () => {
|
|
8
|
+
const { t } = useTranslation();
|
|
9
|
+
const { closeDrawer } = useDrawer();
|
|
10
|
+
return (_jsx(Tooltip, { title: t('button.close'), enterDelay: 400, arrow: true, children: _jsx(IconButton, { size: "medium", onClick: closeDrawer, children: _jsx(CloseIcon, {}) }) }));
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=CloseDrawerButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CloseDrawerButton.js","sourceRoot":"","sources":["../../../components/Header/CloseDrawerButton.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAEpC,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,kBACvD,KAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,YAC5C,KAAC,SAAS,KAAG,GACF,GACL,CACX,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import PowerSettingsNewIcon from '@mui/icons-material/esm/PowerSettingsNewRounded';
|
|
3
|
+
import { IconButton } from '@mui/material';
|
|
4
|
+
import { useDisconnect } from 'wagmi';
|
|
5
|
+
export const EVMDisconnectIconButton = ({ connector, }) => {
|
|
6
|
+
const { disconnect } = useDisconnect();
|
|
7
|
+
return (_jsx(IconButton, { size: "medium", onClick: (e) => {
|
|
8
|
+
e.stopPropagation();
|
|
9
|
+
disconnect({ connector });
|
|
10
|
+
}, children: _jsx(PowerSettingsNewIcon, {}) }));
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=EVMDisconnectIconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EVMDisconnectIconButton.js","sourceRoot":"","sources":["../../../components/Header/EVMDisconnectIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,GAGV,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IAEvC,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QAC5B,CAAC,YAED,KAAC,oBAAoB,KAAG,GACb,CACd,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useLocation } from 'react-router-dom';
|
|
3
3
|
import { useDefaultElementId } from '../../hooks';
|
|
4
|
-
import { useWidgetConfig } from '../../providers';
|
|
5
|
-
import { HiddenUI } from '../../types';
|
|
6
4
|
import { ElementId, createElementId, stickyHeaderRoutes } from '../../utils';
|
|
7
5
|
import { Container } from './Header.style';
|
|
8
6
|
import { NavigationHeader } from './NavigationHeader';
|
|
@@ -13,9 +11,6 @@ export const HeaderContainer = ({ children }) => {
|
|
|
13
11
|
return (_jsx(Container, { id: createElementId(ElementId.Header, elementId), sticky: stickyHeaderRoutes.some((route) => pathname.includes(route)), children: children }));
|
|
14
12
|
};
|
|
15
13
|
export const Header = () => {
|
|
16
|
-
|
|
17
|
-
return (_jsxs(HeaderContainer, { children: [!walletManagement &&
|
|
18
|
-
subvariant !== 'split' &&
|
|
19
|
-
!hiddenUI?.includes(HiddenUI.WalletMenu) ? (_jsx(WalletHeader, {})) : null, _jsx(NavigationHeader, {})] }));
|
|
14
|
+
return (_jsxs(HeaderContainer, { children: [_jsx(WalletHeader, {}), _jsx(NavigationHeader, {})] }));
|
|
20
15
|
};
|
|
21
16
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../components/Header/Header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../components/Header/Header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,OAAO,CACL,KAAC,SAAS,IACR,EAAE,EAAE,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,EAChD,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,YAEnE,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAO,GAAG,EAAE;IAC7B,OAAO,CACL,MAAC,eAAe,eACd,KAAC,YAAY,KAAG,EAChB,KAAC,gBAAgB,KAAG,IACJ,CACnB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -49,17 +49,23 @@ export const WalletButton = styled(Button)(({ theme }) => ({
|
|
|
49
49
|
: alpha(theme.palette.common.white, 0.08),
|
|
50
50
|
},
|
|
51
51
|
}));
|
|
52
|
-
export const DrawerWalletContainer = styled(Box)(() => ({
|
|
52
|
+
export const DrawerWalletContainer = styled(Box)(({ theme }) => ({
|
|
53
53
|
width: '100%',
|
|
54
54
|
display: 'flex',
|
|
55
|
-
|
|
56
|
-
'&
|
|
57
|
-
marginLeft:
|
|
55
|
+
justifyContent: 'space-between',
|
|
56
|
+
'& button:first-of-type': {
|
|
57
|
+
marginLeft: theme.spacing(-1),
|
|
58
|
+
},
|
|
59
|
+
'& button:last-of-type': {
|
|
60
|
+
marginRight: theme.spacing(-1.25),
|
|
58
61
|
},
|
|
59
62
|
}));
|
|
60
63
|
export const HeaderControlsContainer = styled(Box)(({ theme }) => ({
|
|
61
64
|
display: 'flex',
|
|
62
65
|
gap: theme.spacing(0.5),
|
|
66
|
+
'& button:last-of-type': {
|
|
67
|
+
marginRight: theme.spacing(-1.25),
|
|
68
|
+
},
|
|
63
69
|
}));
|
|
64
70
|
export const SplitTabs = styled(Tabs)(({ theme }) => ({
|
|
65
71
|
backgroundColor: theme.palette.mode === 'dark'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.style.js","sourceRoot":"","sources":["../../../components/Header/Header.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAClC,gBAAgB,EAAE;QAChB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC9B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;KAClC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAuB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IACjD,cAAc,EAAE,YAAY;IAC5B,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;IACxC,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,IAAI;CACb,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,eAAe,EAAE,aAAa;IAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;IAC9B,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,GAAG;IACf,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC;IAC1C,SAAS,EAAE;QACT,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;YACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;KAC9C;IACD,CAAC,IAAI,aAAa,CAAC,OAAO,qBAAqB,CAAC,EAAE;QAChD,QAAQ,EAAE,MAAM;KACjB;IACD,CAAC,IAAI,aAAa,CAAC,SAAS,qBAAqB,CAAC,EAAE;QAClD,QAAQ,EAAE,MAAM;KACjB;IACD,CAAC,YAAY,YAAY,CAAC,KAAK,QAAQ,CAAC,EAAE;QACxC,WAAW,EACT,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;YACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;KAC9C;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Header.style.js","sourceRoot":"","sources":["../../../components/Header/Header.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAClC,gBAAgB,EAAE;QAChB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC9B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;KAClC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAuB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IACjD,cAAc,EAAE,YAAY;IAC5B,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;IACxC,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,IAAI;CACb,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,eAAe,EAAE,aAAa;IAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;IAC9B,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,GAAG;IACf,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC;IAC1C,SAAS,EAAE;QACT,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;YACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;KAC9C;IACD,CAAC,IAAI,aAAa,CAAC,OAAO,qBAAqB,CAAC,EAAE;QAChD,QAAQ,EAAE,MAAM;KACjB;IACD,CAAC,IAAI,aAAa,CAAC,SAAS,qBAAqB,CAAC,EAAE;QAClD,QAAQ,EAAE,MAAM;KACjB;IACD,CAAC,YAAY,YAAY,CAAC,KAAK,QAAQ,CAAC,EAAE;QACxC,WAAW,EACT,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;YACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;KAC9C;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,eAAe;IAE/B,wBAAwB,EAAE;QACxB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;KAC9B;IACD,uBAAuB,EAAE;QACvB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;KAClC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IACvB,uBAAuB,EAAE;QACvB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;KAClC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM;QAC3B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;QAChC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;CAC9C,CAAC,CAAC,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import ArrowBackIcon from '@mui/icons-material/esm/ArrowBack';
|
|
3
|
-
import
|
|
4
|
-
import { Box, Tooltip, Typography } from '@mui/material';
|
|
3
|
+
import { Box, Typography } from '@mui/material';
|
|
5
4
|
import IconButton from '@mui/material/IconButton';
|
|
6
5
|
import { useTranslation } from 'react-i18next';
|
|
7
6
|
import { Route, Routes, useLocation } from 'react-router-dom';
|
|
@@ -10,20 +9,17 @@ import { useWidgetConfig } from '../../providers';
|
|
|
10
9
|
import { useHeaderStore } from '../../stores';
|
|
11
10
|
import { HiddenUI } from '../../types';
|
|
12
11
|
import { backButtonRoutes, navigationRoutes, navigationRoutesValues, } from '../../utils';
|
|
12
|
+
import { CloseDrawerButton } from './CloseDrawerButton';
|
|
13
13
|
import { HeaderAppBar, HeaderControlsContainer } from './Header.style';
|
|
14
14
|
import { NavigationTabs } from './NavigationTabs';
|
|
15
15
|
import { SettingsButton } from './SettingsButton';
|
|
16
|
-
import {
|
|
17
|
-
|
|
18
|
-
const { t } = useTranslation();
|
|
19
|
-
const { navigate } = useNavigateBack();
|
|
20
|
-
return (_jsx(Tooltip, { title: t(`header.transactionHistory`), enterDelay: 400, arrow: true, children: _jsx(IconButton, { size: "medium", edge: "start", onClick: () => navigate(navigationRoutes.transactionHistory), children: _jsx(ReceiptLongIcon, {}) }) }));
|
|
21
|
-
};
|
|
16
|
+
import { TransactionHistoryButton } from './TransactionHistoryButton';
|
|
17
|
+
import { SplitWalletMenuButton } from './WalletHeader';
|
|
22
18
|
export const NavigationHeader = () => {
|
|
23
19
|
const { t } = useTranslation();
|
|
24
20
|
const { subvariant, hiddenUI, variant } = useWidgetConfig();
|
|
25
21
|
const { navigateBack } = useNavigateBack();
|
|
26
|
-
const {
|
|
22
|
+
const { isConnected } = useAccount();
|
|
27
23
|
const { element, title } = useHeaderStore((state) => state);
|
|
28
24
|
const { pathname } = useLocation();
|
|
29
25
|
const cleanedPathname = pathname.endsWith('/')
|
|
@@ -86,7 +82,8 @@ export const NavigationHeader = () => {
|
|
|
86
82
|
}
|
|
87
83
|
}
|
|
88
84
|
};
|
|
89
|
-
return (_jsxs(_Fragment, { children: [_jsxs(HeaderAppBar, { elevation: 0, children: [backButtonRoutes.includes(path) ? (_jsx(IconButton, { size: "medium", edge: "start", onClick: navigateBack, children: _jsx(ArrowBackIcon, {}) })) : null, splitSubvariant ? (_jsx(Box, { flex: 1, children:
|
|
90
|
-
|
|
85
|
+
return (_jsxs(_Fragment, { children: [_jsxs(HeaderAppBar, { elevation: 0, children: [backButtonRoutes.includes(path) ? (_jsx(IconButton, { size: "medium", edge: "start", onClick: navigateBack, children: _jsx(ArrowBackIcon, {}) })) : null, splitSubvariant ? (_jsx(Box, { flex: 1, children: _jsx(SplitWalletMenuButton, {}) })) : (_jsx(Typography, { fontSize: hasPath ? 18 : 24, align: hasPath ? 'center' : 'left', fontWeight: "700", flex: 1, noWrap: true, children: title || handleHeaderTitle() })), _jsxs(Routes, { children: [_jsx(Route, { path: navigationRoutes.home, element: _jsxs(HeaderControlsContainer, { children: [isConnected && !hiddenUI?.includes(HiddenUI.History) ? (_jsx(TransactionHistoryButton, {})) : null, _jsx(SettingsButton, {}), variant === 'drawer' &&
|
|
86
|
+
subvariant === 'split' &&
|
|
87
|
+
!hiddenUI?.includes(HiddenUI.DrawerCloseButton) ? (_jsx(CloseDrawerButton, {})) : null] }) }), _jsx(Route, { path: "*", element: element || _jsx(Box, { width: 28, height: 40 }) })] })] }), splitSubvariant ? _jsx(NavigationTabs, {}) : null] }));
|
|
91
88
|
};
|
|
92
89
|
//# sourceMappingURL=NavigationHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationHeader.js","sourceRoot":"","sources":["../../../components/Header/NavigationHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"NavigationHeader.js","sourceRoot":"","sources":["../../../components/Header/NavigationHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const SVMDisconnectIconButton: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import PowerSettingsNewIcon from '@mui/icons-material/esm/PowerSettingsNewRounded';
|
|
3
|
+
import { IconButton } from '@mui/material';
|
|
4
|
+
import { useWallet } from '@solana/wallet-adapter-react';
|
|
5
|
+
export const SVMDisconnectIconButton = () => {
|
|
6
|
+
const { disconnect } = useWallet();
|
|
7
|
+
return (_jsx(IconButton, { size: "medium", onClick: (e) => {
|
|
8
|
+
e.stopPropagation();
|
|
9
|
+
disconnect();
|
|
10
|
+
}, children: _jsx(PowerSettingsNewIcon, {}) }));
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=SVMDisconnectIconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SVMDisconnectIconButton.js","sourceRoot":"","sources":["../../../components/Header/SVMDisconnectIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IAEnC,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,UAAU,EAAE,CAAC;QACf,CAAC,YAED,KAAC,oBAAoB,KAAG,GACb,CACd,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -17,26 +17,23 @@ export const SettingsIconBadge = styled(MuiBadge)(({ theme }) => ({
|
|
|
17
17
|
export const SettingsIconButton = styled(IconButton, {
|
|
18
18
|
shouldForwardProp: (props) => props !== 'variant',
|
|
19
19
|
})(({ theme, variant }) => {
|
|
20
|
-
|
|
21
|
-
info:
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
backgroundColor:
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
borderRadius: 20,
|
|
39
|
-
...variantStyles[variant ?? 'default'],
|
|
40
|
-
};
|
|
20
|
+
switch (variant) {
|
|
21
|
+
case 'info':
|
|
22
|
+
return {
|
|
23
|
+
backgroundColor: getInfoBackgroundColor(theme),
|
|
24
|
+
'&:hover': {
|
|
25
|
+
backgroundColor: darken(getInfoBackgroundColor(theme), 0.2),
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
case 'warning':
|
|
29
|
+
return {
|
|
30
|
+
backgroundColor: getWarningBackgroundColor(theme),
|
|
31
|
+
'&:hover': {
|
|
32
|
+
backgroundColor: darken(getWarningBackgroundColor(theme), 0.2),
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
default:
|
|
36
|
+
break;
|
|
37
|
+
}
|
|
41
38
|
});
|
|
42
39
|
//# sourceMappingURL=SettingsButton.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsButton.style.js","sourceRoot":"","sources":["../../../components/Header/SettingsButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAEhF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,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,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,sBAAsB;KAClC;CACF,CAAC,CAAC,CAAC;AAMJ,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,EAAE;IACnD,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS;CAClD,CAAC,CAA0B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACjD,
|
|
1
|
+
{"version":3,"file":"SettingsButton.style.js","sourceRoot":"","sources":["../../../components/Header/SettingsButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAEhF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,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,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,sBAAsB;KAClC;CACF,CAAC,CAAC,CAAC;AAMJ,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,EAAE;IACnD,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS;CAClD,CAAC,CAA0B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACjD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,MAAM;YACT,OAAO;gBACL,eAAe,EAAE,sBAAsB,CAAC,KAAK,CAAC;gBAC9C,SAAS,EAAE;oBACT,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;iBAC5D;aACF,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO;gBACL,eAAe,EAAE,yBAAyB,CAAC,KAAK,CAAC;gBACjD,SAAS,EAAE;oBACT,eAAe,EAAE,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;iBAC/D;aACF,CAAC;QACJ;YACE,MAAM;IACV,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const TransactionHistoryButton: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import ReceiptLongIcon from '@mui/icons-material/esm/ReceiptLong';
|
|
3
|
+
import { Tooltip } from '@mui/material';
|
|
4
|
+
import IconButton from '@mui/material/IconButton';
|
|
5
|
+
import { useTranslation } from 'react-i18next';
|
|
6
|
+
import { useNavigateBack } from '../../hooks';
|
|
7
|
+
import { navigationRoutes } from '../../utils';
|
|
8
|
+
export const TransactionHistoryButton = () => {
|
|
9
|
+
const { t } = useTranslation();
|
|
10
|
+
const { navigate } = useNavigateBack();
|
|
11
|
+
return (_jsx(Tooltip, { title: t(`header.transactionHistory`), enterDelay: 400, arrow: true, children: _jsx(IconButton, { size: "medium", edge: "start", onClick: () => navigate(navigationRoutes.transactionHistory), children: _jsx(ReceiptLongIcon, {}) }) }));
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=TransactionHistoryButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TransactionHistoryButton.js","sourceRoot":"","sources":["../../../components/Header/TransactionHistoryButton.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAC;IAEvC,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,kBACpE,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,YAE5D,KAAC,eAAe,KAAG,GACR,GACL,CACX,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { jsx as _jsx,
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { getWalletIcon } from '@lifi/wallet-management';
|
|
2
3
|
import ExpandMoreIcon from '@mui/icons-material/esm/ExpandMore';
|
|
3
4
|
import WalletIcon from '@mui/icons-material/esm/Wallet';
|
|
4
5
|
import { Avatar, Badge } from '@mui/material';
|
|
@@ -7,30 +8,43 @@ import { useTranslation } from 'react-i18next';
|
|
|
7
8
|
import { useLocation, useNavigate } from 'react-router-dom';
|
|
8
9
|
import { useAccount, useChain } from '../../hooks';
|
|
9
10
|
import { useWidgetConfig } from '../../providers';
|
|
11
|
+
import { useHasExternalWalletProvider } from '../../providers/WalletProvider';
|
|
12
|
+
import { HiddenUI } from '../../types';
|
|
10
13
|
import { navigationRoutes, shortenAddress } from '../../utils';
|
|
11
14
|
import { SmallAvatar } from '../SmallAvatar';
|
|
15
|
+
import { CloseDrawerButton } from './CloseDrawerButton';
|
|
12
16
|
import { DrawerWalletContainer, HeaderAppBar, WalletButton, } from './Header.style';
|
|
13
17
|
import { WalletMenu } from './WalletMenu';
|
|
14
18
|
import { WalletMenuContainer } from './WalletMenu.style';
|
|
15
19
|
export const WalletHeader = () => {
|
|
16
|
-
|
|
20
|
+
const { subvariant, hiddenUI } = useWidgetConfig();
|
|
21
|
+
const { hasExternalProvider } = useHasExternalWalletProvider();
|
|
22
|
+
return !hasExternalProvider &&
|
|
23
|
+
subvariant !== 'split' &&
|
|
24
|
+
!hiddenUI?.includes(HiddenUI.WalletMenu) ? (_jsx(HeaderAppBar, { elevation: 0, sx: { justifyContent: 'flex-end' }, children: _jsx(WalletMenuButton, {}) })) : null;
|
|
25
|
+
};
|
|
26
|
+
export const SplitWalletMenuButton = () => {
|
|
27
|
+
const { hiddenUI } = useWidgetConfig();
|
|
28
|
+
const { hasExternalProvider } = useHasExternalWalletProvider();
|
|
29
|
+
return !hasExternalProvider && !hiddenUI?.includes(HiddenUI.WalletMenu) ? (_jsx(WalletMenuButton, {})) : null;
|
|
17
30
|
};
|
|
18
31
|
export const WalletMenuButton = () => {
|
|
19
32
|
const { account } = useAccount();
|
|
20
|
-
const { variant } = useWidgetConfig();
|
|
33
|
+
const { variant, subvariant, hiddenUI } = useWidgetConfig();
|
|
21
34
|
if (variant === 'drawer') {
|
|
22
|
-
return (
|
|
35
|
+
return (_jsxs(DrawerWalletContainer, { children: [account.isConnected ? (_jsx(ConnectedButton, { account: account })) : (_jsx(ConnectButton, {})), subvariant !== 'split' &&
|
|
36
|
+
!hiddenUI?.includes(HiddenUI.DrawerCloseButton) ? (_jsx(CloseDrawerButton, {})) : null] }));
|
|
23
37
|
}
|
|
24
38
|
return account.isConnected ? (_jsx(ConnectedButton, { account: account })) : (_jsx(ConnectButton, {}));
|
|
25
39
|
};
|
|
26
40
|
const ConnectButton = () => {
|
|
27
41
|
const { t } = useTranslation();
|
|
28
42
|
const { pathname } = useLocation();
|
|
29
|
-
const {
|
|
43
|
+
const { walletConfig, subvariant, variant } = useWidgetConfig();
|
|
30
44
|
const navigate = useNavigate();
|
|
31
45
|
const connect = async () => {
|
|
32
|
-
if (
|
|
33
|
-
|
|
46
|
+
if (walletConfig?.onConnect) {
|
|
47
|
+
walletConfig.onConnect();
|
|
34
48
|
return;
|
|
35
49
|
}
|
|
36
50
|
navigate(navigationRoutes.selectWallet);
|
|
@@ -51,8 +65,9 @@ const ConnectedButton = ({ account }) => {
|
|
|
51
65
|
const handleClose = () => {
|
|
52
66
|
setAnchorEl(null);
|
|
53
67
|
};
|
|
54
|
-
const avatar = (_jsx(Avatar, { src: account.connector?.icon
|
|
55
|
-
|
|
68
|
+
const avatar = (_jsx(Avatar, { src: account.connector?.icon ||
|
|
69
|
+
getWalletIcon(account.connector?.id), alt: account.connector?.name, sx: { width: 24, height: 24 }, children: account.connector?.name[0] }));
|
|
70
|
+
return (_jsxs(_Fragment, { children: [_jsx(WalletButton, { endIcon: _jsx(ExpandMoreIcon, {}), startIcon: chain?.logoURI ? (_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: _jsx(SmallAvatar, { src: chain?.logoURI, alt: chain?.name, sx: { width: 16, height: 16 }, children: chain?.name[0] }), children: avatar })) : (avatar), sx: {
|
|
56
71
|
marginRight: subvariant === 'split' ? 0 : -1.25,
|
|
57
72
|
marginLeft: subvariant === 'split' ? -1 : 0,
|
|
58
73
|
}, onClick: handleClick, children: walletAddress }), _jsx(WalletMenuContainer, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, children: _jsx(WalletMenu, { onClose: handleClose }) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletHeader.js","sourceRoot":"","sources":["../../../components/Header/WalletHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"WalletHeader.js","sourceRoot":"","sources":["../../../components/Header/WalletHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { ChainType } from '@lifi/sdk';
|
|
3
|
+
import { getWalletIcon } from '@lifi/wallet-management';
|
|
3
4
|
import ContentCopyIcon from '@mui/icons-material/esm/ContentCopyRounded';
|
|
4
5
|
import OpenInNewIcon from '@mui/icons-material/esm/OpenInNewRounded';
|
|
5
6
|
import PowerSettingsNewIcon from '@mui/icons-material/esm/PowerSettingsNewRounded';
|
|
6
7
|
import { Avatar, Badge, Box, Button, IconButton, MenuItem, } from '@mui/material';
|
|
7
|
-
import { useWallet } from '@solana/wallet-adapter-react';
|
|
8
8
|
import { useTranslation } from 'react-i18next';
|
|
9
9
|
import { useLocation, useNavigate } from 'react-router-dom';
|
|
10
|
-
import { useDisconnect } from 'wagmi';
|
|
11
10
|
import { useAccount, useAvailableChains } from '../../hooks';
|
|
12
11
|
import { navigationRoutes, shortenAddress } from '../../utils';
|
|
13
12
|
import { SmallAvatar } from '../SmallAvatar';
|
|
13
|
+
import { EVMDisconnectIconButton } from './EVMDisconnectIconButton.js';
|
|
14
|
+
import { SVMDisconnectIconButton } from './SVMDisconnectIconButton.js';
|
|
14
15
|
export const WalletMenu = ({ onClose }) => {
|
|
15
16
|
const { t } = useTranslation();
|
|
16
17
|
const navigate = useNavigate();
|
|
@@ -21,39 +22,22 @@ export const WalletMenu = ({ onClose }) => {
|
|
|
21
22
|
navigate(navigationRoutes.selectWallet);
|
|
22
23
|
onClose();
|
|
23
24
|
};
|
|
24
|
-
return (_jsxs(Box, { children: [_jsx(Box, { display: "flex", flexDirection: "column", children: accounts
|
|
25
|
-
.filter((account) => account.isConnected)
|
|
26
|
-
.map((account) => {
|
|
25
|
+
return (_jsxs(Box, { children: [_jsx(Box, { display: "flex", flexDirection: "column", children: accounts.map((account) => {
|
|
27
26
|
const chain = getChainById(account.chainId);
|
|
28
27
|
const walletAddress = shortenAddress(account.address);
|
|
29
28
|
const handleCopyAddress = async () => {
|
|
30
29
|
await navigator.clipboard.writeText(account.address ?? '');
|
|
31
30
|
onClose();
|
|
32
31
|
};
|
|
33
|
-
const avatar = (_jsx(Avatar, { src: account.connector?.icon
|
|
34
|
-
|
|
35
|
-
height: 32,
|
|
32
|
+
const avatar = (_jsx(Avatar, { src: account.connector?.icon ||
|
|
33
|
+
getWalletIcon(account.connector?.id), alt: account.connector?.name, sx: {
|
|
36
34
|
marginRight: chain?.logoURI ? 0 : 1.5,
|
|
37
35
|
}, children: account.connector?.name[0] }));
|
|
38
36
|
return (_jsxs(MenuItem, { children: [_jsxs(Box, { flex: 1, display: "flex", alignItems: "center", children: [chain?.logoURI ? (_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: _jsx(SmallAvatar, { src: chain?.logoURI, alt: chain?.name, children: chain?.name[0] }), sx: { marginRight: 1.5 }, children: avatar })) : (avatar), walletAddress] }), _jsxs(Box, { ml: 1, children: [_jsx(IconButton, { size: "medium", onClick: handleCopyAddress, children: _jsx(ContentCopyIcon, {}) }), _jsx(IconButton, { size: "medium", component: "a", onClick: onClose, href: `${chain?.metamask.blockExplorerUrls[0]}address/${account.address}`, target: "_blank", children: _jsx(OpenInNewIcon, {}) }), account.chainType === ChainType.EVM ? (_jsx(EVMDisconnectIconButton, { connector: account.connector })) : account.chainType === ChainType.SVM ? (_jsx(SVMDisconnectIconButton, {})) : null] })] }, account.address));
|
|
39
37
|
}) }), !pathname.includes(navigationRoutes.selectWallet) ? (_jsx(Button, { onClick: connect, fullWidth: true, startIcon: _jsx(PowerSettingsNewIcon, {}), sx: {
|
|
40
38
|
marginTop: 1,
|
|
41
|
-
}, children: accounts.
|
|
39
|
+
}, children: accounts.length > 1
|
|
42
40
|
? t(`button.changeWallet`)
|
|
43
41
|
: t(`button.connectWallet`) })) : null] }));
|
|
44
42
|
};
|
|
45
|
-
const EVMDisconnectIconButton = ({ connector }) => {
|
|
46
|
-
const { disconnect } = useDisconnect();
|
|
47
|
-
return (_jsx(IconButton, { size: "medium", onClick: (e) => {
|
|
48
|
-
e.stopPropagation();
|
|
49
|
-
disconnect({ connector });
|
|
50
|
-
}, children: _jsx(PowerSettingsNewIcon, {}) }));
|
|
51
|
-
};
|
|
52
|
-
const SVMDisconnectIconButton = () => {
|
|
53
|
-
const { disconnect } = useWallet();
|
|
54
|
-
return (_jsx(IconButton, { size: "medium", onClick: (e) => {
|
|
55
|
-
e.stopPropagation();
|
|
56
|
-
disconnect();
|
|
57
|
-
}, children: _jsx(PowerSettingsNewIcon, {}) }));
|
|
58
|
-
};
|
|
59
43
|
//# sourceMappingURL=WalletMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletMenu.js","sourceRoot":"","sources":["../../../components/Header/WalletMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,eAAe,MAAM,wCAAwC,CAAC;AACrE,OAAO,aAAa,MAAM,sCAAsC,CAAC;AACjE,OAAO,oBAAoB,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EACL,MAAM,EACN,KAAK,EACL,GAAG,EACH,MAAM,EACN,UAAU,EACV,QAAQ,GACT,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"WalletMenu.js","sourceRoot":"","sources":["../../../components/Header/WalletMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,29 +1,22 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import ExpandLessIcon from '@mui/icons-material/esm/ExpandLess';
|
|
3
|
-
import ExpandMoreIcon from '@mui/icons-material/esm/ExpandMore';
|
|
4
2
|
import VerifiedUserIcon from '@mui/icons-material/esm/VerifiedUser';
|
|
5
3
|
import { Box, Collapse, Link, Typography } from '@mui/material';
|
|
6
4
|
import { useState } from 'react';
|
|
7
5
|
import { Trans, useTranslation } from 'react-i18next';
|
|
8
6
|
import { InsuraceLogo } from '../../icons';
|
|
9
7
|
import { RouteExecutionStatus } from '../../stores';
|
|
10
|
-
import { Card,
|
|
8
|
+
import { Card, CardLabel, CardLabelTypography } from '../Card';
|
|
11
9
|
import { Switch } from '../Switch';
|
|
12
10
|
export const InsuranceCard = ({ status, feeAmountUsd, insuredAmount, insuredTokenSymbol, insuranceCoverageId, onChange, ...props }) => {
|
|
13
11
|
const { t } = useTranslation();
|
|
14
12
|
const [enabled, setEnabled] = useState(false);
|
|
15
|
-
const [cardExpanded, setCardExpanded] = useState(status === RouteExecutionStatus.Idle);
|
|
16
|
-
const handleExpand = (e) => {
|
|
17
|
-
e.stopPropagation();
|
|
18
|
-
setCardExpanded((expanded) => !expanded);
|
|
19
|
-
};
|
|
20
13
|
const handleSwitch = (_, checked) => {
|
|
21
14
|
setEnabled(checked);
|
|
22
15
|
onChange?.(checked);
|
|
23
16
|
};
|
|
24
17
|
return (_jsxs(Card, { selectionColor: "secondary", indented: true, ...props, children: [_jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [_jsxs(CardLabel, { type: 'insurance', children: [_jsx(VerifiedUserIcon, { fontSize: "inherit" }), _jsx(CardLabelTypography, { type: "icon", children: status === RouteExecutionStatus.Idle
|
|
25
18
|
? t('main.tags.insurance')
|
|
26
|
-
: t('main.tags.insured') })] }),
|
|
19
|
+
: t('main.tags.insured') })] }), _jsx(Switch, { onChange: handleSwitch, value: enabled })] }), _jsx(Collapse, { timeout: 225, in: enabled, mountOnEnter: true, unmountOnExit: true, children: _jsxs(Box, { mt: 2, children: [_jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2, children: [_jsx(Typography, { fontSize: 24, fontWeight: 700, lineHeight: 1, children: t('format.currency', {
|
|
27
20
|
value: feeAmountUsd,
|
|
28
21
|
}) }), _jsx(InsuraceLogo, {})] }), _jsxs(Box, { children: [_jsx(Typography, { fontSize: 14, children: _jsx(Trans, { i18nKey: status === RouteExecutionStatus.Idle
|
|
29
22
|
? 'insurance.insure'
|