@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,16 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { createContext, useContext,
|
|
2
|
+
import { createContext, useContext, useMemo, useRef } from 'react';
|
|
3
3
|
import { shallow } from 'zustand/shallow';
|
|
4
4
|
import { useWidgetConfig } from '../../providers';
|
|
5
|
-
import { createFormStore, formDefaultValues } from './createFormStore';
|
|
6
5
|
import { FormUpdater } from './FormUpdater';
|
|
6
|
+
import { createFormStore, formDefaultValues } from './createFormStore';
|
|
7
7
|
export const FormStoreContext = createContext(null);
|
|
8
8
|
export const FormStoreProvider = ({ children, }) => {
|
|
9
|
-
const storeRef = useRef();
|
|
10
|
-
if (!storeRef.current) {
|
|
11
|
-
storeRef.current = createFormStore();
|
|
12
|
-
}
|
|
13
9
|
const { fromChain, fromToken, fromAmount, toChain, toToken, toAddress } = useWidgetConfig();
|
|
10
|
+
const storeRef = useRef();
|
|
14
11
|
const defaultValues = useMemo(() => ({
|
|
15
12
|
...formDefaultValues,
|
|
16
13
|
fromChain,
|
|
@@ -22,17 +19,15 @@ export const FormStoreProvider = ({ children, }) => {
|
|
|
22
19
|
: fromAmount) || formDefaultValues.fromAmount,
|
|
23
20
|
toAddress: toAddress || formDefaultValues.toAddress,
|
|
24
21
|
}), [fromAmount, fromChain, fromToken, toAddress, toChain, toToken]);
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
}, [defaultValues, storeRef]);
|
|
22
|
+
if (!storeRef.current) {
|
|
23
|
+
storeRef.current = createFormStore(defaultValues);
|
|
24
|
+
}
|
|
30
25
|
return (_jsxs(FormStoreContext.Provider, { value: storeRef.current, children: [_jsx(FormUpdater, { defaultValues: defaultValues }), children] }));
|
|
31
26
|
};
|
|
32
27
|
export const useFormStore = (selector, equalityFunction = shallow) => {
|
|
33
28
|
const useStore = useContext(FormStoreContext);
|
|
34
29
|
if (!useStore) {
|
|
35
|
-
throw new Error(
|
|
30
|
+
throw new Error(`You forgot to wrap your component in <${FormStoreProvider.name}>.`);
|
|
36
31
|
}
|
|
37
32
|
return useStore(selector, equalityFunction);
|
|
38
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormStore.js","sourceRoot":"","sources":["../../../stores/form/FormStore.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"FormStore.js","sourceRoot":"","sources":["../../../stores/form/FormStore.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGvE,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAwB,IAAI,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,iBAAiB,GAAgC,CAAC,EAC7D,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GACrE,eAAe,EAAE,CAAC;IACpB,MAAM,QAAQ,GAAG,MAAM,EAAkB,CAAC;IAE1C,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,iBAAiB;QACpB,SAAS;QACT,SAAS;QACT,OAAO;QACP,OAAO;QACP,UAAU,EACR,CAAC,OAAO,UAAU,KAAK,QAAQ;YAC7B,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE;YAC3B,CAAC,CAAC,UAAU,CAAC,IAAI,iBAAiB,CAAC,UAAU;QACjD,SAAS,EAAE,SAAS,IAAI,iBAAiB,CAAC,SAAS;KACpD,CAAC,EACF,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAChE,CAAC;IAEF,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACtB,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,CACL,MAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,aAChD,KAAC,WAAW,IAAC,aAAa,EAAE,aAAa,GAAI,EAC5C,QAAQ,IACiB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,QAAyC,EACzC,gBAAgB,GAAG,OAAO,EAC1B,EAAE;IACF,MAAM,QAAQ,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE9C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,yCAAyC,iBAAiB,CAAC,IAAI,IAAI,CACpE,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;AAC9C,CAAC,CAAC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
2
2
|
import { useEffect, useRef } from 'react';
|
|
3
3
|
import { useAccount } from '../../hooks';
|
|
4
|
-
import { useFieldActions } from './useFieldActions';
|
|
5
4
|
import { isItemAllowed, useWidgetConfig } from '../../providers';
|
|
6
|
-
import {
|
|
5
|
+
import { useFieldActions } from './useFieldActions';
|
|
7
6
|
export const FormUpdater = ({ defaultValues }) => {
|
|
8
7
|
const { fromChain, toChain, chains } = useWidgetConfig();
|
|
9
8
|
const { account } = useAccount();
|
|
@@ -43,7 +42,7 @@ export const FormUpdater = ({ defaultValues }) => {
|
|
|
43
42
|
if (previousDefaultValues.current[key] !== defaultValues[key]) {
|
|
44
43
|
const value = defaultValues[key] ||
|
|
45
44
|
// set the chain to the current user one if it is not present in the config
|
|
46
|
-
(key ===
|
|
45
|
+
(key === 'fromChain' || key === 'toChain'
|
|
47
46
|
? account.chainId || ''
|
|
48
47
|
: '');
|
|
49
48
|
setFieldValue(key, value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormUpdater.js","sourceRoot":"","sources":["../../../stores/form/FormUpdater.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FormUpdater.js","sourceRoot":"","sources":["../../../stores/form/FormUpdater.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"URLSearchParamsBuilder.js","sourceRoot":"","sources":["../../../stores/form/URLSearchParamsBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,aAAa,GAAqB;IACtC,YAAY;IACZ,WAAW;IACX,WAAW;IACX,WAAW;IACX,SAAS;IACT,SAAS;CACV,CAAC;
|
|
1
|
+
{"version":3,"file":"URLSearchParamsBuilder.js","sourceRoot":"","sources":["../../../stores/form/URLSearchParamsBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,aAAa,GAAqB;IACtC,YAAY;IACZ,WAAW;IACX,WAAW;IACX,WAAW;IACX,SAAS;IACT,SAAS;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,aAAa,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAe,CAAC,CAAC;QAC5C,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YACnC,IAAI,aAAa,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;gBACxC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;gBACvD,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC,CAAC;QACH,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { DefaultValues, FormValuesState } from './types';
|
|
2
2
|
export declare const formDefaultValues: DefaultValues;
|
|
3
|
-
export declare const createFormStore: () => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<FormValuesState>>;
|
|
3
|
+
export declare const createFormStore: (defaultValues?: DefaultValues) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<FormValuesState>>;
|
|
@@ -38,136 +38,142 @@ const mergeDefaultFormValues = (userValues, defaultValues) => Object.keys(defaul
|
|
|
38
38
|
[key]: formValue,
|
|
39
39
|
};
|
|
40
40
|
}, { ...valuesToFormValues(formDefaultValues) });
|
|
41
|
-
export const createFormStore = () => createWithEqualityFn((set, get) =>
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
userValues,
|
|
64
|
-
touchedFields,
|
|
65
|
-
}));
|
|
66
|
-
},
|
|
67
|
-
resetField: (fieldName, { defaultValue } = {}) => {
|
|
68
|
-
if (defaultValue) {
|
|
69
|
-
const fieldValues = {
|
|
70
|
-
...get().defaultValues[fieldName],
|
|
71
|
-
value: defaultValue,
|
|
72
|
-
};
|
|
73
|
-
const defaultValues = {
|
|
74
|
-
...get().defaultValues,
|
|
75
|
-
[fieldName]: { ...fieldValues },
|
|
76
|
-
};
|
|
41
|
+
export const createFormStore = (defaultValues) => createWithEqualityFn((set, get) => {
|
|
42
|
+
const _defaultValues = valuesToFormValues({
|
|
43
|
+
...formDefaultValues,
|
|
44
|
+
...defaultValues,
|
|
45
|
+
});
|
|
46
|
+
return {
|
|
47
|
+
defaultValues: _defaultValues,
|
|
48
|
+
userValues: _defaultValues,
|
|
49
|
+
touchedFields: {},
|
|
50
|
+
isValid: true,
|
|
51
|
+
isValidating: false,
|
|
52
|
+
errors: {},
|
|
53
|
+
validation: {},
|
|
54
|
+
setDefaultValues: (defaultValue) => {
|
|
55
|
+
const defaultFormValues = valuesToFormValues(defaultValue);
|
|
56
|
+
set((state) => ({
|
|
57
|
+
defaultValues: defaultFormValues,
|
|
58
|
+
userValues: mergeDefaultFormValues(state.userValues, defaultFormValues),
|
|
59
|
+
}));
|
|
60
|
+
},
|
|
61
|
+
isTouched: (fieldName) => !!get().userValues[fieldName]?.isTouched,
|
|
62
|
+
setAsTouched: (fieldName) => {
|
|
77
63
|
const userValues = {
|
|
78
64
|
...get().userValues,
|
|
79
|
-
[fieldName]: {
|
|
65
|
+
[fieldName]: {
|
|
66
|
+
...get().userValues[fieldName],
|
|
67
|
+
isTouched: true,
|
|
68
|
+
},
|
|
80
69
|
};
|
|
81
70
|
const touchedFields = getUpdatedTouchedFields(userValues);
|
|
82
|
-
set(() => {
|
|
83
|
-
|
|
84
|
-
|
|
71
|
+
set(() => ({
|
|
72
|
+
userValues,
|
|
73
|
+
touchedFields,
|
|
74
|
+
}));
|
|
75
|
+
},
|
|
76
|
+
resetField: (fieldName, { defaultValue } = {}) => {
|
|
77
|
+
if (defaultValue) {
|
|
78
|
+
const fieldValues = {
|
|
79
|
+
...get().defaultValues[fieldName],
|
|
80
|
+
value: defaultValue,
|
|
81
|
+
};
|
|
82
|
+
const defaultValues = {
|
|
83
|
+
...get().defaultValues,
|
|
84
|
+
[fieldName]: { ...fieldValues },
|
|
85
|
+
};
|
|
86
|
+
const userValues = {
|
|
87
|
+
...get().userValues,
|
|
88
|
+
[fieldName]: { ...fieldValues },
|
|
89
|
+
};
|
|
90
|
+
const touchedFields = getUpdatedTouchedFields(userValues);
|
|
91
|
+
set(() => {
|
|
92
|
+
return {
|
|
93
|
+
defaultValues,
|
|
94
|
+
userValues,
|
|
95
|
+
touchedFields,
|
|
96
|
+
};
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
else {
|
|
100
|
+
const userValues = {
|
|
101
|
+
...get().userValues,
|
|
102
|
+
[fieldName]: { ...get().defaultValues[fieldName] },
|
|
103
|
+
};
|
|
104
|
+
const touchedFields = getUpdatedTouchedFields(userValues);
|
|
105
|
+
set(() => ({
|
|
85
106
|
userValues,
|
|
86
107
|
touchedFields,
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
|
|
108
|
+
}));
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
setFieldValue: (fieldName, value, { isDirty, isTouched } = {}) => {
|
|
91
112
|
const userValues = {
|
|
92
113
|
...get().userValues,
|
|
93
|
-
[fieldName]: {
|
|
114
|
+
[fieldName]: {
|
|
115
|
+
value,
|
|
116
|
+
isDirty: isDirty === undefined
|
|
117
|
+
? get().userValues[fieldName]?.isDirty
|
|
118
|
+
: isDirty,
|
|
119
|
+
isTouched: isTouched === undefined
|
|
120
|
+
? get().userValues[fieldName]?.isTouched
|
|
121
|
+
: isTouched,
|
|
122
|
+
},
|
|
94
123
|
};
|
|
95
124
|
const touchedFields = getUpdatedTouchedFields(userValues);
|
|
96
125
|
set(() => ({
|
|
97
126
|
userValues,
|
|
98
127
|
touchedFields,
|
|
99
128
|
}));
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
},
|
|
132
|
-
}));
|
|
133
|
-
},
|
|
134
|
-
triggerFieldValidation: async (name) => {
|
|
135
|
-
try {
|
|
136
|
-
let valid = true;
|
|
137
|
-
set(() => ({ isValid: false, isValidating: true }));
|
|
138
|
-
const validationFn = get().validation[name];
|
|
139
|
-
if (validationFn) {
|
|
140
|
-
const result = await validationFn(get().userValues?.[name]?.value);
|
|
141
|
-
if (isString(result)) {
|
|
142
|
-
valid = false;
|
|
143
|
-
set((state) => ({
|
|
144
|
-
errors: {
|
|
145
|
-
...state.errors,
|
|
146
|
-
[name]: result,
|
|
147
|
-
},
|
|
148
|
-
}));
|
|
149
|
-
}
|
|
150
|
-
else {
|
|
151
|
-
valid = result;
|
|
152
|
-
if (valid) {
|
|
153
|
-
get().clearErrors(name);
|
|
129
|
+
},
|
|
130
|
+
getFieldValues: (...names) => names.map((name) => get().userValues[name]?.value),
|
|
131
|
+
addFieldValidation: (name, validationFn) => {
|
|
132
|
+
set((state) => ({
|
|
133
|
+
validation: {
|
|
134
|
+
...state.validation,
|
|
135
|
+
[name]: validationFn,
|
|
136
|
+
},
|
|
137
|
+
}));
|
|
138
|
+
},
|
|
139
|
+
triggerFieldValidation: async (name) => {
|
|
140
|
+
try {
|
|
141
|
+
let valid = true;
|
|
142
|
+
set(() => ({ isValid: false, isValidating: true }));
|
|
143
|
+
const validationFn = get().validation[name];
|
|
144
|
+
if (validationFn) {
|
|
145
|
+
const result = await validationFn(get().userValues?.[name]?.value);
|
|
146
|
+
if (isString(result)) {
|
|
147
|
+
valid = false;
|
|
148
|
+
set((state) => ({
|
|
149
|
+
errors: {
|
|
150
|
+
...state.errors,
|
|
151
|
+
[name]: result,
|
|
152
|
+
},
|
|
153
|
+
}));
|
|
154
|
+
}
|
|
155
|
+
else {
|
|
156
|
+
valid = result;
|
|
157
|
+
if (valid) {
|
|
158
|
+
get().clearErrors(name);
|
|
159
|
+
}
|
|
154
160
|
}
|
|
155
161
|
}
|
|
162
|
+
set(() => ({ isValid: valid, isValidating: false }));
|
|
163
|
+
return valid;
|
|
164
|
+
}
|
|
165
|
+
catch (err) {
|
|
166
|
+
set(() => ({ isValidating: false }));
|
|
167
|
+
throw err;
|
|
156
168
|
}
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
set(() => ({
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
delete newErrors[name];
|
|
168
|
-
set(() => ({
|
|
169
|
-
errors: newErrors,
|
|
170
|
-
}));
|
|
171
|
-
},
|
|
172
|
-
}), Object.is);
|
|
169
|
+
},
|
|
170
|
+
clearErrors: (name) => {
|
|
171
|
+
const newErrors = { ...get().errors };
|
|
172
|
+
delete newErrors[name];
|
|
173
|
+
set(() => ({
|
|
174
|
+
errors: newErrors,
|
|
175
|
+
}));
|
|
176
|
+
},
|
|
177
|
+
};
|
|
178
|
+
}, Object.is);
|
|
173
179
|
//# sourceMappingURL=createFormStore.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createFormStore.js","sourceRoot":"","sources":["../../../stores/form/createFormStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAW3D,MAAM,CAAC,MAAM,iBAAiB,GAAkB;IAC9C,UAAU,EAAE,EAAE;IACd,SAAS,EAAE,EAAE;IACb,iBAAiB,EAAE,EAAE;IACrB,oBAAoB,EAAE,EAAE;IACxB,iBAAiB,EAAE,EAAE;IACrB,kBAAkB,EAAE,EAAE;IACtB,kBAAkB,EAAE,EAAE;IACtB,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAC9B,KAAuB,EACa,EAAE,CAAC,CAAC;IACxC,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,KAAK;IACd,KAAK;CACN,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"createFormStore.js","sourceRoot":"","sources":["../../../stores/form/createFormStore.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
|
|
2
1
|
import type { StoreApi } from 'zustand';
|
|
2
|
+
import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
|
|
3
3
|
export interface DefaultValues {
|
|
4
4
|
toAddress: string;
|
|
5
5
|
tokenSearchFilter: string;
|
|
@@ -82,20 +82,6 @@ interface SetOptions {
|
|
|
82
82
|
isDirty?: boolean;
|
|
83
83
|
isTouched?: boolean;
|
|
84
84
|
}
|
|
85
|
-
export declare enum FormKey {
|
|
86
|
-
ContractOutputsToken = "contractOutputsToken",
|
|
87
|
-
FromAmount = "fromAmount",
|
|
88
|
-
FromChain = "fromChain",
|
|
89
|
-
FromToken = "fromToken",
|
|
90
|
-
ToAddress = "toAddress",
|
|
91
|
-
ToAmount = "toAmount",
|
|
92
|
-
ToChain = "toChain",
|
|
93
|
-
ToContractAddress = "toContractAddress",
|
|
94
|
-
ToContractCallData = "toContractCallData",
|
|
95
|
-
ToContractGasLimit = "ToContractGasLimit",
|
|
96
|
-
ToToken = "toToken",
|
|
97
|
-
TokenSearchFilter = "tokenSearchFilter"
|
|
98
|
-
}
|
|
99
85
|
export type FormType = 'from' | 'to';
|
|
100
86
|
export interface FormTypeProps {
|
|
101
87
|
formType: FormType;
|
|
@@ -1,18 +1,3 @@
|
|
|
1
|
-
export var FormKey;
|
|
2
|
-
(function (FormKey) {
|
|
3
|
-
FormKey["ContractOutputsToken"] = "contractOutputsToken";
|
|
4
|
-
FormKey["FromAmount"] = "fromAmount";
|
|
5
|
-
FormKey["FromChain"] = "fromChain";
|
|
6
|
-
FormKey["FromToken"] = "fromToken";
|
|
7
|
-
FormKey["ToAddress"] = "toAddress";
|
|
8
|
-
FormKey["ToAmount"] = "toAmount";
|
|
9
|
-
FormKey["ToChain"] = "toChain";
|
|
10
|
-
FormKey["ToContractAddress"] = "toContractAddress";
|
|
11
|
-
FormKey["ToContractCallData"] = "toContractCallData";
|
|
12
|
-
FormKey["ToContractGasLimit"] = "ToContractGasLimit";
|
|
13
|
-
FormKey["ToToken"] = "toToken";
|
|
14
|
-
FormKey["TokenSearchFilter"] = "tokenSearchFilter";
|
|
15
|
-
})(FormKey || (FormKey = {}));
|
|
16
1
|
export const FormKeyHelper = {
|
|
17
2
|
getChainKey: (formType) => `${formType}Chain`,
|
|
18
3
|
getTokenKey: (formType) => `${formType}Token`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../stores/form/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../stores/form/types.ts"],"names":[],"mappings":"AAmHA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,WAAW,EAAE,CAAC,QAAkB,EAA2B,EAAE,CAC3D,GAAG,QAAQ,OAAO;IACpB,WAAW,EAAE,CAAC,QAAkB,EAA2B,EAAE,CAC3D,GAAG,QAAQ,OAAO;IACpB,YAAY,EAAE,CAAC,QAAkB,EAA6B,EAAE,CAC9D,GAAG,QAAQ,QAAQ;CACtB,CAAC"}
|
package/_esm/utils/converters.js
CHANGED
|
@@ -137,7 +137,7 @@ export const buildRouteFromTxHistory = (tx, tools) => {
|
|
|
137
137
|
toAmount: receiving.amount ?? '',
|
|
138
138
|
toAmountMin: receiving.amount ?? '',
|
|
139
139
|
approvalAddress: '',
|
|
140
|
-
executionDuration:
|
|
140
|
+
executionDuration: 0,
|
|
141
141
|
},
|
|
142
142
|
tool: tx.tool,
|
|
143
143
|
toolDetails: usedTool,
|
|
@@ -150,11 +150,17 @@ export const buildRouteFromTxHistory = (tx, tools) => {
|
|
|
150
150
|
fromAmount: sending.amount,
|
|
151
151
|
toAmount: receiving.amount,
|
|
152
152
|
toToken: receiving.token,
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
153
|
+
gasCosts: [
|
|
154
|
+
{
|
|
155
|
+
amount: sending.gasAmount,
|
|
156
|
+
amountUSD: sending.gasAmountUSD,
|
|
157
|
+
token: sending.gasToken,
|
|
158
|
+
estimate: '0',
|
|
159
|
+
limit: '0',
|
|
160
|
+
price: '0',
|
|
161
|
+
type: 'SEND',
|
|
162
|
+
},
|
|
163
|
+
],
|
|
158
164
|
},
|
|
159
165
|
},
|
|
160
166
|
],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"converters.js","sourceRoot":"","sources":["../../utils/converters.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"converters.js","sourceRoot":"","sources":["../../utils/converters.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { FeeCost, GasCost, Route, Token } from '@lifi/sdk';
|
|
2
|
+
export interface FeesBreakdown {
|
|
3
|
+
amount: bigint;
|
|
4
|
+
amountUSD: number;
|
|
5
|
+
token: Token;
|
|
6
|
+
}
|
|
7
|
+
export declare const getGasCostsBreakdown: (route: Route) => FeesBreakdown[];
|
|
8
|
+
export declare const getFeeCostsBreakdown: (route: Route, included?: boolean) => FeesBreakdown[];
|
|
9
|
+
export declare const getStepFeeCostsBreakdown: (feeCosts: FeeCost[] | GasCost[]) => FeesBreakdown;
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
export const getGasCostsBreakdown = (route) => {
|
|
2
2
|
return Object.values(route.steps.reduce((groupedGasCosts, step) => {
|
|
3
3
|
if (step.estimate.gasCosts?.length) {
|
|
4
|
-
const { token } = step.estimate.gasCosts
|
|
5
|
-
const gasCostAmount = step.estimate.gasCosts.reduce((amount, gasCost) => amount + BigInt(gasCost.amount || 0), 0n);
|
|
6
|
-
const gasCostAmountUSD = step.estimate.gasCosts.reduce((amount, gasCost) => amount + parseFloat(gasCost.amountUSD || '0'), 0);
|
|
4
|
+
const { token, amount: gasCostAmount, amountUSD: gasCostAmountUSD, } = getStepFeeCostsBreakdown(step.estimate.gasCosts);
|
|
7
5
|
const groupedGasCost = groupedGasCosts[token.chainId];
|
|
8
6
|
const amount = groupedGasCost
|
|
9
7
|
? groupedGasCost.amount + gasCostAmount
|
|
@@ -28,9 +26,7 @@ export const getFeeCostsBreakdown = (route, included) => {
|
|
|
28
26
|
feeCosts = feeCosts?.filter((feeCost) => feeCost.included === included);
|
|
29
27
|
}
|
|
30
28
|
if (feeCosts?.length) {
|
|
31
|
-
const { token } = feeCosts
|
|
32
|
-
const feeCostAmount = feeCosts.reduce((amount, feeCost) => amount + BigInt(feeCost.amount || 0), 0n);
|
|
33
|
-
const feeCostAmountUSD = feeCosts.reduce((amount, feeCost) => amount + parseFloat(feeCost.amountUSD || '0'), 0);
|
|
29
|
+
const { token, amount: feeCostAmount, amountUSD: feeCostAmountUSD, } = getStepFeeCostsBreakdown(feeCosts);
|
|
34
30
|
const groupedFeeCost = groupedFeeCosts[token.chainId];
|
|
35
31
|
const amount = groupedFeeCost
|
|
36
32
|
? groupedFeeCost.amount + feeCostAmount
|
|
@@ -48,4 +44,14 @@ export const getFeeCostsBreakdown = (route, included) => {
|
|
|
48
44
|
return groupedFeeCosts;
|
|
49
45
|
}, {}));
|
|
50
46
|
};
|
|
51
|
-
|
|
47
|
+
export const getStepFeeCostsBreakdown = (feeCosts) => {
|
|
48
|
+
const token = feeCosts[0].token;
|
|
49
|
+
const amount = feeCosts.reduce((amount, feeCost) => amount + BigInt(feeCost.amount || 0), 0n);
|
|
50
|
+
const amountUSD = feeCosts.reduce((amount, feeCost) => amount + parseFloat(feeCost.amountUSD || '0'), 0);
|
|
51
|
+
return {
|
|
52
|
+
amount,
|
|
53
|
+
amountUSD,
|
|
54
|
+
token,
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=fees.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fees.js","sourceRoot":"","sources":["../../utils/fees.ts"],"names":[],"mappings":"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"}
|
package/_esm/utils/index.d.ts
CHANGED
package/_esm/utils/index.js
CHANGED
package/_esm/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC"}
|
|
@@ -1,21 +1,27 @@
|
|
|
1
|
-
import { FormControl as MuiFormControl
|
|
1
|
+
import { Box, InputBase, FormControl as MuiFormControl } from '@mui/material';
|
|
2
2
|
import { inputBaseClasses } from '@mui/material/InputBase';
|
|
3
3
|
import { styled } from '@mui/material/styles';
|
|
4
4
|
|
|
5
5
|
export const maxInputFontSize = 24;
|
|
6
6
|
export const minInputFontSize = 14;
|
|
7
7
|
|
|
8
|
+
export const FormContainer = styled(Box)(({ theme }) => ({
|
|
9
|
+
display: 'flex',
|
|
10
|
+
alignItems: 'center',
|
|
11
|
+
padding: theme.spacing(2),
|
|
12
|
+
}));
|
|
13
|
+
|
|
8
14
|
export const FormControl = styled(MuiFormControl)(({ theme }) => ({
|
|
9
|
-
|
|
15
|
+
height: 40,
|
|
10
16
|
}));
|
|
11
17
|
|
|
12
18
|
export const Input = styled(InputBase)(({ theme }) => ({
|
|
13
19
|
fontSize: 24,
|
|
14
20
|
fontWeight: 700,
|
|
15
21
|
boxShadow: 'none',
|
|
16
|
-
|
|
22
|
+
lineHeight: 1.5,
|
|
17
23
|
[`.${inputBaseClasses.input}`]: {
|
|
18
|
-
height:
|
|
24
|
+
height: 24,
|
|
19
25
|
padding: theme.spacing(0, 0, 0, 2),
|
|
20
26
|
},
|
|
21
27
|
'& input[type="number"]::-webkit-outer-spin-button, & input[type="number"]::-webkit-inner-spin-button':
|