@lifi/widget 3.0.0-alpha.10 → 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/AppProvider.tsx +4 -8
- package/_cjs/AppProvider.js +2 -2
- package/_cjs/AppProvider.js.map +1 -1
- package/_cjs/components/AmountInput/AmountInput.d.ts +1 -1
- package/_cjs/components/AmountInput/AmountInput.js +9 -16
- 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.d.ts +1 -1
- package/_cjs/components/AmountInput/AmountInputEndAdornment.js +6 -12
- package/_cjs/components/AmountInput/AmountInputEndAdornment.js.map +1 -1
- package/_cjs/components/AmountInput/AmountInputStartAdornment.d.ts +1 -1
- package/_cjs/components/AmountInput/AmountInputStartAdornment.js +3 -9
- package/_cjs/components/AmountInput/AmountInputStartAdornment.js.map +1 -1
- package/_cjs/components/AmountInput/PriceFormHelperText.d.ts +9 -0
- package/_cjs/components/AmountInput/PriceFormHelperText.js +36 -0
- 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/ChainSelect/ChainSelect.d.ts +1 -1
- package/_cjs/components/ChainSelect/ChainSelect.js +1 -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 +10 -14
- package/_cjs/components/ChainSelect/useChainSelect.js.map +1 -1
- package/_cjs/components/Header/NavigationTabs.js +4 -6
- package/_cjs/components/Header/NavigationTabs.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/ListItemText.d.ts +1 -1
- package/_cjs/components/NFT/NFT.js +13 -14
- package/_cjs/components/NFT/NFT.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 +11 -17
- 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 +2 -2
- package/_cjs/components/Routes/Routes.js.map +1 -1
- package/_cjs/components/Routes/RoutesExpanded.js +3 -3
- package/_cjs/components/Routes/RoutesExpanded.js.map +1 -1
- package/_cjs/components/SelectChainAndToken.js +6 -13
- package/_cjs/components/SelectChainAndToken.js.map +1 -1
- package/_cjs/components/SelectTokenButton/SelectTokenButton.d.ts +1 -1
- package/_cjs/components/SelectTokenButton/SelectTokenButton.js +4 -6
- 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/SendToWallet/SendToWallet.js +43 -32
- package/_cjs/components/SendToWallet/SendToWallet.js.map +1 -1
- package/_cjs/components/SendToWallet/SendToWalletButton.js +2 -3
- package/_cjs/components/SendToWallet/SendToWalletButton.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/StepProcess.style.d.ts +2 -2
- 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/Tabs/Tabs.style.d.ts +1 -1
- 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 -6
- package/_cjs/components/TokenList/TokenList.js.map +1 -1
- package/_cjs/components/TokenList/TokenList.style.d.ts +2 -2
- 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/TokenNotFound.d.ts +1 -1
- package/_cjs/components/TokenList/TokenNotFound.js +2 -5
- package/_cjs/components/TokenList/TokenNotFound.js.map +1 -1
- package/_cjs/components/TokenList/types.d.ts +3 -3
- package/_cjs/components/TokenList/useTokenSelect.d.ts +1 -1
- package/_cjs/components/TokenList/useTokenSelect.js +15 -18
- package/_cjs/components/TokenList/useTokenSelect.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/hooks/useDebouncedWatch.d.ts +2 -1
- package/_cjs/hooks/useDebouncedWatch.js +3 -7
- package/_cjs/hooks/useDebouncedWatch.js.map +1 -1
- package/_cjs/hooks/useFromTokenSufficiency.js +1 -5
- package/_cjs/hooks/useFromTokenSufficiency.js.map +1 -1
- package/_cjs/hooks/useGasRefuel.js +2 -10
- package/_cjs/hooks/useGasRefuel.js.map +1 -1
- package/_cjs/hooks/useRequiredToAddress.js +2 -4
- package/_cjs/hooks/useRequiredToAddress.js.map +1 -1
- package/_cjs/hooks/useRoutes.d.ts +1 -1
- package/_cjs/hooks/useRoutes.js +2 -15
- package/_cjs/hooks/useRoutes.js.map +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/index.d.ts +2 -2
- package/_cjs/index.js +5 -5
- package/_cjs/index.js.map +1 -1
- 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/MainPage/ReviewButton.js +1 -2
- package/_cjs/pages/MainPage/ReviewButton.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/SelectChainPage/types.d.ts +1 -1
- package/_cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js +2 -1
- package/_cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js.map +1 -1
- package/_cjs/pages/SelectNativeTokenPage/SelectNativeTokenPage.d.ts +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 +12 -7
- package/_cjs/pages/SelectTokenPage/SearchTokenInput.js.map +1 -1
- package/_cjs/pages/SelectTokenPage/SelectTokenPage.d.ts +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/StatusBottomSheet.js +10 -11
- package/_cjs/pages/TransactionPage/StatusBottomSheet.js.map +1 -1
- package/_cjs/pages/TransactionPage/TransactionPage.js +6 -7
- 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/providers/index.d.ts +0 -1
- package/_cjs/providers/index.js +0 -1
- package/_cjs/providers/index.js.map +1 -1
- package/_cjs/stores/StoreProvider.js +4 -3
- package/_cjs/stores/StoreProvider.js.map +1 -1
- package/_cjs/stores/chains/ChainOrderStore.js +6 -10
- package/_cjs/stores/chains/ChainOrderStore.js.map +1 -1
- package/_cjs/stores/form/FormStore.d.ts +6 -0
- package/_cjs/stores/form/FormStore.js +39 -0
- package/_cjs/stores/form/FormStore.js.map +1 -0
- package/_cjs/stores/form/FormUpdater.d.ts +5 -0
- package/_cjs/stores/form/FormUpdater.js +61 -0
- package/_cjs/stores/form/FormUpdater.js.map +1 -0
- package/_cjs/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.js +9 -12
- package/_cjs/stores/form/URLSearchParamsBuilder.js.map +1 -0
- package/_cjs/stores/form/createFormStore.d.ts +3 -0
- package/_cjs/stores/form/createFormStore.js +183 -0
- package/_cjs/stores/form/createFormStore.js.map +1 -0
- package/_cjs/stores/form/index.d.ts +10 -0
- package/_cjs/{providers/FormProvider → stores/form}/index.js +9 -2
- package/_cjs/stores/form/index.js.map +1 -0
- package/_cjs/stores/form/types.d.ts +94 -0
- package/_cjs/stores/form/types.js +9 -0
- package/_cjs/stores/form/types.js.map +1 -0
- package/_cjs/stores/form/useFieldActions.d.ts +2 -0
- package/_cjs/stores/form/useFieldActions.js +19 -0
- package/_cjs/stores/form/useFieldActions.js.map +1 -0
- package/_cjs/stores/form/useFieldController.d.ts +11 -0
- package/_cjs/stores/form/useFieldController.js +24 -0
- package/_cjs/stores/form/useFieldController.js.map +1 -0
- package/_cjs/stores/form/useFieldValues.d.ts +2 -0
- package/_cjs/stores/form/useFieldValues.js +11 -0
- package/_cjs/stores/form/useFieldValues.js.map +1 -0
- package/_cjs/stores/form/useTouchedFields.d.ts +1 -0
- package/_cjs/stores/form/useTouchedFields.js +11 -0
- package/_cjs/stores/form/useTouchedFields.js.map +1 -0
- package/_cjs/stores/form/useValidation.d.ts +2 -0
- package/_cjs/stores/form/useValidation.js +15 -0
- package/_cjs/stores/form/useValidation.js.map +1 -0
- package/_cjs/stores/form/useValidationActions.d.ts +2 -0
- package/_cjs/stores/form/useValidationActions.js +19 -0
- package/_cjs/stores/form/useValidationActions.js.map +1 -0
- package/_cjs/stores/index.d.ts +1 -0
- package/_cjs/stores/index.js +1 -0
- package/_cjs/stores/index.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/AppProvider.js +3 -3
- package/_esm/AppProvider.js.map +1 -1
- package/_esm/components/AmountInput/AmountInput.d.ts +1 -1
- package/_esm/components/AmountInput/AmountInput.js +11 -18
- 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.d.ts +1 -1
- package/_esm/components/AmountInput/AmountInputEndAdornment.js +8 -14
- package/_esm/components/AmountInput/AmountInputEndAdornment.js.map +1 -1
- package/_esm/components/AmountInput/AmountInputStartAdornment.d.ts +1 -1
- package/_esm/components/AmountInput/AmountInputStartAdornment.js +3 -9
- package/_esm/components/AmountInput/AmountInputStartAdornment.js.map +1 -1
- package/_esm/components/AmountInput/PriceFormHelperText.d.ts +9 -0
- package/_esm/components/AmountInput/PriceFormHelperText.js +31 -0
- 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/ChainSelect/ChainSelect.d.ts +1 -1
- package/_esm/components/ChainSelect/ChainSelect.js +2 -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 +11 -15
- package/_esm/components/ChainSelect/useChainSelect.js.map +1 -1
- package/_esm/components/Header/NavigationTabs.js +5 -7
- package/_esm/components/Header/NavigationTabs.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/ListItemText.d.ts +1 -1
- package/_esm/components/NFT/NFT.js +13 -14
- package/_esm/components/NFT/NFT.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 +11 -17
- 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 +2 -2
- package/_esm/components/Routes/Routes.js.map +1 -1
- package/_esm/components/Routes/RoutesExpanded.js +4 -4
- package/_esm/components/Routes/RoutesExpanded.js.map +1 -1
- package/_esm/components/SelectChainAndToken.js +7 -14
- package/_esm/components/SelectChainAndToken.js.map +1 -1
- package/_esm/components/SelectTokenButton/SelectTokenButton.d.ts +1 -1
- package/_esm/components/SelectTokenButton/SelectTokenButton.js +5 -7
- 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/SendToWallet/SendToWallet.js +45 -34
- package/_esm/components/SendToWallet/SendToWallet.js.map +1 -1
- package/_esm/components/SendToWallet/SendToWalletButton.js +4 -5
- package/_esm/components/SendToWallet/SendToWalletButton.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/StepProcess.style.d.ts +2 -2
- 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/Tabs/Tabs.style.d.ts +1 -1
- 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 +3 -6
- package/_esm/components/TokenList/TokenList.js.map +1 -1
- package/_esm/components/TokenList/TokenList.style.d.ts +2 -2
- 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/TokenNotFound.d.ts +1 -1
- package/_esm/components/TokenList/TokenNotFound.js +2 -5
- package/_esm/components/TokenList/TokenNotFound.js.map +1 -1
- package/_esm/components/TokenList/types.d.ts +3 -3
- package/_esm/components/TokenList/useTokenSelect.d.ts +1 -1
- package/_esm/components/TokenList/useTokenSelect.js +15 -18
- package/_esm/components/TokenList/useTokenSelect.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/hooks/useDebouncedWatch.d.ts +2 -1
- package/_esm/hooks/useDebouncedWatch.js +3 -7
- package/_esm/hooks/useDebouncedWatch.js.map +1 -1
- package/_esm/hooks/useFromTokenSufficiency.js +2 -6
- package/_esm/hooks/useFromTokenSufficiency.js.map +1 -1
- package/_esm/hooks/useGasRefuel.js +2 -10
- package/_esm/hooks/useGasRefuel.js.map +1 -1
- package/_esm/hooks/useRequiredToAddress.js +3 -5
- package/_esm/hooks/useRequiredToAddress.js.map +1 -1
- package/_esm/hooks/useRoutes.d.ts +1 -1
- package/_esm/hooks/useRoutes.js +4 -17
- package/_esm/hooks/useRoutes.js.map +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/index.d.ts +2 -2
- package/_esm/index.js +2 -2
- package/_esm/index.js.map +1 -1
- 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/MainPage/ReviewButton.js +2 -3
- package/_esm/pages/MainPage/ReviewButton.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/SelectChainPage/types.d.ts +1 -1
- package/_esm/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js +3 -2
- package/_esm/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js.map +1 -1
- package/_esm/pages/SelectNativeTokenPage/SelectNativeTokenPage.d.ts +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 +12 -7
- package/_esm/pages/SelectTokenPage/SearchTokenInput.js.map +1 -1
- package/_esm/pages/SelectTokenPage/SelectTokenPage.d.ts +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/StatusBottomSheet.js +12 -13
- package/_esm/pages/TransactionPage/StatusBottomSheet.js.map +1 -1
- package/_esm/pages/TransactionPage/TransactionPage.js +8 -9
- 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/providers/index.d.ts +0 -1
- package/_esm/providers/index.js +0 -1
- package/_esm/providers/index.js.map +1 -1
- package/_esm/stores/StoreProvider.js +4 -3
- package/_esm/stores/StoreProvider.js.map +1 -1
- package/_esm/stores/chains/ChainOrderStore.js +6 -10
- package/_esm/stores/chains/ChainOrderStore.js.map +1 -1
- package/_esm/stores/form/FormStore.d.ts +6 -0
- package/_esm/stores/form/FormStore.js +34 -0
- package/_esm/stores/form/FormStore.js.map +1 -0
- package/_esm/stores/form/FormUpdater.d.ts +5 -0
- package/_esm/stores/form/FormUpdater.js +57 -0
- package/_esm/stores/form/FormUpdater.js.map +1 -0
- package/_esm/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.js +9 -12
- package/_esm/stores/form/URLSearchParamsBuilder.js.map +1 -0
- package/_esm/stores/form/createFormStore.d.ts +3 -0
- package/_esm/stores/form/createFormStore.js +179 -0
- package/_esm/stores/form/createFormStore.js.map +1 -0
- package/_esm/stores/form/index.d.ts +10 -0
- package/_esm/stores/form/index.js +11 -0
- package/_esm/stores/form/index.js.map +1 -0
- package/_esm/stores/form/types.d.ts +94 -0
- package/_esm/stores/form/types.js +6 -0
- package/_esm/stores/form/types.js.map +1 -0
- package/_esm/stores/form/useFieldActions.d.ts +2 -0
- package/_esm/stores/form/useFieldActions.js +15 -0
- package/_esm/stores/form/useFieldActions.js.map +1 -0
- package/_esm/stores/form/useFieldController.d.ts +11 -0
- package/_esm/stores/form/useFieldController.js +20 -0
- package/_esm/stores/form/useFieldController.js.map +1 -0
- package/_esm/stores/form/useFieldValues.d.ts +2 -0
- package/_esm/stores/form/useFieldValues.js +7 -0
- package/_esm/stores/form/useFieldValues.js.map +1 -0
- package/_esm/stores/form/useTouchedFields.d.ts +1 -0
- package/_esm/stores/form/useTouchedFields.js +7 -0
- package/_esm/stores/form/useTouchedFields.js.map +1 -0
- package/_esm/stores/form/useValidation.d.ts +2 -0
- package/_esm/stores/form/useValidation.js +11 -0
- package/_esm/stores/form/useValidation.js.map +1 -0
- package/_esm/stores/form/useValidationActions.d.ts +2 -0
- package/_esm/stores/form/useValidationActions.js +15 -0
- package/_esm/stores/form/useValidationActions.js.map +1 -0
- package/_esm/stores/index.d.ts +1 -0
- package/_esm/stores/index.js +1 -0
- package/_esm/stores/index.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 +41 -38
- package/components/AmountInput/AmountInputAdornment.style.tsx +8 -2
- package/components/AmountInput/AmountInputEndAdornment.tsx +14 -21
- package/components/AmountInput/AmountInputStartAdornment.tsx +8 -11
- package/components/AmountInput/{FormPriceHelperText.tsx → PriceFormHelperText.tsx} +20 -26
- package/components/Card/CardHeader.tsx +6 -5
- package/components/Card/CardTitle.tsx +3 -4
- package/components/ChainSelect/ChainSelect.tsx +4 -7
- package/components/ChainSelect/useChainSelect.ts +18 -18
- package/components/Header/NavigationTabs.tsx +6 -7
- package/components/Header/WalletHeader.tsx +11 -2
- package/components/Header/WalletMenu.tsx +5 -3
- package/components/Insurance/InsuranceCard.tsx +4 -22
- package/components/NFT/NFT.tsx +14 -14
- package/components/PageContainer.ts +18 -0
- package/components/ReverseTokensButton/ReverseTokensButton.style.tsx +3 -0
- package/components/ReverseTokensButton/ReverseTokensButton.tsx +22 -18
- 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 +2 -2
- package/components/Routes/RoutesExpanded.tsx +24 -28
- package/components/SelectChainAndToken.tsx +13 -14
- package/components/SelectTokenButton/SelectTokenButton.style.tsx +2 -3
- package/components/SelectTokenButton/SelectTokenButton.tsx +14 -9
- package/components/SendToWallet/SendToWallet.tsx +58 -38
- package/components/SendToWallet/SendToWalletButton.tsx +8 -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/TokenList.tsx +3 -6
- package/components/TokenList/TokenListItem.tsx +11 -8
- package/components/TokenList/TokenNotFound.tsx +3 -6
- package/components/TokenList/types.ts +3 -3
- package/components/TokenList/useTokenSelect.ts +21 -19
- package/config/theme.ts +2 -9
- package/config/version.ts +1 -1
- package/hooks/useDebouncedWatch.ts +7 -8
- package/hooks/useFromTokenSufficiency.ts +6 -6
- package/hooks/useGasRefuel.ts +7 -10
- package/hooks/useRequiredToAddress.ts +3 -5
- package/hooks/useRoutes.ts +14 -17
- package/i18n/en.json +8 -5
- package/index.ts +2 -2
- package/package.json +13 -14
- package/pages/ActiveTransactionsPage/ActiveTransactionsPage.tsx +3 -3
- package/pages/LanguagesPage/LanguagesPage.tsx +4 -3
- package/pages/MainPage/MainPage.tsx +12 -12
- package/pages/MainPage/ReviewButton.tsx +6 -3
- package/pages/RoutesPage/RoutesPage.tsx +1 -1
- package/pages/SelectChainPage/SelectChainPage.tsx +4 -3
- package/pages/SelectChainPage/types.ts +1 -1
- package/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.tsx +3 -3
- package/pages/SelectNativeTokenPage/SelectNativeTokenPage.tsx +5 -4
- package/pages/SelectTokenPage/SearchTokenInput.tsx +11 -7
- package/pages/SelectTokenPage/SelectTokenPage.tsx +5 -4
- 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/StatusBottomSheet.tsx +18 -15
- package/pages/TransactionPage/TransactionPage.tsx +13 -10
- package/providers/WalletProvider/SDKProviders.tsx +2 -2
- package/providers/index.ts +0 -1
- package/stores/StoreProvider.tsx +18 -15
- package/stores/chains/ChainOrderStore.tsx +9 -10
- package/stores/form/FormStore.tsx +59 -0
- package/stores/form/FormUpdater.tsx +67 -0
- package/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.tsx +11 -14
- package/stores/form/createFormStore.ts +230 -0
- package/stores/form/index.ts +10 -0
- package/stores/form/types.ts +123 -0
- package/stores/form/useFieldActions.ts +28 -0
- package/stores/form/useFieldController.ts +31 -0
- package/stores/form/useFieldValues.ts +12 -0
- package/stores/form/useTouchedFields.ts +8 -0
- package/stores/form/useValidation.ts +15 -0
- package/stores/form/useValidationActions.ts +24 -0
- package/stores/index.ts +1 -0
- 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.d.ts +0 -9
- package/_cjs/components/AmountInput/FormPriceHelperText.js +0 -38
- 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/FormProvider/FormProvider.d.ts +0 -12
- package/_cjs/providers/FormProvider/FormProvider.js +0 -40
- package/_cjs/providers/FormProvider/FormProvider.js.map +0 -1
- package/_cjs/providers/FormProvider/FormUpdater.d.ts +0 -5
- package/_cjs/providers/FormProvider/FormUpdater.js +0 -72
- package/_cjs/providers/FormProvider/FormUpdater.js.map +0 -1
- package/_cjs/providers/FormProvider/URLSearchParamsBuilder.js.map +0 -1
- package/_cjs/providers/FormProvider/index.d.ts +0 -3
- package/_cjs/providers/FormProvider/index.js.map +0 -1
- package/_cjs/providers/FormProvider/types.d.ts +0 -37
- package/_cjs/providers/FormProvider/types.js +0 -24
- package/_cjs/providers/FormProvider/types.js.map +0 -1
- package/_esm/components/AmountInput/FormPriceHelperText.d.ts +0 -9
- package/_esm/components/AmountInput/FormPriceHelperText.js +0 -33
- 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/FormProvider/FormProvider.d.ts +0 -12
- package/_esm/providers/FormProvider/FormProvider.js +0 -36
- package/_esm/providers/FormProvider/FormProvider.js.map +0 -1
- package/_esm/providers/FormProvider/FormUpdater.d.ts +0 -5
- package/_esm/providers/FormProvider/FormUpdater.js +0 -68
- package/_esm/providers/FormProvider/FormUpdater.js.map +0 -1
- package/_esm/providers/FormProvider/URLSearchParamsBuilder.js.map +0 -1
- package/_esm/providers/FormProvider/index.d.ts +0 -3
- package/_esm/providers/FormProvider/index.js +0 -4
- package/_esm/providers/FormProvider/index.js.map +0 -1
- package/_esm/providers/FormProvider/types.d.ts +0 -37
- package/_esm/providers/FormProvider/types.js +0 -21
- package/_esm/providers/FormProvider/types.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
- package/providers/FormProvider/FormProvider.tsx +0 -55
- package/providers/FormProvider/FormUpdater.tsx +0 -86
- package/providers/FormProvider/index.ts +0 -3
- package/providers/FormProvider/types.ts +0 -44
- /package/_cjs/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.d.ts +0 -0
- /package/_esm/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RouteCardSkeleton.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteCardSkeleton.tsx"],"names":[],"mappings":";;;;AACA,4CAA8C;AAC9C,+CAAkD;AAClD,kCAA+B;
|
|
1
|
+
{"version":3,"file":"RouteCardSkeleton.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteCardSkeleton.tsx"],"names":[],"mappings":";;;;AACA,4CAA8C;AAC9C,+CAAkD;AAClD,kCAA+B;AAC/B,oCAAyC;AAGlC,MAAM,iBAAiB,GAAgD,CAAC,EAC7E,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAEzC,MAAM,WAAW,GAAG,CAClB,wBAAC,cAAG,IAAC,IAAI,EAAE,CAAC,aACT,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,CACjD,uBAAC,cAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,YAC3C,uBAAC,mBAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wBACd,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;qBAC9C,CAAC,GACF,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,qBAAa,KAAG,EACjB,wBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe,aACvD,uBAAC,mBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAClD,uBAAC,mBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IAC9C,IACF,CACP,CAAC;IAEF,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACzD,WAAW,CACZ,CAAC,CAAC,CAAC,CACF,uBAAC,WAAI,IAAC,QAAQ,WAAK,KAAK,YACrB,WAAW,GACP,CACR,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,iBAAiB,qBAmC5B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Route } from '@lifi/sdk';
|
|
1
|
+
import type { Route, Token } from '@lifi/sdk';
|
|
2
2
|
export interface RouteCardProps {
|
|
3
3
|
route: Route;
|
|
4
4
|
variant?: 'default' | 'cardless';
|
|
@@ -7,8 +7,12 @@ export interface RouteCardProps {
|
|
|
7
7
|
}
|
|
8
8
|
export interface RouteCardEssentialsProps {
|
|
9
9
|
route: Route;
|
|
10
|
-
dense?: boolean;
|
|
11
10
|
}
|
|
12
11
|
export interface RouteCardSkeletonProps {
|
|
13
12
|
variant?: 'default' | 'cardless';
|
|
14
13
|
}
|
|
14
|
+
export interface FeesBreakdown {
|
|
15
|
+
amount: bigint;
|
|
16
|
+
amountUSD: number;
|
|
17
|
+
token: Token;
|
|
18
|
+
}
|
|
@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Routes = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
|
-
const react_hook_form_1 = require("react-hook-form");
|
|
7
6
|
const react_i18next_1 = require("react-i18next");
|
|
8
7
|
const react_router_dom_1 = require("react-router-dom");
|
|
9
8
|
const hooks_1 = require("../../hooks");
|
|
10
9
|
const providers_1 = require("../../providers");
|
|
10
|
+
const stores_1 = require("../../stores");
|
|
11
11
|
const utils_1 = require("../../utils");
|
|
12
12
|
const Card_1 = require("../Card");
|
|
13
13
|
const ProgressToNextUpdate_1 = require("../ProgressToNextUpdate");
|
|
@@ -16,7 +16,7 @@ const Routes = (props) => {
|
|
|
16
16
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
17
17
|
const navigate = (0, react_router_dom_1.useNavigate)();
|
|
18
18
|
const { subvariant, useRecommendedRoute } = (0, providers_1.useWidgetConfig)();
|
|
19
|
-
const { isValid, isValidating } = (0,
|
|
19
|
+
const { isValid, isValidating } = (0, stores_1.useValidation)();
|
|
20
20
|
const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = (0, hooks_1.useRoutes)();
|
|
21
21
|
const currentRoute = routes?.[0];
|
|
22
22
|
if (!currentRoute && !isLoading && !isFetching && !isFetched) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Routes.js","sourceRoot":"","sources":["../../../components/Routes/Routes.tsx"],"names":[],"mappings":";;;;AACA,4CAAsD;AACtD,
|
|
1
|
+
{"version":3,"file":"Routes.js","sourceRoot":"","sources":["../../../components/Routes/Routes.tsx"],"names":[],"mappings":";;;;AACA,4CAAsD;AACtD,iDAA+C;AAC/C,uDAA+C;AAC/C,uCAAwC;AACxC,+CAAkD;AAClD,yCAA6C;AAC7C,uCAA+C;AAC/C,kCAA0C;AAC1C,kEAA+D;AAC/D,4CAA+E;AAExE,MAAM,MAAM,GAAuB,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC9D,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,IAAA,sBAAa,GAAE,CAAC;IAClD,MAAM,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,WAAW,EACX,OAAO,GACR,GAAG,IAAA,iBAAS,GAAE,CAAC;IAEhB,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjC,IAAI,CAAC,YAAY,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE,CAAC;QAC7D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,QAAQ,CAAC,wBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,YAAY,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,CAAC;IACjE,MAAM,oBAAoB,GAAG,UAAU,KAAK,QAAQ,IAAI,mBAAmB,CAAC;IAC5E,MAAM,OAAO,GACX,CAAC,oBAAoB,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAEvE,OAAO,CACL,wBAAC,WAAI,OAAK,KAAK,aACb,uBAAC,gBAAS,cACP,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,GACvD,EACZ,uBAAC,2CAAoB,IACnB,SAAS,EAAE,aAAa,IAAI,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,EAChD,YAAY,EAAE,WAAW,EACzB,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EACxB,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;oBACN,KAAK,EAAE,CAAC;iBACT,GACD,EACF,wBAAC,cAAG,IAAC,CAAC,EAAE,CAAC,aACN,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,6BAAiB,IAAC,OAAO,EAAC,UAAU,GAAG,CACzC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAClB,uBAAC,6BAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAS,IAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAC,UAAU,EAAC,MAAM,SAAG,CAC7D,EAED,uBAAC,mBAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,QAAC,YAAY,QAAC,MAAM,kBACpE,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,YACR,uBAAC,iBAAM,IACL,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,YAAY,IAAI,CAAC,OAAO,EAClC,SAAS,kBAER,CAAC,CAAC,gBAAgB,CAAC,GACb,GACL,GACG,IACP,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AArEW,QAAA,MAAM,UAqEjB"}
|
|
@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.RoutesExpandedElement = exports.RoutesExpanded = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
|
-
const react_hook_form_1 = require("react-hook-form");
|
|
7
6
|
const react_i18next_1 = require("react-i18next");
|
|
8
7
|
const react_router_dom_1 = require("react-router-dom");
|
|
9
8
|
const hooks_1 = require("../../hooks");
|
|
10
9
|
const providers_1 = require("../../providers");
|
|
11
10
|
const stores_1 = require("../../stores");
|
|
12
11
|
const utils_1 = require("../../utils");
|
|
12
|
+
const PageContainer_1 = require("../PageContainer");
|
|
13
13
|
const ProgressToNextUpdate_1 = require("../ProgressToNextUpdate");
|
|
14
14
|
const RouteCard_1 = require("../RouteCard");
|
|
15
15
|
const RoutesExpanded_style_1 = require("./RoutesExpanded.style");
|
|
@@ -24,7 +24,7 @@ const RoutesExpandedElement = () => {
|
|
|
24
24
|
const navigate = (0, react_router_dom_1.useNavigate)();
|
|
25
25
|
const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
|
|
26
26
|
const { subvariant, containerStyle } = (0, providers_1.useWidgetConfig)();
|
|
27
|
-
const { isValid, isValidating } = (0,
|
|
27
|
+
const { isValid, isValidating } = (0, stores_1.useValidation)();
|
|
28
28
|
const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = (0, hooks_1.useRoutes)();
|
|
29
29
|
const currentRoute = routes?.[0];
|
|
30
30
|
const handleRouteClick = (route) => {
|
|
@@ -39,7 +39,7 @@ const RoutesExpandedElement = () => {
|
|
|
39
39
|
const routeNotFound = !currentRoute && !isLoading && !isFetching && expanded;
|
|
40
40
|
return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: timeout.enter, in: expanded, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(material_1.Grow, { timeout: timeout.enter, in: expanded, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(RoutesExpanded_style_1.Container, { sx: containerStyle, enableColorScheme: true, children: (0, jsx_runtime_1.jsxs)(RoutesExpanded_style_1.ScrollableContainer, { children: [(0, jsx_runtime_1.jsxs)(RoutesExpanded_style_1.Header, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 18, fontWeight: "700", flex: 1, noWrap: true, children: subvariant === 'nft'
|
|
41
41
|
? t('main.fromAmount')
|
|
42
|
-
: t('header.youGet') }), (0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "column", spacing: 2, flex: 1,
|
|
42
|
+
: t('header.youGet') }), (0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), (0, jsx_runtime_1.jsx)(PageContainer_1.PageContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "column", spacing: 2, flex: 1, paddingBottom: 3, children: routeNotFound ? ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteNotFoundCard, {})) : isLoading || (isFetching && !routes?.length) ? (Array.from({ length: 3 }).map((_, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0, expanded: routes?.length === 1 }, route.id)))) }) })] }) }) }) }));
|
|
43
43
|
};
|
|
44
44
|
exports.RoutesExpandedElement = RoutesExpandedElement;
|
|
45
45
|
//# sourceMappingURL=RoutesExpanded.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":";;;;AAEA,4CAAkE;AAClE,
|
|
1
|
+
{"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,31 +4,24 @@ exports.SelectChainAndToken = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
6
|
const useMediaQuery_1 = require("@mui/material/useMediaQuery");
|
|
7
|
-
const react_hook_form_1 = require("react-hook-form");
|
|
8
7
|
const ReverseTokensButton_1 = require("../components/ReverseTokensButton");
|
|
9
8
|
const SelectTokenButton_1 = require("../components/SelectTokenButton");
|
|
10
9
|
const providers_1 = require("../providers");
|
|
11
10
|
const types_1 = require("../types");
|
|
11
|
+
const form_1 = require("../stores/form");
|
|
12
12
|
const SelectChainAndToken = (props) => {
|
|
13
13
|
const prefersNarrowView = (0, useMediaQuery_1.default)((theme) => theme.breakpoints.down('sm'));
|
|
14
14
|
const { disabledUI, hiddenUI, subvariant } = (0, providers_1.useWidgetConfig)();
|
|
15
|
-
const [fromChain, toChain, fromToken, toToken] = (0,
|
|
16
|
-
name: [
|
|
17
|
-
providers_1.FormKey.FromChain,
|
|
18
|
-
providers_1.FormKey.ToChain,
|
|
19
|
-
providers_1.FormKey.FromToken,
|
|
20
|
-
providers_1.FormKey.ToToken,
|
|
21
|
-
],
|
|
22
|
-
});
|
|
15
|
+
const [fromChain, toChain, fromToken, toToken] = (0, form_1.useFieldValues)('fromChain', 'toChain', 'fromToken', 'toToken');
|
|
23
16
|
const hiddenReverse = subvariant === 'refuel' ||
|
|
24
17
|
disabledUI?.includes(types_1.DisabledUI.FromToken) ||
|
|
25
18
|
disabledUI?.includes(types_1.DisabledUI.ToToken) ||
|
|
26
19
|
hiddenUI?.includes(types_1.HiddenUI.ToToken);
|
|
27
20
|
const hiddenToToken = subvariant === 'nft' || hiddenUI?.includes(types_1.HiddenUI.ToToken);
|
|
28
|
-
const isCompact = fromChain &&
|
|
29
|
-
toChain &&
|
|
30
|
-
fromToken &&
|
|
31
|
-
toToken &&
|
|
21
|
+
const isCompact = !!fromChain &&
|
|
22
|
+
!!toChain &&
|
|
23
|
+
!!fromToken &&
|
|
24
|
+
!!toToken &&
|
|
32
25
|
!prefersNarrowView &&
|
|
33
26
|
!hiddenToToken;
|
|
34
27
|
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', flexDirection: isCompact ? 'row' : 'column' }, ...props, children: [(0, jsx_runtime_1.jsx)(SelectTokenButton_1.SelectTokenButton, { formType: "from", compact: isCompact }), !hiddenToToken ? ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectChainAndToken.js","sourceRoot":"","sources":["../../components/SelectChainAndToken.tsx"],"names":[],"mappings":";;;;AACA,4CAAoC;AACpC,+DAAwD;AACxD,
|
|
1
|
+
{"version":3,"file":"SelectChainAndToken.js","sourceRoot":"","sources":["../../components/SelectChainAndToken.tsx"],"names":[],"mappings":";;;;AACA,4CAAoC;AACpC,+DAAwD;AACxD,2EAAwE;AACxE,uEAAoE;AACpE,4CAA+C;AAC/C,oCAAgD;AAChD,yCAAgD;AAEzC,MAAM,mBAAmB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,iBAAiB,GAAG,IAAA,uBAAa,EAAC,CAAC,KAAY,EAAE,EAAE,CACvD,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAC7B,CAAC;IACF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAE/D,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,GAAG,IAAA,qBAAc,EAC7D,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,CACV,CAAC;IAEF,MAAM,aAAa,GACjB,UAAU,KAAK,QAAQ;QACvB,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC;QAC1C,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,OAAO,CAAC;QACxC,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,OAAO,CAAC,CAAC;IAEvC,MAAM,aAAa,GACjB,UAAU,KAAK,KAAK,IAAI,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,OAAO,CAAC,CAAC;IAE/D,MAAM,SAAS,GACb,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,OAAO;QACT,CAAC,iBAAiB;QAClB,CAAC,aAAa,CAAC;IAEjB,OAAO,CACL,wBAAC,cAAG,IACF,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,KAChE,KAAK,aAET,uBAAC,qCAAiB,IAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAE,SAAS,GAAI,EACxD,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,uBAAC,cAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;iBACrB,EACD,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAE7B,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,uBAAC,yCAAmB,IAAC,QAAQ,EAAE,CAAC,SAAS,GAAI,CAC9C,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,uBAAC,qCAAiB,IAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,SAAS,GAAI,CACxD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,mBAAmB,uBAuD9B"}
|
|
@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SelectTokenButton = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
|
-
const react_hook_form_1 = require("react-hook-form");
|
|
7
6
|
const react_i18next_1 = require("react-i18next");
|
|
8
7
|
const react_router_dom_1 = require("react-router-dom");
|
|
9
8
|
const hooks_1 = require("../../hooks");
|
|
10
9
|
const providers_1 = require("../../providers");
|
|
10
|
+
const stores_1 = require("../../stores");
|
|
11
11
|
const utils_1 = require("../../utils");
|
|
12
12
|
const Card_1 = require("../Card");
|
|
13
13
|
const TokenAvatar_1 = require("../TokenAvatar");
|
|
@@ -17,10 +17,8 @@ const SelectTokenButton = ({ formType, compact }) => {
|
|
|
17
17
|
const navigate = (0, react_router_dom_1.useNavigate)();
|
|
18
18
|
const { disabledUI, subvariant } = (0, providers_1.useWidgetConfig)();
|
|
19
19
|
const swapOnly = (0, hooks_1.useSwapOnly)();
|
|
20
|
-
const tokenKey =
|
|
21
|
-
const [chainId, tokenAddress] = (0,
|
|
22
|
-
name: [providers_1.FormKeyHelper.getChainKey(formType), tokenKey],
|
|
23
|
-
});
|
|
20
|
+
const tokenKey = stores_1.FormKeyHelper.getTokenKey(formType);
|
|
21
|
+
const [chainId, tokenAddress] = (0, stores_1.useFieldValues)(stores_1.FormKeyHelper.getChainKey(formType), tokenKey);
|
|
24
22
|
const { chain, isLoading: isChainLoading } = (0, hooks_1.useChain)(chainId);
|
|
25
23
|
const { token, isLoading: isTokenLoading } = (0, hooks_1.useToken)(chainId, tokenAddress);
|
|
26
24
|
const handleClick = () => {
|
|
@@ -40,7 +38,7 @@ const SelectTokenButton = ({ formType, compact }) => {
|
|
|
40
38
|
const cardTitle = formType === 'from' && subvariant === 'nft'
|
|
41
39
|
? t(`header.payWith`)
|
|
42
40
|
: t(`main.${formType}`);
|
|
43
|
-
return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { flex: 1, onClick: onClick, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: cardTitle }), chainId && tokenAddress && (isChainLoading || isTokenLoading) ? ((0, jsx_runtime_1.jsx)(SelectTokenButton_style_1.SelectTokenCardHeader, { avatar: (0, jsx_runtime_1.jsx)(
|
|
41
|
+
return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { flex: 1, onClick: onClick, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: cardTitle }), chainId && tokenAddress && (isChainLoading || isTokenLoading) ? ((0, jsx_runtime_1.jsx)(SelectTokenButton_style_1.SelectTokenCardHeader, { avatar: (0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatarSkeleton, {}), title: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 64, height: 24 }), subheader: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 72, height: 16 }), compact: compact })) : ((0, jsx_runtime_1.jsx)(SelectTokenButton_style_1.SelectTokenCardHeader, { avatar: isSelected ? ((0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatar, { token: token, chain: chain })) : ((0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatarDefault, {})), title: isSelected ? token.symbol : defaultPlaceholder, subheader: isSelected ? t(`main.onChain`, { chainName: chain.name }) : null, selected: isSelected, compact: compact }))] }));
|
|
44
42
|
};
|
|
45
43
|
exports.SelectTokenButton = SelectTokenButton;
|
|
46
44
|
//# sourceMappingURL=SelectTokenButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTokenButton.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.tsx"],"names":[],"mappings":";;;;AAAA,4CAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"SelectTokenButton.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ const Card_1 = require("../Card");
|
|
|
7
7
|
exports.SelectTokenCardHeader = (0, styles_1.styled)(Card_1.CardHeader, {
|
|
8
8
|
shouldForwardProp: (prop) => !['selected', 'compact'].includes(prop),
|
|
9
9
|
})(({ theme, selected, compact }) => ({
|
|
10
|
-
|
|
10
|
+
padding: theme.spacing(2),
|
|
11
11
|
[`.${CardHeader_1.cardHeaderClasses.title}`]: {
|
|
12
12
|
color: selected
|
|
13
13
|
? theme.palette.text.primary
|
|
@@ -16,8 +16,7 @@ exports.SelectTokenCardHeader = (0, styles_1.styled)(Card_1.CardHeader, {
|
|
|
16
16
|
whiteSpace: 'nowrap',
|
|
17
17
|
overflow: 'hidden',
|
|
18
18
|
width: compact ? 92 : 256,
|
|
19
|
-
|
|
20
|
-
fontSize: compact && !selected ? '1rem' : '1.125rem',
|
|
19
|
+
fontSize: compact && !selected ? 16 : 18,
|
|
21
20
|
[theme.breakpoints.down(392)]: {
|
|
22
21
|
width: compact ? 92 : 224,
|
|
23
22
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTokenButton.style.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.style.tsx"],"names":[],"mappings":";;;AAAA,yDAA6D;AAC7D,iDAA8C;AAC9C,kCAAqC;AAExB,QAAA,qBAAqB,GAAG,IAAA,eAAM,EAAC,iBAAU,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpD,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,
|
|
1
|
+
{"version":3,"file":"SelectTokenButton.style.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.style.tsx"],"names":[],"mappings":";;;AAAA,yDAA6D;AAC7D,iDAA8C;AAC9C,kCAAqC;AAExB,QAAA,qBAAqB,GAAG,IAAA,eAAM,EAAC,iBAAU,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpD,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,CAAC,IAAI,8BAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,KAAK,EAAE,QAAQ;YACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QAChC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,QAAQ,EAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;QACxC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;IACD,CAAC,IAAI,8BAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;CACF,CAAC,CACH,CAAC"}
|
|
@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
6
|
const core_1 = require("@wagmi/core");
|
|
7
7
|
const react_1 = require("react");
|
|
8
|
-
const react_hook_form_1 = require("react-hook-form");
|
|
9
8
|
const react_i18next_1 = require("react-i18next");
|
|
10
9
|
const viem_1 = require("viem");
|
|
11
10
|
const ens_1 = require("viem/ens");
|
|
@@ -19,7 +18,11 @@ const Card_1 = require("../Card");
|
|
|
19
18
|
const SendToWallet_style_1 = require("./SendToWallet.style");
|
|
20
19
|
exports.SendToWallet = (0, react_1.forwardRef)((props, ref) => {
|
|
21
20
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
22
|
-
const {
|
|
21
|
+
const { getFieldValues } = (0, stores_1.useFieldActions)();
|
|
22
|
+
const { name, value, onChange, onBlur } = (0, stores_1.useFieldController)({
|
|
23
|
+
name: 'toAddress',
|
|
24
|
+
});
|
|
25
|
+
const { addFieldValidation, triggerFieldValidation, clearErrors } = (0, stores_1.useValidationActions)();
|
|
23
26
|
const { account } = (0, hooks_1.useAccount)();
|
|
24
27
|
const config = (0, wagmi_1.useConfig)();
|
|
25
28
|
const { disabledUI, hiddenUI, toAddress } = (0, providers_1.useWidgetConfig)();
|
|
@@ -34,50 +37,58 @@ exports.SendToWallet = (0, react_1.forwardRef)((props, ref) => {
|
|
|
34
37
|
showDestinationWallet &&
|
|
35
38
|
toAddress &&
|
|
36
39
|
!hiddenToAddress) || requiredToAddress;
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
onChange: (e) => {
|
|
42
|
-
setValue(providers_1.FormKey.ToAddress, e.target.value.trim());
|
|
43
|
-
},
|
|
44
|
-
validate: async (value) => {
|
|
45
|
-
try {
|
|
46
|
-
if (!value || (0, viem_1.isAddress)(value) || (0, utils_1.isSVMAddress)(value)) {
|
|
47
|
-
return true;
|
|
48
|
-
}
|
|
49
|
-
const address = await (0, core_1.getEnsAddress)(config, {
|
|
50
|
-
chainId: getValues(providers_1.FormKey.ToChain),
|
|
51
|
-
name: (0, ens_1.normalize)(value),
|
|
52
|
-
});
|
|
53
|
-
return Boolean(address);
|
|
54
|
-
}
|
|
55
|
-
catch (error) {
|
|
40
|
+
(0, react_1.useEffect)(() => {
|
|
41
|
+
addFieldValidation('toAddress', async (value) => {
|
|
42
|
+
try {
|
|
43
|
+
if (!value && requiredToAddress) {
|
|
56
44
|
return t('error.title.walletEnsAddressInvalid');
|
|
57
45
|
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
46
|
+
if (!value || (0, viem_1.isAddress)(value) || (0, utils_1.isSVMAddress)(value)) {
|
|
47
|
+
return true;
|
|
48
|
+
}
|
|
49
|
+
const address = await (0, core_1.getEnsAddress)(config, {
|
|
50
|
+
chainId: getFieldValues('toChain')[0],
|
|
51
|
+
name: (0, ens_1.normalize)(value),
|
|
52
|
+
});
|
|
53
|
+
return Boolean(address);
|
|
54
|
+
}
|
|
55
|
+
catch (error) {
|
|
56
|
+
return t('error.title.walletEnsAddressInvalid');
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
}, [addFieldValidation, requiredToAddress, getFieldValues, t, config]);
|
|
60
|
+
const handlerInputChange = (e) => {
|
|
61
|
+
onChange(e.target.value.trim());
|
|
62
|
+
};
|
|
63
|
+
const handlerInputBlur = () => {
|
|
64
|
+
onBlur();
|
|
65
|
+
triggerFieldValidation('toAddress');
|
|
66
|
+
};
|
|
62
67
|
(0, react_1.useEffect)(() => {
|
|
63
|
-
const value =
|
|
68
|
+
const value = getFieldValues('toAddress');
|
|
64
69
|
if (value) {
|
|
65
|
-
|
|
70
|
+
triggerFieldValidation('toAddress');
|
|
66
71
|
// Trigger validation if we change requiredToAddress in the runtime
|
|
67
72
|
}
|
|
68
73
|
else if (requiredToAddressRef.current !== requiredToAddress) {
|
|
69
74
|
requiredToAddressRef.current = requiredToAddress;
|
|
70
|
-
|
|
75
|
+
triggerFieldValidation('toAddress').then(() => clearErrors('toAddress'));
|
|
71
76
|
}
|
|
72
|
-
}, [
|
|
77
|
+
}, [
|
|
78
|
+
account.chainId,
|
|
79
|
+
clearErrors,
|
|
80
|
+
getFieldValues,
|
|
81
|
+
requiredToAddress,
|
|
82
|
+
triggerFieldValidation,
|
|
83
|
+
]);
|
|
73
84
|
if (hiddenToAddress && !requiredToAddress) {
|
|
74
85
|
return null;
|
|
75
86
|
}
|
|
76
|
-
return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: showInstantly ? 0 : 225, in: showSendToWallet || showInstantly, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { ...props, ref: ref, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { required: requiredToAddress, children: t('main.sendToWallet') }), (0, jsx_runtime_1.jsxs)(SendToWallet_style_1.FormControl, { fullWidth: true, sx: { paddingTop: '6px', paddingBottom: '5px' }, children: [(0, jsx_runtime_1.jsx)(SendToWallet_style_1.Input, { size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", onChange:
|
|
87
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: showInstantly ? 0 : 225, in: showSendToWallet || showInstantly, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { ...props, ref: ref, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { required: requiredToAddress, children: t('main.sendToWallet') }), (0, jsx_runtime_1.jsxs)(SendToWallet_style_1.FormControl, { fullWidth: true, sx: { paddingTop: '6px', paddingBottom: '5px' }, children: [(0, jsx_runtime_1.jsx)(SendToWallet_style_1.Input, { size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", onChange: handlerInputChange, onBlur: handlerInputBlur, name: name, value: value, placeholder: t('main.walletAddressOrEns'), disabled: Boolean(toAddress && disabledToAddress) }), (0, jsx_runtime_1.jsx)(exports.SendToWalletFormHelperText, {})] })] }) }));
|
|
77
88
|
});
|
|
78
89
|
const SendToWalletFormHelperText = () => {
|
|
79
|
-
const { errors } = (0,
|
|
80
|
-
return ((0, jsx_runtime_1.jsx)(material_1.FormHelperText, { error: !!errors.toAddress, children: errors.toAddress
|
|
90
|
+
const { errors } = (0, stores_1.useValidation)();
|
|
91
|
+
return ((0, jsx_runtime_1.jsx)(material_1.FormHelperText, { error: !!errors.toAddress, children: errors.toAddress }));
|
|
81
92
|
};
|
|
82
93
|
exports.SendToWalletFormHelperText = SendToWalletFormHelperText;
|
|
83
94
|
//# sourceMappingURL=SendToWallet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SendToWallet.js","sourceRoot":"","sources":["../../../components/SendToWallet/SendToWallet.tsx"],"names":[],"mappings":";;;;AACA,4CAAyD;AACzD,sCAA4C;
|
|
1
|
+
{"version":3,"file":"SendToWallet.js","sourceRoot":"","sources":["../../../components/SendToWallet/SendToWallet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const Wallet_1 = require("@mui/icons-material/Wallet");
|
|
6
6
|
const Button_1 = require("@mui/material/Button");
|
|
7
7
|
const Tooltip_1 = require("@mui/material/Tooltip");
|
|
8
|
-
const react_hook_form_1 = require("react-hook-form");
|
|
9
8
|
const react_i18next_1 = require("react-i18next");
|
|
10
9
|
const hooks_1 = require("../../hooks");
|
|
11
10
|
const providers_1 = require("../../providers");
|
|
@@ -13,7 +12,7 @@ const stores_1 = require("../../stores");
|
|
|
13
12
|
const types_1 = require("../../types");
|
|
14
13
|
const SendToWalletButton = () => {
|
|
15
14
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
16
|
-
const {
|
|
15
|
+
const { setFieldValue } = (0, stores_1.useFieldActions)();
|
|
17
16
|
const emitter = (0, hooks_1.useWidgetEvents)();
|
|
18
17
|
const { disabledUI, hiddenUI } = (0, providers_1.useWidgetConfig)();
|
|
19
18
|
const { showSendToWallet, toggleSendToWallet } = (0, stores_1.useSendToWalletStore)();
|
|
@@ -26,7 +25,7 @@ const SendToWalletButton = () => {
|
|
|
26
25
|
}
|
|
27
26
|
const handleClick = () => {
|
|
28
27
|
if (showSendToWallet && !disabledUI?.includes(types_1.DisabledUI.ToAddress)) {
|
|
29
|
-
|
|
28
|
+
setFieldValue('toAddress', '', { isTouched: true });
|
|
30
29
|
}
|
|
31
30
|
toggleSendToWallet();
|
|
32
31
|
emitter.emit(types_1.WidgetEvent.SendToWalletToggled, stores_1.useSendToWalletStore.getState().showSendToWallet);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SendToWalletButton.js","sourceRoot":"","sources":["../../../components/SendToWallet/SendToWalletButton.tsx"],"names":[],"mappings":";;;;AAAA,uDAAoD;AACpD,iDAA0C;AAC1C,mDAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"SendToWalletButton.js","sourceRoot":"","sources":["../../../components/SendToWallet/SendToWalletButton.tsx"],"names":[],"mappings":";;;;AAAA,uDAAoD;AACpD,iDAA0C;AAC1C,mDAA4C;AAC5C,iDAA+C;AAC/C,uCAAoE;AACpE,+CAAkD;AAClD,yCAIsB;AACtB,uCAAgE;AAEzD,MAAM,kBAAkB,GAAa,GAAG,EAAE;IAC/C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,wBAAe,GAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,IAAA,uBAAe,GAAE,CAAC;IAClC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACnD,MAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAG,IAAA,6BAAoB,GAAE,CAAC;IACxE,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,oBAAW,EAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEzE,MAAM,iBAAiB,GAAG,IAAA,4BAAoB,GAAE,CAAC;IAEjD,IACE,CAAC,qBAAqB;QACtB,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,SAAS,CAAC;QACtC,iBAAiB,EACjB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,gBAAgB,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YACpE,aAAa,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACtD,CAAC;QACD,kBAAkB,EAAE,CAAC;QACrB,OAAO,CAAC,IAAI,CACV,mBAAW,CAAC,mBAAmB,EAC/B,6BAAoB,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CACjD,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,iBAAO,IACN,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAC7B,SAAS,EAAC,YAAY,EACtB,UAAU,EAAE,GAAG,EACf,KAAK,kBAEL,uBAAC,gBAAM,IACL,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAChD,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE;gBACF,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,CAAC;aACd,YAED,uBAAC,gBAAU,KAAG,GACP,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,kBAAkB,sBAgD7B"}
|
|
@@ -6,14 +6,14 @@ const material_1 = require("@mui/material");
|
|
|
6
6
|
const styles_1 = require("@mui/material/styles");
|
|
7
7
|
exports.SmallAvatar = (0, styles_1.styled)(material_1.Avatar)(({ theme }) => ({
|
|
8
8
|
background: theme.palette.background.paper,
|
|
9
|
-
width:
|
|
10
|
-
height:
|
|
9
|
+
width: 20,
|
|
10
|
+
height: 20,
|
|
11
11
|
border: `2px solid ${theme.palette.background.paper}`,
|
|
12
12
|
}));
|
|
13
13
|
exports.SmallAvatarSkeletonBase = (0, styles_1.styled)(material_1.Skeleton)(({ theme }) => ({
|
|
14
14
|
border: `2px solid ${theme.palette.background.paper}`,
|
|
15
|
-
width:
|
|
16
|
-
height:
|
|
15
|
+
width: 20,
|
|
16
|
+
height: 20,
|
|
17
17
|
}));
|
|
18
18
|
exports.SmallAvatarSkeletonContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
|
|
19
19
|
background: theme.palette.background.paper,
|
|
@@ -9,20 +9,20 @@ const WarningRounded_1 = require("@mui/icons-material/WarningRounded");
|
|
|
9
9
|
const styles_1 = require("@mui/material/styles");
|
|
10
10
|
const CircularProgress_style_1 = require("./CircularProgress.style");
|
|
11
11
|
function CircularProgress({ process }) {
|
|
12
|
-
return ((0, jsx_runtime_1.jsxs)(CircularProgress_style_1.CircularIcon, { status: process.status, substatus: process.substatus, children: [process.status === 'STARTED' || process.status === 'PENDING' ? ((0, jsx_runtime_1.jsx)(CircularProgress_style_1.CircularProgressPending, { size:
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)(CircularProgress_style_1.CircularIcon, { status: process.status, substatus: process.substatus, children: [process.status === 'STARTED' || process.status === 'PENDING' ? ((0, jsx_runtime_1.jsx)(CircularProgress_style_1.CircularProgressPending, { size: 40 })) : null, process.status === 'ACTION_REQUIRED' ? ((0, jsx_runtime_1.jsx)(InfoRounded_1.default, { color: "info", sx: {
|
|
13
13
|
position: 'absolute',
|
|
14
|
-
fontSize: '
|
|
14
|
+
fontSize: '1.5rem',
|
|
15
15
|
} })) : null, process.status === 'DONE' &&
|
|
16
16
|
(process.substatus === 'PARTIAL' || process.substatus === 'REFUNDED') ? ((0, jsx_runtime_1.jsx)(WarningRounded_1.default, { sx: (theme) => ({
|
|
17
17
|
position: 'absolute',
|
|
18
|
-
fontSize: '
|
|
18
|
+
fontSize: '1.5rem',
|
|
19
19
|
color: (0, styles_1.darken)(theme.palette.warning.main, 0.32),
|
|
20
20
|
}) })) : process.status === 'DONE' ? ((0, jsx_runtime_1.jsx)(Done_1.default, { color: "success", sx: {
|
|
21
21
|
position: 'absolute',
|
|
22
|
-
fontSize: '
|
|
22
|
+
fontSize: '1.5rem',
|
|
23
23
|
} })) : null, process.status === 'FAILED' ? ((0, jsx_runtime_1.jsx)(ErrorRounded_1.default, { color: "error", sx: {
|
|
24
24
|
position: 'absolute',
|
|
25
|
-
fontSize: '
|
|
25
|
+
fontSize: '1.5rem',
|
|
26
26
|
} })) : null] }));
|
|
27
27
|
}
|
|
28
28
|
exports.CircularProgress = CircularProgress;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../../components/Step/CircularProgress.tsx"],"names":[],"mappings":";;;;AACA,mDAAgD;AAChD,mEAAgE;AAChE,iEAA8D;AAC9D,uEAAoE;AACpE,iDAA8C;AAC9C,qEAGkC;AAElC,SAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAwB;IAChE,OAAO,CACL,wBAAC,qCAAY,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,aAC/D,OAAO,CAAC,MAAM,KAAK,SAAS,IAAI,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAC9D,uBAAC,gDAAuB,IAAC,IAAI,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../../components/Step/CircularProgress.tsx"],"names":[],"mappings":";;;;AACA,mDAAgD;AAChD,mEAAgE;AAChE,iEAA8D;AAC9D,uEAAoE;AACpE,iDAA8C;AAC9C,qEAGkC;AAElC,SAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAwB;IAChE,OAAO,CACL,wBAAC,qCAAY,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,aAC/D,OAAO,CAAC,MAAM,KAAK,SAAS,IAAI,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAC9D,uBAAC,gDAAuB,IAAC,IAAI,EAAE,EAAE,GAAI,CACtC,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,iBAAiB,CAAC,CAAC,CAAC,CACtC,uBAAC,qBAAe,IACd,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,MAAM;gBAC1B,CAAC,OAAO,CAAC,SAAS,KAAK,SAAS,IAAI,OAAO,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CACtE,uBAAC,wBAAkB,IACjB,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBACd,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,IAAA,eAAM,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;iBAChD,CAAC,GACF,CACH,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAC9B,uBAAC,cAAQ,IACP,KAAK,EAAC,SAAS,EACf,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,uBAAC,sBAAgB,IACf,KAAK,EAAC,OAAO,EACb,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC;AA5CD,4CA4CC"}
|
|
@@ -28,13 +28,13 @@ exports.CircularIcon = (0, styles_1.styled)(material_1.Box, {
|
|
|
28
28
|
borderStyle: 'solid',
|
|
29
29
|
borderColor: getStatusColor(theme, status, substatus),
|
|
30
30
|
borderWidth: !['ACTION_REQUIRED', 'DONE', 'FAILED'].includes(status)
|
|
31
|
-
?
|
|
31
|
+
? 3
|
|
32
32
|
: 0,
|
|
33
33
|
display: 'grid',
|
|
34
34
|
position: 'relative',
|
|
35
35
|
placeItems: 'center',
|
|
36
|
-
width:
|
|
37
|
-
height:
|
|
36
|
+
width: 40,
|
|
37
|
+
height: 40,
|
|
38
38
|
borderRadius: '50%',
|
|
39
39
|
}));
|
|
40
40
|
const circleAnimation = (0, styles_1.keyframes) `
|
|
@@ -59,7 +59,6 @@ exports.CircularProgressPending = (0, styles_1.styled)(material_1.CircularProgre
|
|
|
59
59
|
: theme.palette.primary.light};
|
|
60
60
|
animation-duration: 3s;
|
|
61
61
|
position: absolute;
|
|
62
|
-
left: -2px;
|
|
63
62
|
.${CircularProgress_1.circularProgressClasses.circle} {
|
|
64
63
|
animation-duration: 2s;
|
|
65
64
|
animation-timing-function: linear;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgress.style.js","sourceRoot":"","sources":["../../../components/Step/CircularProgress.style.tsx"],"names":[],"mappings":";;;AAEA,4CAA6E;AAC7E,qEAAyE;AACzE,iDAAgE;AAEhE,MAAM,cAAc,GAAG,CACrB,KAAY,EACZ,MAAc,EACd,SAAqB,EACrB,EAAE;IACF,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,iBAAiB;YACpB,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC9C,KAAK,MAAM;YACT,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;gBACxD,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACjD,CAAC;YACD,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACjD,KAAK,QAAQ;YACX,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC/C;YACE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC1E,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,eAAM,EAAC,cAAG,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;CAC7E,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,eAAe,EAAE,CAAC,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QACrE,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;QAC1C,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAClC,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;IACrD,WAAW,EAAE,CAAC,CAAC,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QAClE,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK;CACpB,CAAC,CACH,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,kBAAS,EAAA;;;;;;;;;;;;;CAahC,CAAC;AAEF,0FAA0F;AAC1F,kFAAkF;AACrE,QAAA,uBAAuB,GAAG,IAAA,eAAM,EAAC,2BAAmB,CAAC,CAAA;WACvD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"CircularProgress.style.js","sourceRoot":"","sources":["../../../components/Step/CircularProgress.style.tsx"],"names":[],"mappings":";;;AAEA,4CAA6E;AAC7E,qEAAyE;AACzE,iDAAgE;AAEhE,MAAM,cAAc,GAAG,CACrB,KAAY,EACZ,MAAc,EACd,SAAqB,EACrB,EAAE;IACF,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,iBAAiB;YACpB,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC9C,KAAK,MAAM;YACT,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;gBACxD,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACjD,CAAC;YACD,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACjD,KAAK,QAAQ;YACX,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC/C;YACE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC1E,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,eAAM,EAAC,cAAG,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;CAC7E,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,eAAe,EAAE,CAAC,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QACrE,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;QAC1C,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAClC,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;IACrD,WAAW,EAAE,CAAC,CAAC,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QAClE,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK;CACpB,CAAC,CACH,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,kBAAS,EAAA;;;;;;;;;;;;;CAahC,CAAC;AAEF,0FAA0F;AAC1F,kFAAkF;AACrE,QAAA,uBAAuB,GAAG,IAAA,eAAM,EAAC,2BAAmB,CAAC,CAAA;WACvD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;;;KAG9B,0CAAuB,CAAC,MAAM;;;sBAGb,eAAe;;;;;;CAMpC,CAAC"}
|
|
@@ -16,14 +16,14 @@ const DestinationWalletAddress = ({ step, toAddress, toAddressLink }) => {
|
|
|
16
16
|
alignItems: 'center',
|
|
17
17
|
}, children: [(0, jsx_runtime_1.jsx)(CircularProgress_style_1.CircularIcon, { status: isDone ? 'DONE' : 'NOT_STARTED', children: (0, jsx_runtime_1.jsx)(Wallet_1.default, { color: isDone ? 'success' : 'inherit', sx: {
|
|
18
18
|
position: 'absolute',
|
|
19
|
-
fontSize: '
|
|
19
|
+
fontSize: '1.25rem',
|
|
20
20
|
} }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { mx: 2, flex: 1, fontSize: 14, fontWeight: 400, children: isDone
|
|
21
21
|
? t('main.sentToAddress', {
|
|
22
22
|
address: toAddress,
|
|
23
23
|
})
|
|
24
24
|
: t('main.sendToAddress', {
|
|
25
25
|
address: toAddress,
|
|
26
|
-
}) }), (0, jsx_runtime_1.jsx)(StepProcess_style_1.LinkButton, { size: "
|
|
26
|
+
}) }), (0, jsx_runtime_1.jsx)(StepProcess_style_1.LinkButton, { size: "medium", LinkComponent: material_1.Link, href: toAddressLink, target: "_blank", rel: "nofollow noreferrer", children: (0, jsx_runtime_1.jsx)(LinkRounded_1.default, {}) })] }) }));
|
|
27
27
|
};
|
|
28
28
|
exports.DestinationWalletAddress = DestinationWalletAddress;
|
|
29
29
|
//# sourceMappingURL=DestinationWalletAddress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DestinationWalletAddress.js","sourceRoot":"","sources":["../../../components/Step/DestinationWalletAddress.tsx"],"names":[],"mappings":";;;;AACA,iEAA8D;AAC9D,uDAAoD;AACpD,4CAAsD;AACtD,iDAA+C;AAC/C,qEAAwD;AACxD,2DAAiD;AAE1C,MAAM,wBAAwB,GAIhC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,OAAO,CACL,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,wBAAC,cAAG,IACF,EAAE,EAAE;gBACF,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACrB,aAED,uBAAC,qCAAY,IAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,YACnD,uBAAC,gBAAU,IACT,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrC,EAAE,EAAE;4BACF,QAAQ,EAAE,UAAU;4BACpB,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"DestinationWalletAddress.js","sourceRoot":"","sources":["../../../components/Step/DestinationWalletAddress.tsx"],"names":[],"mappings":";;;;AACA,iEAA8D;AAC9D,uDAAoD;AACpD,4CAAsD;AACtD,iDAA+C;AAC/C,qEAAwD;AACxD,2DAAiD;AAE1C,MAAM,wBAAwB,GAIhC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,OAAO,CACL,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,wBAAC,cAAG,IACF,EAAE,EAAE;gBACF,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACrB,aAED,uBAAC,qCAAY,IAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,YACnD,uBAAC,gBAAU,IACT,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrC,EAAE,EAAE;4BACF,QAAQ,EAAE,UAAU;4BACpB,QAAQ,EAAE,SAAS;yBACpB,GACD,GACW,EACf,uBAAC,qBAAU,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,YACtD,MAAM;wBACL,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC;wBACJ,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC,GACK,EACb,uBAAC,8BAAU,IACT,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,eAAI,EACnB,IAAI,EAAE,aAAa,EACnB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YAEzB,uBAAC,qBAAe,KAAG,GACR,IACT,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,wBAAwB,4BA6CnC"}
|
|
@@ -11,7 +11,6 @@ const hooks_1 = require("../../hooks");
|
|
|
11
11
|
const providers_1 = require("../../providers");
|
|
12
12
|
const utils_1 = require("../../utils");
|
|
13
13
|
const DestinationWalletAddress_1 = require("./DestinationWalletAddress");
|
|
14
|
-
const GasStepProcess_1 = require("./GasStepProcess");
|
|
15
14
|
const StepProcess_1 = require("./StepProcess");
|
|
16
15
|
const StepTimer_1 = require("./StepTimer");
|
|
17
16
|
const Step = ({ step, fromToken, toToken, toAddress }) => {
|
|
@@ -51,7 +50,7 @@ const Step = ({ step, fromToken, toToken, toAddress }) => {
|
|
|
51
50
|
return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { variant: stepHasError ? 'error' : 'default', children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
52
51
|
display: 'flex',
|
|
53
52
|
flex: 1,
|
|
54
|
-
}, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { flex: 1, children: getCardTitle() }), (0, jsx_runtime_1.jsx)(Card_1.CardTitle, { sx: { fontWeight: 500 }, children: (0, jsx_runtime_1.jsx)(StepTimer_1.StepTimer, { step: step }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { py: 1, children: [fromToken ? (0, jsx_runtime_1.jsx)(Token_1.Token, { token: fromToken, px: 2, py: 1 }) : null, (0, jsx_runtime_1.jsx)(StepActions_1.StepActions, { step: step, px: 2, py: 1, dense: true }), step.execution?.process.map((process, index) => ((0, jsx_runtime_1.jsx)(StepProcess_1.StepProcess, { step: step, process: process }, index))),
|
|
53
|
+
}, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { flex: 1, children: getCardTitle() }), (0, jsx_runtime_1.jsx)(Card_1.CardTitle, { sx: { fontWeight: 500 }, children: (0, jsx_runtime_1.jsx)(StepTimer_1.StepTimer, { step: step }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { py: 1, children: [fromToken ? (0, jsx_runtime_1.jsx)(Token_1.Token, { token: fromToken, px: 2, py: 1 }) : null, (0, jsx_runtime_1.jsx)(StepActions_1.StepActions, { step: step, px: 2, py: 1, dense: true }), step.execution?.process.map((process, index) => ((0, jsx_runtime_1.jsx)(StepProcess_1.StepProcess, { step: step, process: process }, index))), formattedToAddress && toAddressLink ? ((0, jsx_runtime_1.jsx)(DestinationWalletAddress_1.DestinationWalletAddress, { step: step, toAddress: formattedToAddress, toAddressLink: toAddressLink })) : null, toToken ? (0, jsx_runtime_1.jsx)(Token_1.Token, { token: toToken, px: 2, py: 1 }) : null] })] }));
|
|
55
54
|
};
|
|
56
55
|
exports.Step = Step;
|
|
57
56
|
//# sourceMappingURL=Step.js.map
|