@lifi/widget 3.0.0-alpha.11 → 3.0.0-alpha.12
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/_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/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/Header/WalletHeader.js +4 -2
- package/_cjs/components/Header/WalletHeader.js.map +1 -1
- package/_cjs/components/Header/WalletMenu.js +3 -3
- 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 +2 -2
- package/_cjs/components/SelectTokenButton/SelectTokenButton.js.map +1 -1
- package/_cjs/components/SelectTokenButton/SelectTokenButton.style.js +2 -3
- 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.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/types.d.ts +2 -2
- 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/hooks/useRoutes.d.ts +1 -1
- package/_cjs/hooks/useTokenAddressBalance.d.ts +1 -1
- package/_cjs/hooks/useTokenBalance.d.ts +1 -1
- package/_cjs/hooks/useTokenBalances.d.ts +1 -1
- package/_cjs/hooks/useTransactionHistory.d.ts +1 -1
- package/_cjs/i18n/en.json +8 -5
- package/_cjs/pages/ActiveTransactionsPage/ActiveTransactionsPage.js +2 -1
- 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 +1 -1
- 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.style.js +1 -1
- package/_cjs/pages/SettingsPage/SettingsPage.js +6 -6
- package/_cjs/pages/SettingsPage/SettingsPage.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/TransactionPage.js +2 -2
- package/_cjs/pages/TransactionPage/TransactionPage.js.map +1 -1
- package/_cjs/providers/WalletProvider/SDKProviders.js +2 -2
- package/_cjs/providers/WalletProvider/SDKProviders.js.map +1 -1
- package/_cjs/stores/form/FormStore.js +6 -11
- package/_cjs/stores/form/FormStore.js.map +1 -1
- package/_cjs/stores/form/FormUpdater.js +2 -3
- package/_cjs/stores/form/FormUpdater.js.map +1 -1
- 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 +1 -15
- package/_cjs/stores/form/types.js +1 -16
- package/_cjs/stores/form/types.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 +1 -0
- package/_cjs/utils/index.js +1 -0
- package/_cjs/utils/index.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/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/Header/WalletHeader.js +4 -2
- package/_esm/components/Header/WalletHeader.js.map +1 -1
- package/_esm/components/Header/WalletMenu.js +3 -3
- 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 +3 -3
- package/_esm/components/SelectTokenButton/SelectTokenButton.js.map +1 -1
- package/_esm/components/SelectTokenButton/SelectTokenButton.style.js +2 -3
- 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.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/types.d.ts +2 -2
- 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/hooks/useRoutes.d.ts +1 -1
- package/_esm/hooks/useTokenAddressBalance.d.ts +1 -1
- package/_esm/hooks/useTokenBalance.d.ts +1 -1
- package/_esm/hooks/useTokenBalances.d.ts +1 -1
- package/_esm/hooks/useTransactionHistory.d.ts +1 -1
- package/_esm/i18n/en.json +8 -5
- package/_esm/pages/ActiveTransactionsPage/ActiveTransactionsPage.js +3 -2
- 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 +1 -1
- 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.style.js +1 -1
- package/_esm/pages/SettingsPage/SettingsPage.js +6 -6
- package/_esm/pages/SettingsPage/SettingsPage.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/TransactionPage.js +2 -2
- package/_esm/pages/TransactionPage/TransactionPage.js.map +1 -1
- package/_esm/providers/WalletProvider/SDKProviders.js +2 -2
- package/_esm/providers/WalletProvider/SDKProviders.js.map +1 -1
- package/_esm/stores/form/FormStore.js +7 -12
- package/_esm/stores/form/FormStore.js.map +1 -1
- package/_esm/stores/form/FormUpdater.js +2 -3
- package/_esm/stores/form/FormUpdater.js.map +1 -1
- 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 +1 -15
- package/_esm/stores/form/types.js +0 -15
- package/_esm/stores/form/types.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 +1 -0
- package/_esm/utils/index.js +1 -0
- package/_esm/utils/index.js.map +1 -1
- 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/Card/CardHeader.tsx +6 -5
- package/components/Card/CardTitle.tsx +3 -4
- package/components/Header/WalletHeader.tsx +11 -2
- package/components/Header/WalletMenu.tsx +5 -3
- 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 +2 -3
- package/components/SelectTokenButton/SelectTokenButton.tsx +9 -5
- 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/TokenListItem.tsx +11 -8
- package/components/TokenList/types.ts +2 -2
- package/config/theme.ts +2 -9
- package/config/version.ts +1 -1
- package/i18n/en.json +8 -5
- package/package.json +13 -13
- package/pages/ActiveTransactionsPage/ActiveTransactionsPage.tsx +3 -3
- package/pages/LanguagesPage/LanguagesPage.tsx +4 -3
- package/pages/MainPage/MainPage.tsx +12 -12
- package/pages/RoutesPage/RoutesPage.tsx +1 -1
- 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 +1 -1
- package/pages/SettingsPage/SettingsPage.tsx +7 -7
- 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/TransactionPage.tsx +3 -3
- package/providers/WalletProvider/SDKProviders.tsx +2 -2
- package/stores/form/FormStore.tsx +8 -15
- package/stores/form/FormUpdater.tsx +3 -5
- package/stores/form/URLSearchParamsBuilder.tsx +1 -0
- package/stores/form/createFormStore.ts +18 -13
- package/stores/form/types.ts +1 -16
- package/utils/converters.ts +12 -6
- package/{components/RouteCard/utils.ts → utils/fees.ts} +43 -37
- package/utils/index.ts +1 -0
- 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/_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/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":"Step.js","sourceRoot":"","sources":["../../../components/Step/Step.tsx"],"names":[],"mappings":";;;;AAEA,4CAAoC;AACpC,iDAA+C;AAC/C,gDAAwD;AACxD,8DAA2D;AAC3D,kDAA+C;AAC/C,uCAAiD;AACjD,+CAAkD;AAClD,uCAA6C;AAC7C,yEAAsE;AACtE
|
|
1
|
+
{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../../components/Step/Step.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ const StepProcess = ({ step, process }) => {
|
|
|
12
12
|
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { px: 2, py: 1, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
13
13
|
display: 'flex',
|
|
14
14
|
alignItems: 'center',
|
|
15
|
-
}, children: [(0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, { process: process }), (0, jsx_runtime_1.jsx)(material_1.Typography, { mx: 2, flex: 1, fontSize: 14, fontWeight: process.error ? 600 : 400, children: title }), process.txLink ? ((0, jsx_runtime_1.jsx)(StepProcess_style_1.LinkButton, { size: "
|
|
15
|
+
}, children: [(0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, { process: process }), (0, jsx_runtime_1.jsx)(material_1.Typography, { mx: 2, flex: 1, fontSize: 14, fontWeight: process.error ? 600 : 400, children: title }), process.txLink ? ((0, jsx_runtime_1.jsx)(StepProcess_style_1.LinkButton, { size: "medium", LinkComponent: material_1.Link, href: process.txLink, target: "_blank", rel: "nofollow noreferrer", children: (0, jsx_runtime_1.jsx)(LinkRounded_1.default, {}) })) : null] }), message ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { ml: 7, fontSize: 14, fontWeight: 500, color: "text.secondary", children: message })) : null] }));
|
|
16
16
|
};
|
|
17
17
|
exports.StepProcess = StepProcess;
|
|
18
18
|
//# sourceMappingURL=StepProcess.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepProcess.js","sourceRoot":"","sources":["../../../components/Step/StepProcess.tsx"],"names":[],"mappings":";;;;AACA,iEAA8D;AAC9D,4CAAsD;AACtD,uCAAgD;AAChD,yDAAsD;AACtD,2DAAiD;AAE1C,MAAM,WAAW,GAGnB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IACzB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAA,yBAAiB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC5D,OAAO,CACL,wBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,aACf,wBAAC,cAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;iBACrB,aAED,uBAAC,mCAAgB,IAAC,OAAO,EAAE,OAAO,GAAI,EACtC,uBAAC,qBAAU,IACT,EAAE,EAAE,CAAC,EACL,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,YAEpC,KAAK,GACK,EACZ,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAChB,uBAAC,8BAAU,IACT,IAAI,EAAC,
|
|
1
|
+
{"version":3,"file":"StepProcess.js","sourceRoot":"","sources":["../../../components/Step/StepProcess.tsx"],"names":[],"mappings":";;;;AACA,iEAA8D;AAC9D,4CAAsD;AACtD,uCAAgD;AAChD,yDAAsD;AACtD,2DAAiD;AAE1C,MAAM,WAAW,GAGnB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IACzB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAA,yBAAiB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC5D,OAAO,CACL,wBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,aACf,wBAAC,cAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;iBACrB,aAED,uBAAC,mCAAgB,IAAC,OAAO,EAAE,OAAO,GAAI,EACtC,uBAAC,qBAAU,IACT,EAAE,EAAE,CAAC,EACL,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,YAEpC,KAAK,GACK,EACZ,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAChB,uBAAC,8BAAU,IACT,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,eAAI,EACnB,IAAI,EAAE,OAAO,CAAC,MAAM,EACpB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YAEzB,uBAAC,qBAAe,KAAG,GACR,CACd,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,qBAAU,IACT,EAAE,EAAE,CAAC,EACL,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,GAAG,EACf,KAAK,EAAC,gBAAgB,YAErB,OAAO,GACG,CACd,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,WAAW,eA8CtB"}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.StepTimer = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
4
|
const react_1 = require("react");
|
|
6
5
|
const react_i18next_1 = require("react-i18next");
|
|
7
6
|
const react_timer_hook_1 = require("react-timer-hook");
|
|
8
7
|
const getExpiryTimestamp = (step) => new Date((step.execution?.process[0]?.startedAt ?? Date.now()) +
|
|
9
8
|
step.estimate.executionDuration * 1000);
|
|
10
9
|
const StepTimer = ({ step, hideInProgress }) => {
|
|
11
|
-
const { t } = (0, react_i18next_1.useTranslation)();
|
|
10
|
+
const { t, i18n } = (0, react_i18next_1.useTranslation)();
|
|
12
11
|
const [isExpired, setExpired] = (0, react_1.useState)(false);
|
|
13
12
|
const [isExecutionStarted, setExecutionStarted] = (0, react_1.useState)(!!step.execution);
|
|
14
13
|
const [expiryTimestamp] = (0, react_1.useState)(() => getExpiryTimestamp(step));
|
|
@@ -43,9 +42,11 @@ const StepTimer = ({ step, hideInProgress }) => {
|
|
|
43
42
|
step,
|
|
44
43
|
]);
|
|
45
44
|
if (!isExecutionStarted) {
|
|
46
|
-
return
|
|
47
|
-
|
|
48
|
-
|
|
45
|
+
return new Intl.NumberFormat(i18n.language, {
|
|
46
|
+
style: 'unit',
|
|
47
|
+
unit: 'minute',
|
|
48
|
+
unitDisplay: 'narrow',
|
|
49
|
+
}).format(Math.ceil(step.estimate.executionDuration / 60));
|
|
49
50
|
}
|
|
50
51
|
const isTimerExpired = isExpired || (!minutes && !seconds);
|
|
51
52
|
if (step.execution?.status === 'DONE' ||
|
|
@@ -53,9 +54,9 @@ const StepTimer = ({ step, hideInProgress }) => {
|
|
|
53
54
|
(isTimerExpired && hideInProgress)) {
|
|
54
55
|
return null;
|
|
55
56
|
}
|
|
56
|
-
return isTimerExpired
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
return isTimerExpired
|
|
58
|
+
? t('main.inProgress')
|
|
59
|
+
: `${minutes}:${seconds < 10 ? `0${seconds}` : seconds}`;
|
|
59
60
|
};
|
|
60
61
|
exports.StepTimer = StepTimer;
|
|
61
62
|
//# sourceMappingURL=StepTimer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepTimer.js","sourceRoot":"","sources":["../../../components/Step/StepTimer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StepTimer.js","sourceRoot":"","sources":["../../../components/Step/StepTimer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,8 @@ const utils_1 = require("../../utils");
|
|
|
16
16
|
const Card_1 = require("../Card");
|
|
17
17
|
const SmallAvatar_1 = require("../SmallAvatar");
|
|
18
18
|
const StepActions_style_1 = require("./StepActions.style");
|
|
19
|
+
const StepFeeBreakdown_1 = require("./StepFeeBreakdown");
|
|
20
|
+
const StepFees_1 = require("./StepFees");
|
|
19
21
|
const StepActions = ({ step, dense, ...other }) => {
|
|
20
22
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
21
23
|
const { subvariant } = (0, providers_1.useWidgetConfig)();
|
|
@@ -24,14 +26,13 @@ const StepActions = ({ step, dense, ...other }) => {
|
|
|
24
26
|
e.stopPropagation();
|
|
25
27
|
setCardExpanded((expanded) => !expanded);
|
|
26
28
|
};
|
|
27
|
-
const hasCollapsedSteps = dense && step.includedSteps?.length > 1;
|
|
28
29
|
// FIXME: step transaction request overrides step tool details, but not included step tool details
|
|
29
30
|
const toolDetails = subvariant === 'nft'
|
|
30
31
|
? step.includedSteps.find((step) => step.tool === 'custom' && step.toolDetails.key !== 'custom')?.toolDetails || step.toolDetails
|
|
31
32
|
: step.toolDetails;
|
|
32
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { ...other, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: (0, jsx_runtime_1.jsx)(SmallAvatar_1.SmallAvatar, { src: icons_1.LiFiToolLogo }), children: (0, jsx_runtime_1.jsx)(StepActions_style_1.StepAvatar, { variant: "circular", src: toolDetails.logoURI ?? icons_1.LiFiToolLogo, alt: toolDetails.name, children: toolDetails.name[0] }) }), (0, jsx_runtime_1.
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { ...other, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: (0, jsx_runtime_1.jsx)(SmallAvatar_1.SmallAvatar, { src: icons_1.LiFiToolLogo }), children: (0, jsx_runtime_1.jsx)(StepActions_style_1.StepAvatar, { variant: "circular", src: toolDetails.logoURI ?? icons_1.LiFiToolLogo, alt: toolDetails.name, children: toolDetails.name[0] }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 18, fontWeight: "500", lineHeight: 1.3334, ml: 2, children: t(`main.stepDetails`, {
|
|
34
|
+
tool: toolDetails.name,
|
|
35
|
+
}) }), (0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: 225, in: dense && !cardExpanded, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(StepFees_1.StepFees, { ml: 2, step: step }) })] }), dense ? ((0, jsx_runtime_1.jsx)(Card_1.CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? (0, jsx_runtime_1.jsx)(ExpandLess_1.default, {}) : (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}) })) : null] }), dense ? ((0, jsx_runtime_1.jsxs)(material_1.Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, unmountOnExit: true, children: [(0, jsx_runtime_1.jsx)(exports.IncludedSteps, { step: step, subvariant: subvariant }), (0, jsx_runtime_1.jsx)(StepFeeBreakdown_1.StepFeeBreakdown, { step: step })] })) : ((0, jsx_runtime_1.jsx)(exports.IncludedSteps, { step: step, subvariant: subvariant }))] }));
|
|
35
36
|
};
|
|
36
37
|
exports.StepActions = StepActions;
|
|
37
38
|
const IncludedSteps = ({ step, subvariant }) => {
|
|
@@ -42,13 +43,7 @@ const IncludedSteps = ({ step, subvariant }) => {
|
|
|
42
43
|
boxSizing: 'content-box',
|
|
43
44
|
}, children: tool.toolDetails.name[0] })) : null;
|
|
44
45
|
};
|
|
45
|
-
|
|
46
|
-
? exports.CustomStepDetailsLabel
|
|
47
|
-
: step.type === 'lifi' &&
|
|
48
|
-
step.includedSteps.some((step) => step.type === 'cross')
|
|
49
|
-
? exports.CrossStepDetailsLabel
|
|
50
|
-
: exports.SwapStepDetailsLabel;
|
|
51
|
-
return step.includedSteps.length > 1 ? ((0, jsx_runtime_1.jsx)(material_1.Box, { mt: 1.5, children: (0, jsx_runtime_1.jsx)(material_1.Stepper, { orientation: "vertical", connector: (0, jsx_runtime_1.jsx)(StepActions_style_1.StepConnector, {}), activeStep: -1, children: step.includedSteps.map((step, i) => ((0, jsx_runtime_1.jsxs)(material_1.Step, { expanded: true, children: [(0, jsx_runtime_1.jsx)(StepActions_style_1.StepLabel, { StepIconComponent: StepIconComponent, children: step.type === 'custom' && subvariant === 'nft' ? ((0, jsx_runtime_1.jsx)(exports.CustomStepDetailsLabel, { step: step, subvariant: subvariant })) : step.type === 'cross' ? ((0, jsx_runtime_1.jsx)(exports.CrossStepDetailsLabel, { step: step })) : step.type === 'protocol' ? ((0, jsx_runtime_1.jsx)(exports.ProtocolStepDetailsLabel, { step: step })) : ((0, jsx_runtime_1.jsx)(exports.SwapStepDetailsLabel, { step: step })) }), (0, jsx_runtime_1.jsx)(StepActions_style_1.StepContent, { children: (0, jsx_runtime_1.jsx)(exports.StepDetailsContent, { step: step, subvariant: subvariant }) })] }, step.id))) }) })) : ((0, jsx_runtime_1.jsxs)(material_1.Box, { ml: 6, children: [(0, jsx_runtime_1.jsx)(StepDetailsLabel, { step: step, subvariant: subvariant === 'nft' ? subvariant : undefined }), (0, jsx_runtime_1.jsx)(exports.StepDetailsContent, { step: step, subvariant: subvariant })] }));
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Box, { mt: 1, children: (0, jsx_runtime_1.jsx)(material_1.Stepper, { orientation: "vertical", connector: (0, jsx_runtime_1.jsx)(StepActions_style_1.StepConnector, {}), activeStep: -1, children: step.includedSteps.map((step, i, includedSteps) => ((0, jsx_runtime_1.jsxs)(material_1.Step, { expanded: true, children: [(0, jsx_runtime_1.jsx)(StepActions_style_1.StepLabel, { StepIconComponent: StepIconComponent, children: step.type === 'custom' && subvariant === 'nft' ? ((0, jsx_runtime_1.jsx)(exports.CustomStepDetailsLabel, { step: step, subvariant: subvariant })) : step.type === 'cross' ? ((0, jsx_runtime_1.jsx)(exports.CrossStepDetailsLabel, { step: step })) : step.type === 'protocol' ? ((0, jsx_runtime_1.jsx)(exports.ProtocolStepDetailsLabel, { step: step })) : ((0, jsx_runtime_1.jsx)(exports.SwapStepDetailsLabel, { step: step })) }), (0, jsx_runtime_1.jsx)(StepActions_style_1.StepContent, { last: i === includedSteps.length - 1, children: (0, jsx_runtime_1.jsx)(exports.StepDetailsContent, { step: step, subvariant: subvariant }) })] }, step.id))) }) }));
|
|
52
47
|
};
|
|
53
48
|
exports.IncludedSteps = IncludedSteps;
|
|
54
49
|
const StepDetailsContent = ({ step, subvariant }) => {
|
|
@@ -67,11 +62,13 @@ const StepDetailsContent = ({ step, subvariant }) => {
|
|
|
67
62
|
fromAmount = (0, utils_1.formatTokenAmount)(BigInt(step.estimate.fromAmount), step.action.fromToken.decimals);
|
|
68
63
|
}
|
|
69
64
|
const showToAmount = step.type !== 'custom' && step.tool !== 'custom' && !sameTokenProtocolStep;
|
|
70
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Typography, { fontSize: 12, fontWeight: "500", color: "text.secondary", alignItems: "center", display: "flex", children: [t('format.number', {
|
|
65
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Typography, { fontSize: 12, lineHeight: 1, fontWeight: "500", color: "text.secondary", alignItems: "center", display: "flex", children: [!showToAmount ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, viem_1.formatUnits)(BigInt(step.estimate.fromAmount), step.action.fromToken.decimals), ' ', step.action.fromToken.symbol, ' - '] })) : null, t('format.number', {
|
|
71
66
|
value: fromAmount,
|
|
72
|
-
}), ' ', step.action.fromToken.symbol, showToAmount ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ArrowForward_1.default, { sx: { fontSize: 18, paddingX: 0.5 } }), t('format.number', {
|
|
67
|
+
}), ' ', step.action.fromToken.symbol, showToAmount ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ArrowForward_1.default, { sx: { fontSize: 18, paddingX: 0.5, height: 12 } }), t('format.number', {
|
|
73
68
|
value: (0, utils_1.formatTokenAmount)(BigInt(step.execution?.toAmount ?? step.estimate.toAmount), step.execution?.toToken?.decimals ?? step.action.toToken.decimals),
|
|
74
|
-
}), ' ', step.execution?.toToken?.symbol ?? step.action.toToken.symbol] })) :
|
|
69
|
+
}), ' ', step.execution?.toToken?.symbol ?? step.action.toToken.symbol] })) : (` (${t('format.currency', {
|
|
70
|
+
value: parseFloat(fromAmount) * parseFloat(step.action.fromToken.priceUSD),
|
|
71
|
+
})})`)] }));
|
|
75
72
|
};
|
|
76
73
|
exports.StepDetailsContent = StepDetailsContent;
|
|
77
74
|
const CustomStepDetailsLabel = ({ step, subvariant, }) => {
|
|
@@ -84,7 +81,7 @@ const CustomStepDetailsLabel = ({ step, subvariant, }) => {
|
|
|
84
81
|
step.includedSteps?.length > 0
|
|
85
82
|
? step.includedSteps.find((step) => step.tool === 'custom' && step.toolDetails.key !== 'custom')?.toolDetails || step.toolDetails
|
|
86
83
|
: step.toolDetails;
|
|
87
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
84
|
+
return ((0, jsx_runtime_1.jsx)(StepActions_style_1.StepLabelTypography, { children: t(`main.${subvariant}StepDetails`, {
|
|
88
85
|
tool: toolDetails.name,
|
|
89
86
|
}) }));
|
|
90
87
|
};
|
|
@@ -92,7 +89,7 @@ exports.CustomStepDetailsLabel = CustomStepDetailsLabel;
|
|
|
92
89
|
const CrossStepDetailsLabel = ({ step }) => {
|
|
93
90
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
94
91
|
const { getChainById } = (0, hooks_1.useAvailableChains)();
|
|
95
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
92
|
+
return ((0, jsx_runtime_1.jsx)(StepActions_style_1.StepLabelTypography, { children: t('main.crossStepDetails', {
|
|
96
93
|
from: getChainById(step.action.fromChainId)?.name,
|
|
97
94
|
to: getChainById(step.action.toChainId)?.name,
|
|
98
95
|
tool: step.toolDetails.name,
|
|
@@ -102,7 +99,7 @@ exports.CrossStepDetailsLabel = CrossStepDetailsLabel;
|
|
|
102
99
|
const SwapStepDetailsLabel = ({ step }) => {
|
|
103
100
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
104
101
|
const { getChainById } = (0, hooks_1.useAvailableChains)();
|
|
105
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
102
|
+
return ((0, jsx_runtime_1.jsx)(StepActions_style_1.StepLabelTypography, { children: t('main.swapStepDetails', {
|
|
106
103
|
chain: getChainById(step.action.fromChainId)?.name,
|
|
107
104
|
tool: step.toolDetails.name,
|
|
108
105
|
}) }));
|
|
@@ -110,7 +107,7 @@ const SwapStepDetailsLabel = ({ step }) => {
|
|
|
110
107
|
exports.SwapStepDetailsLabel = SwapStepDetailsLabel;
|
|
111
108
|
const ProtocolStepDetailsLabel = ({ step }) => {
|
|
112
109
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
113
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
110
|
+
return ((0, jsx_runtime_1.jsx)(StepActions_style_1.StepLabelTypography, { children: step.toolDetails.key === 'lifuelProtocol'
|
|
114
111
|
? t('main.refuelStepDetails', {
|
|
115
112
|
tool: step.toolDetails.name,
|
|
116
113
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepActions.js","sourceRoot":"","sources":["../../../components/StepActions/StepActions.tsx"],"names":[],"mappings":";;;;AACA,mEAAgE;AAChE,+DAA4D;AAC5D,+DAA4D;AAE5D,4CAOuB;AAEvB,iCAAiC;AACjC,iDAA+C;AAC/C,+BAAmC;AACnC,uCAAiD;AACjD,uCAA2C;AAC3C,+CAAkD;AAElD,uCAAgD;AAChD,kCAAyC;AACzC,gDAA6C;AAC7C,
|
|
1
|
+
{"version":3,"file":"StepActions.js","sourceRoot":"","sources":["../../../components/StepActions/StepActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,14 @@
|
|
|
2
2
|
export declare const StepIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
3
3
|
export declare const StepConnector: import("@emotion/styled").StyledComponent<import("@mui/material").StepConnectorProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
4
4
|
export declare const StepLabel: import("@emotion/styled").StyledComponent<import("@mui/material").StepLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
5
|
-
export declare const
|
|
5
|
+
export declare const StepLabelTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
7
|
+
}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
8
|
+
export declare const StepContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
9
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
10
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
11
|
+
last: boolean;
|
|
12
|
+
}, {}, {}>;
|
|
6
13
|
export declare const StepAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
7
14
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
8
15
|
}, "children" | "sx" | "style" | "className" | "sizes" | "alt" | "src" | "srcSet" | "classes" | "variant" | "imgProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.StepAvatar = exports.StepContent = exports.StepLabel = exports.StepConnector = exports.StepIcon = void 0;
|
|
3
|
+
exports.StepAvatar = exports.StepContent = exports.StepLabelTypography = exports.StepLabel = exports.StepConnector = exports.StepIcon = void 0;
|
|
4
4
|
const material_1 = require("@mui/material");
|
|
5
5
|
const StepConnector_1 = require("@mui/material/StepConnector");
|
|
6
|
-
const StepContent_1 = require("@mui/material/StepContent");
|
|
7
6
|
const StepLabel_1 = require("@mui/material/StepLabel");
|
|
8
7
|
const styles_1 = require("@mui/material/styles");
|
|
9
8
|
exports.StepIcon = (0, styles_1.styled)('span', {
|
|
@@ -19,7 +18,7 @@ exports.StepIcon = (0, styles_1.styled)('span', {
|
|
|
19
18
|
exports.StepConnector = (0, styles_1.styled)(material_1.StepConnector, {
|
|
20
19
|
shouldForwardProp: (prop) => !['active', 'completed', 'error'].includes(prop),
|
|
21
20
|
})(({ theme }) => ({
|
|
22
|
-
marginLeft: theme.spacing(
|
|
21
|
+
marginLeft: theme.spacing(2.375),
|
|
23
22
|
[`.${StepConnector_1.stepConnectorClasses.line}`]: {
|
|
24
23
|
minHeight: 8,
|
|
25
24
|
borderLeftWidth: 2,
|
|
@@ -32,26 +31,37 @@ exports.StepLabel = (0, styles_1.styled)(material_1.StepLabel, {
|
|
|
32
31
|
shouldForwardProp: (prop) => !['active', 'completed', 'error', 'disabled'].includes(prop),
|
|
33
32
|
})(({ theme }) => ({
|
|
34
33
|
padding: 0,
|
|
34
|
+
alignItems: 'flex-start',
|
|
35
35
|
[`.${StepLabel_1.stepLabelClasses.iconContainer}`]: {
|
|
36
|
-
paddingLeft: theme.spacing(
|
|
37
|
-
paddingRight: theme.spacing(
|
|
36
|
+
paddingLeft: theme.spacing(1),
|
|
37
|
+
paddingRight: theme.spacing(3),
|
|
38
|
+
},
|
|
39
|
+
[`.${StepLabel_1.stepLabelClasses.labelContainer}`]: {
|
|
40
|
+
minHeight: 24,
|
|
41
|
+
display: 'flex',
|
|
42
|
+
alignItems: 'center',
|
|
38
43
|
},
|
|
39
44
|
[`&.${StepLabel_1.stepLabelClasses.disabled}`]: {
|
|
40
45
|
cursor: 'inherit',
|
|
41
46
|
},
|
|
42
47
|
}));
|
|
43
|
-
exports.
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
[
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
48
|
+
exports.StepLabelTypography = (0, styles_1.styled)(material_1.Typography)(({ theme }) => ({
|
|
49
|
+
fontSize: 12,
|
|
50
|
+
fontWeight: 500,
|
|
51
|
+
lineHeight: 1.325,
|
|
52
|
+
color: theme.palette.text.secondary,
|
|
53
|
+
padding: theme.spacing(0.5, 0),
|
|
54
|
+
}));
|
|
55
|
+
exports.StepContent = (0, styles_1.styled)(material_1.Box, {
|
|
56
|
+
shouldForwardProp: (prop) => !['last'].includes(prop),
|
|
57
|
+
})(({ theme, last }) => ({
|
|
58
|
+
borderLeft: last
|
|
59
|
+
? 'none'
|
|
60
|
+
: `2px solid ${theme.palette.mode === 'light'
|
|
61
|
+
? theme.palette.grey[300]
|
|
62
|
+
: theme.palette.grey[800]}`,
|
|
63
|
+
margin: theme.spacing(0, 0, 0, 2.375),
|
|
64
|
+
paddingLeft: last ? theme.spacing(4.625) : theme.spacing(4.375),
|
|
55
65
|
}));
|
|
56
66
|
exports.StepAvatar = (0, styles_1.styled)(material_1.Avatar)(({ theme, variant }) => ({
|
|
57
67
|
color: theme.palette.text.primary,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepActions.style.js","sourceRoot":"","sources":["../../../components/StepActions/StepActions.style.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"StepActions.style.js","sourceRoot":"","sources":["../../../components/StepActions/StepActions.style.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.StepFeeBreakdown = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const MonetizationOn_1 = require("@mui/icons-material/MonetizationOn");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const react_i18next_1 = require("react-i18next");
|
|
8
|
+
const viem_1 = require("viem");
|
|
9
|
+
const utils_1 = require("../../utils");
|
|
10
|
+
const StepFeeBreakdown = ({ step }) => {
|
|
11
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
12
|
+
let fees = 0;
|
|
13
|
+
const feeComponents = [];
|
|
14
|
+
const isDone = step.execution?.status === 'DONE';
|
|
15
|
+
const gasCosts = step.execution?.gasCosts ?? step.estimate.gasCosts;
|
|
16
|
+
const feeCosts = step.execution?.feeCosts ?? step.estimate.feeCosts;
|
|
17
|
+
if (gasCosts) {
|
|
18
|
+
const { token, amount, amountUSD } = (0, utils_1.getStepFeeCostsBreakdown)(gasCosts);
|
|
19
|
+
const formattedGasAmount = token
|
|
20
|
+
? parseFloat((0, viem_1.formatUnits)(amount, token.decimals))?.toFixed(9)
|
|
21
|
+
: 0;
|
|
22
|
+
fees += amountUSD;
|
|
23
|
+
feeComponents.push((0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 0.5, ml: 7, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 12, lineHeight: 2, color: "text.secondary", fontWeight: "500", children: isDone
|
|
24
|
+
? t('main.fees.networkPaid')
|
|
25
|
+
: t('main.fees.networkEstimated') }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { fontSize: 12, lineHeight: 1, fontWeight: "500", color: "text.secondary", children: [t(`format.currency`, { value: amountUSD }), " (", formattedGasAmount, ' ', token.symbol, ")"] })] }, "network"));
|
|
26
|
+
}
|
|
27
|
+
if (feeCosts) {
|
|
28
|
+
const filteredfeeCosts = feeCosts?.filter((fee) => !fee.included);
|
|
29
|
+
if (filteredfeeCosts?.length) {
|
|
30
|
+
const { token, amount, amountUSD } = (0, utils_1.getStepFeeCostsBreakdown)(filteredfeeCosts);
|
|
31
|
+
const formattedFeeAmount = token
|
|
32
|
+
? parseFloat((0, viem_1.formatUnits)(amount, token.decimals))?.toFixed(9)
|
|
33
|
+
: 0;
|
|
34
|
+
fees += amountUSD;
|
|
35
|
+
feeComponents.push((0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 0.5, ml: 7, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 12, lineHeight: 2, color: "text.secondary", fontWeight: "500", children: isDone
|
|
36
|
+
? t('main.fees.providerPaid')
|
|
37
|
+
: t('main.fees.providerEstimated') }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { fontSize: 12, lineHeight: 1, fontWeight: "500", color: "text.secondary", children: [t(`format.currency`, { value: amountUSD }), " (", formattedFeeAmount, ' ', token.symbol, ")"] })] }, "bridge"));
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 1.5, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { ml: 1, mr: 3, height: 24, color: "text.secondary", children: (0, jsx_runtime_1.jsx)(MonetizationOn_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 16, color: "text.primary", fontWeight: "600", lineHeight: 1.125, children: t(`format.currency`, {
|
|
41
|
+
value: fees,
|
|
42
|
+
}) })] }), feeComponents] }));
|
|
43
|
+
};
|
|
44
|
+
exports.StepFeeBreakdown = StepFeeBreakdown;
|
|
45
|
+
//# sourceMappingURL=StepFeeBreakdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StepFeeBreakdown.js","sourceRoot":"","sources":["../../../components/StepActions/StepFeeBreakdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.StepFees = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const material_1 = require("@mui/material");
|
|
6
|
+
const react_i18next_1 = require("react-i18next");
|
|
7
|
+
const utils_1 = require("../../utils");
|
|
8
|
+
const StepFees = ({ step, ...other }) => {
|
|
9
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
10
|
+
const isDone = step.execution?.status === 'DONE';
|
|
11
|
+
const gasCosts = step.execution?.gasCosts ?? step.estimate.gasCosts;
|
|
12
|
+
const feeCosts = step.execution?.feeCosts ?? step.estimate.feeCosts;
|
|
13
|
+
let fees = 0;
|
|
14
|
+
if (gasCosts) {
|
|
15
|
+
const { amountUSD } = (0, utils_1.getStepFeeCostsBreakdown)(gasCosts);
|
|
16
|
+
fees += amountUSD;
|
|
17
|
+
}
|
|
18
|
+
if (feeCosts) {
|
|
19
|
+
const filteredfeeCosts = feeCosts?.filter((fee) => !fee.included);
|
|
20
|
+
if (filteredfeeCosts?.length) {
|
|
21
|
+
const { amountUSD } = (0, utils_1.getStepFeeCostsBreakdown)(filteredfeeCosts);
|
|
22
|
+
fees += amountUSD;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Typography, { fontSize: 12, fontWeight: "500", color: "text.secondary", lineHeight: 1.3334, ...other, children: [t(`format.currency`, { value: fees }), ' ', isDone ? t('main.fees.paid') : t('main.fees.estimated')] }));
|
|
26
|
+
};
|
|
27
|
+
exports.StepFees = StepFees;
|
|
28
|
+
//# sourceMappingURL=StepFees.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StepFees.js","sourceRoot":"","sources":["../../../components/StepActions/StepFees.tsx"],"names":[],"mappings":";;;;AAEA,4CAA2C;AAC3C,iDAA+C;AAC/C,uCAAuD;AAEhD,MAAM,QAAQ,GAIjB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;IACpE,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;IACpE,IAAI,IAAI,GAAG,CAAC,CAAC;IAEb,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,gCAAwB,EAAC,QAAQ,CAAC,CAAC;QACzD,IAAI,IAAI,SAAS,CAAC;IACpB,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,gBAAgB,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAClE,IAAI,gBAAgB,EAAE,MAAM,EAAE,CAAC;YAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,gCAAwB,EAAC,gBAAgB,CAAC,CAAC;YACjE,IAAI,IAAI,SAAS,CAAC;QACpB,CAAC;IACH,CAAC;IAED,OAAO,CACL,wBAAC,qBAAU,IACT,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,KAAK,EAChB,KAAK,EAAC,gBAAgB,EACtB,UAAU,EAAE,MAAM,KACd,KAAK,aAER,CAAC,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAC1C,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAC7C,CACd,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,QAAQ,YAqCnB"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { LiFiStep, TokenAmount } from '@lifi/sdk';
|
|
3
2
|
import type { BoxProps } from '@mui/material';
|
|
3
|
+
import type { FC } from 'react';
|
|
4
4
|
interface TokenProps {
|
|
5
5
|
token: TokenAmount;
|
|
6
|
-
connected?: boolean;
|
|
7
6
|
step?: LiFiStep;
|
|
7
|
+
stepVisible?: boolean;
|
|
8
8
|
disableDescription?: boolean;
|
|
9
9
|
isLoading?: boolean;
|
|
10
10
|
}
|
|
11
|
-
export declare const Token:
|
|
12
|
-
export declare const TokenFallback:
|
|
13
|
-
export declare const TokenBase:
|
|
11
|
+
export declare const Token: FC<TokenProps & BoxProps>;
|
|
12
|
+
export declare const TokenFallback: FC<TokenProps & BoxProps>;
|
|
13
|
+
export declare const TokenBase: FC<TokenProps & BoxProps>;
|
|
14
|
+
export declare const TokenSkeleton: FC<Partial<TokenProps> & BoxProps>;
|
|
14
15
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TokenBase = exports.TokenFallback = exports.Token = void 0;
|
|
3
|
+
exports.TokenSkeleton = exports.TokenBase = exports.TokenFallback = exports.Token = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
6
|
const react_i18next_1 = require("react-i18next");
|
|
@@ -22,24 +22,40 @@ const TokenFallback = ({ token, isLoading, ...other }) => {
|
|
|
22
22
|
return ((0, jsx_runtime_1.jsx)(exports.TokenBase, { token: { ...token, ...chainToken }, isLoading: isLoading || isLoadingToken, ...other }));
|
|
23
23
|
};
|
|
24
24
|
exports.TokenFallback = TokenFallback;
|
|
25
|
-
const TokenBase = ({ token,
|
|
25
|
+
const TokenBase = ({ token, step, stepVisible, disableDescription, isLoading, ...other }) => {
|
|
26
26
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
27
27
|
const { chain } = (0, hooks_1.useChain)(token?.chainId);
|
|
28
|
+
if (isLoading) {
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)(exports.TokenSkeleton, { token: token, step: step, disableDescription: disableDescription }));
|
|
30
|
+
}
|
|
28
31
|
const formattedTokenAmount = (0, utils_1.formatTokenAmount)(token.amount, token.decimals);
|
|
29
32
|
const formattedTokenPrice = (0, utils_1.formatTokenPrice)(formattedTokenAmount, token.priceUSD);
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
marginBottom: -0.25,
|
|
42
|
-
}, children: step.toolDetails.name[0] }) }), (0, jsx_runtime_1.jsx)(Token_style_1.TextSecondary, { connected: true, children: step.toolDetails.name })] })) : null] })] }));
|
|
33
|
+
const tokenOnChain = !disableDescription ? ((0, jsx_runtime_1.jsx)(Token_style_1.TextSecondary, { children: t(`main.tokenOnChain`, {
|
|
34
|
+
tokenSymbol: token.symbol,
|
|
35
|
+
chainName: chain?.name,
|
|
36
|
+
}) })) : null;
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, display: "flex", alignItems: "center", ...other, children: [(0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatar, { token: token, chain: chain, isLoading: isLoading, sx: { marginRight: 2 } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { mb: 0.5, height: 24, display: "flex", alignItems: "center", children: (0, jsx_runtime_1.jsx)(TextFitter_1.TextFitter, { height: 30, textStyle: {
|
|
38
|
+
fontWeight: 700,
|
|
39
|
+
}, children: t('format.number', {
|
|
40
|
+
value: formattedTokenAmount,
|
|
41
|
+
}) }) }), (0, jsx_runtime_1.jsxs)(Token_style_1.TextSecondaryContainer, { component: "span", children: [(0, jsx_runtime_1.jsx)(Token_style_1.TextSecondary, { children: t(`format.currency`, {
|
|
42
|
+
value: formattedTokenPrice,
|
|
43
|
+
}) }), !disableDescription ? ((0, jsx_runtime_1.jsx)(Token_style_1.TextSecondary, { px: 0.5, dot: true, children: "\u2022" })) : null, step ? ((0, jsx_runtime_1.jsx)(TokenStep, { step: step, stepVisible: stepVisible, disableDescription: disableDescription, children: tokenOnChain })) : (tokenOnChain)] })] })] }));
|
|
43
44
|
};
|
|
44
45
|
exports.TokenBase = TokenBase;
|
|
46
|
+
const TokenStep = ({ step, stepVisible, disableDescription, children, }) => {
|
|
47
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, position: "relative", overflow: "hidden", height: 16, children: [(0, jsx_runtime_1.jsx)(material_1.Grow, { in: !stepVisible && !disableDescription, style: {
|
|
48
|
+
position: 'absolute',
|
|
49
|
+
}, appear: false, timeout: 225, children: (0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", alignItems: "center", height: 16, children: children }) }), (0, jsx_runtime_1.jsx)(material_1.Grow, { in: stepVisible, style: {
|
|
50
|
+
position: 'absolute',
|
|
51
|
+
}, appear: false, timeout: 225, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", height: 16, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { mr: 0.75, height: 16, children: (0, jsx_runtime_1.jsx)(SmallAvatar_1.SmallAvatar, { src: step?.toolDetails.logoURI, alt: step?.toolDetails.name, sx: {
|
|
52
|
+
width: 16,
|
|
53
|
+
height: 16,
|
|
54
|
+
border: 0,
|
|
55
|
+
}, children: step?.toolDetails.name[0] }) }), (0, jsx_runtime_1.jsx)(Token_style_1.TextSecondary, { children: step?.toolDetails.name })] }) })] }));
|
|
56
|
+
};
|
|
57
|
+
const TokenSkeleton = ({ step, disableDescription, ...other }) => {
|
|
58
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Box, { flex: 1, ...other, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", flex: 1, alignItems: "center", children: [(0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatarSkeleton, { sx: { marginRight: 2 } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 112, height: 24, variant: "text" }), (0, jsx_runtime_1.jsxs)(Token_style_1.TextSecondaryContainer, { component: "span", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 48, height: 12, variant: "rounded", sx: { marginTop: 0.5 } }), !step && !disableDescription ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 96, height: 12, variant: "rounded", sx: { marginTop: 0.5, marginLeft: 1.5 } })) : null] })] })] }) }));
|
|
59
|
+
};
|
|
60
|
+
exports.TokenSkeleton = TokenSkeleton;
|
|
45
61
|
//# sourceMappingURL=Token.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Token.js","sourceRoot":"","sources":["../../../components/Token/Token.tsx"],"names":[],"mappings":";;;;AAGA,
|
|
1
|
+
{"version":3,"file":"Token.js","sourceRoot":"","sources":["../../../components/Token/Token.tsx"],"names":[],"mappings":"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"}
|