@velora-dex/widget 0.1.3 → 0.2.1
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/dist/_virtual/index.js +1 -1
- package/dist/components/ui/accordion.d.ts +3 -1
- package/dist/components/ui/accordion.d.ts.map +1 -1
- package/dist/components/ui/accordion.js +42 -27
- package/dist/components/ui/accordion.js.map +1 -1
- package/dist/components/ui/button.js.map +1 -1
- package/dist/components/ui/dialog.js.map +1 -1
- package/dist/components/ui/dropdown-menu.js.map +1 -1
- package/dist/components/ui/progress.js.map +1 -1
- package/dist/components/ui/sonner.js.map +1 -1
- package/dist/components/ui/tooltip.js.map +1 -1
- package/dist/components/web3/AccountButton.d.ts.map +1 -1
- package/dist/components/web3/AccountButton.js +24 -27
- package/dist/components/web3/AccountButton.js.map +1 -1
- package/dist/components/web3/ConnectExternalProvider/AutoconnectExternal.js.map +1 -1
- package/dist/components/web3/ConnectWallets/WalletConnectButtons.js.map +1 -1
- package/dist/components/web3/ConnectWallets/index.js +43 -35
- package/dist/components/web3/ConnectWallets/index.js.map +1 -1
- package/dist/components/web3/ConnectWallets/privy/button.js.map +1 -1
- package/dist/components/web3/ConnectWallets/privy/iframe.js.map +1 -1
- package/dist/components/web3/ConnectWallets/walletIcons.js.map +1 -1
- package/dist/components/web3/ConnectedWallet/ConnectedWallet.d.ts.map +1 -1
- package/dist/components/web3/ConnectedWallet/ConnectedWallet.js +103 -133
- package/dist/components/web3/ConnectedWallet/ConnectedWallet.js.map +1 -1
- package/dist/components/widget/AppHeader/Activities/Activities.js +4 -12
- package/dist/components/widget/AppHeader/Activities/Activities.js.map +1 -1
- package/dist/components/widget/AppHeader/Activities/ActivityItems.js.map +1 -1
- package/dist/components/widget/AppHeader/Activities/Drawers.js.map +1 -1
- package/dist/components/widget/AppHeader/Activities/hooks.js.map +1 -1
- package/dist/components/widget/AppHeader/ActivityButton.js.map +1 -1
- package/dist/components/widget/AppHeader/AppHeader.d.ts.map +1 -1
- package/dist/components/widget/AppHeader/AppHeader.js +39 -33
- package/dist/components/widget/AppHeader/AppHeader.js.map +1 -1
- package/dist/components/widget/AppHeader/TradeModeSwitcher.js.map +1 -1
- package/dist/components/widget/Details/DetailWithValueList.js.map +1 -1
- package/dist/components/widget/Details/DetailWithValueListExpandable.js.map +1 -1
- package/dist/components/widget/DexesList/DexItem.js.map +1 -1
- package/dist/components/widget/DexesList/DexesList.js +3 -14
- package/dist/components/widget/DexesList/DexesList.js.map +1 -1
- package/dist/components/widget/Dialog/DialogRoot.js.map +1 -1
- package/dist/components/widget/Dialog/ReceiverAddressDialog/ReceiverAddressDialog.js +131 -115
- package/dist/components/widget/Dialog/ReceiverAddressDialog/ReceiverAddressDialog.js.map +1 -1
- package/dist/components/widget/Dialog/ReceiverAddressDialog/ReceiverAddressInput.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.js +4 -12
- package/dist/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/AcrossTokenList.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/RegularTokenList.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenCloud/index.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListRow.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenSearch.js.map +1 -1
- package/dist/components/widget/Dialog/state/dialogAtom.js +24 -26
- package/dist/components/widget/Dialog/state/dialogAtom.js.map +1 -1
- package/dist/components/widget/Drawer/Overlay.js.map +1 -1
- package/dist/components/widget/Drawer/index.d.ts.map +1 -1
- package/dist/components/widget/Drawer/index.js +119 -54
- package/dist/components/widget/Drawer/index.js.map +1 -1
- package/dist/components/widget/Drawer/state/useDrawerControls.js.map +1 -1
- package/dist/components/widget/ImportToken/ImportToken.js.map +1 -1
- package/dist/components/widget/ImportToken/useImportTokenDrawer.js.map +1 -1
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderDetails/Controls.js.map +1 -1
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderDetails/LimitOrderDetails.js.map +1 -1
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderListItem.js +84 -66
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderListItem.js.map +1 -1
- package/dist/components/widget/LimitPriceInput/index.js.map +1 -1
- package/dist/components/widget/Line/Line.js.map +1 -1
- package/dist/components/widget/NetworkIcon/NetworkIconSquare.js.map +1 -1
- package/dist/components/widget/NetworkSwitcher/CompactNetworkSwitcher.js.map +1 -1
- package/dist/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.js +28 -30
- package/dist/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.js.map +1 -1
- package/dist/components/widget/NetworkWithIcon/NetworkIconWithChevron.js.map +1 -1
- package/dist/components/widget/NetworkWithIcon/NetworkWithIcon.js.map +1 -1
- package/dist/components/widget/OrderExpiryInput/index.js.map +1 -1
- package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/Controls.js.map +1 -1
- package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/OtcOrderDetails.js.map +1 -1
- package/dist/components/widget/OtcOrdersDrawer/OtcOrderListItem.js.map +1 -1
- package/dist/components/widget/PayReceiveInfo/PayReceiveInfo.js.map +1 -1
- package/dist/components/widget/ReceiverAddress/ReceiverAddress.js.map +1 -1
- package/dist/components/widget/ReceiverAddress/state/receiverAddressAtom.js.map +1 -1
- package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcControls.js.map +1 -1
- package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.js.map +1 -1
- package/dist/components/widget/SelectToken/SelectTokenButton.d.ts.map +1 -1
- package/dist/components/widget/SelectToken/SelectTokenButton.js +51 -51
- package/dist/components/widget/SelectToken/SelectTokenButton.js.map +1 -1
- package/dist/components/widget/SelectToken/types.d.ts +1 -1
- package/dist/components/widget/SelectToken/types.d.ts.map +1 -1
- package/dist/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.js.map +1 -1
- package/dist/components/widget/SwapModeSwitcher/state/swapSideAtom.js.map +1 -1
- package/dist/components/widget/SwapRate/SwapRate.js +75 -43
- package/dist/components/widget/SwapRate/SwapRate.js.map +1 -1
- package/dist/components/widget/Tabs/Tabs.js.map +1 -1
- package/dist/components/widget/Toasts/CustomToast.js.map +1 -1
- package/dist/components/widget/TokenBadge/TokenBadge.js.map +1 -1
- package/dist/components/widget/TokenInput/index.d.ts.map +1 -1
- package/dist/components/widget/TokenInput/index.js +107 -148
- package/dist/components/widget/TokenInput/index.js.map +1 -1
- package/dist/components/widget/TokenSwitcher/TokenSwitcher.js.map +1 -1
- package/dist/components/widget/TradeOverview/Step/Step.js.map +1 -1
- package/dist/components/widget/TradeOverview/Stepper.js +23 -38
- package/dist/components/widget/TradeOverview/Stepper.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.js +36 -27
- package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.js +79 -36
- package/dist/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeDetailsDisplay.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeOverview.d.ts +3 -0
- package/dist/components/widget/TradeOverview/TradeOverview.d.ts.map +1 -1
- package/dist/components/widget/TradeOverview/TradeOverview.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeOverviewFooter.js.map +1 -1
- package/dist/components/widget/TradeOverview/tradeFlowContext.js.map +1 -1
- package/dist/components/widget/TradeParameters/SlippageParameter/SlippageParameter.js.map +1 -1
- package/dist/components/widget/TradeParameters/SlippageParameter/hooks/useCustomSlippageProps.js.map +1 -1
- package/dist/components/widget/TradeParameters/TradeParameters.js.map +1 -1
- package/dist/components/widget/TradeParameters/TransactionSpeedParameter.js.map +1 -1
- package/dist/components/widget/TradeParameters/hooks/useIsNotDefaultAnyParameter.js.map +1 -1
- package/dist/components/widget/TradeParameters/state/gasPresetParamAtom.js.map +1 -1
- package/dist/components/widget/TradeParameters/useTempTradeParameters.js.map +1 -1
- package/dist/components/widget/TransactionDetails/LimitOrderDetails/Controls.js.map +1 -1
- package/dist/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.js.map +1 -1
- package/dist/components/widget/TransactionDetails/TransactionListItem.js +57 -38
- package/dist/components/widget/TransactionDetails/TransactionListItem.js.map +1 -1
- package/dist/components/widget/Warning/InsufficientBalanceMessage.js.map +1 -1
- package/dist/components/widget/Warning/Warning.js.map +1 -1
- package/dist/components/widget/Warning/WarningMessage.js.map +1 -1
- package/dist/components/widget/WrapEth/WrapEthContent.js.map +1 -1
- package/dist/components/widget/WrapEth/WrapEthDrawerButton.d.ts.map +1 -1
- package/dist/components/widget/WrapEth/WrapEthDrawerButton.js +72 -90
- package/dist/components/widget/WrapEth/WrapEthDrawerButton.js.map +1 -1
- package/dist/components/widget/WrapEth/hooks/useWrapEthProps.d.ts.map +1 -1
- package/dist/components/widget/WrapEth/hooks/useWrapEthProps.js +141 -84
- package/dist/components/widget/WrapEth/hooks/useWrapEthProps.js.map +1 -1
- package/dist/components/widget/YouGet/YouGet.js.map +1 -1
- package/dist/configurator/Configurator.d.ts.map +1 -1
- package/dist/configurator/components/AllowNoUsdPricesSwitcher.d.ts +5 -0
- package/dist/configurator/components/AllowNoUsdPricesSwitcher.d.ts.map +1 -0
- package/dist/configurator/components/CrossChainSwitcher.d.ts +5 -0
- package/dist/configurator/components/CrossChainSwitcher.d.ts.map +1 -0
- package/dist/configurator/components/DeltaSwitcher.d.ts +5 -0
- package/dist/configurator/components/DeltaSwitcher.d.ts.map +1 -0
- package/dist/configurator/components/DevTools.d.ts +7 -0
- package/dist/configurator/components/DevTools.d.ts.map +1 -0
- package/dist/configurator/components/EnabledChainsSelector.d.ts +8 -0
- package/dist/configurator/components/EnabledChainsSelector.d.ts.map +1 -0
- package/dist/configurator/components/FormPropsInputs.d.ts +6 -0
- package/dist/configurator/components/FormPropsInputs.d.ts.map +1 -0
- package/dist/configurator/components/PanelHeader.d.ts +6 -0
- package/dist/configurator/components/PanelHeader.d.ts.map +1 -0
- package/dist/configurator/components/PartnerInput.d.ts +5 -0
- package/dist/configurator/components/PartnerInput.d.ts.map +1 -0
- package/dist/configurator/components/PrivyInputs.d.ts +7 -0
- package/dist/configurator/components/PrivyInputs.d.ts.map +1 -0
- package/dist/configurator/components/ThemeSwitcher.d.ts +6 -0
- package/dist/configurator/components/ThemeSwitcher.d.ts.map +1 -0
- package/dist/configurator/components/TokenListsInput.d.ts +5 -0
- package/dist/configurator/components/TokenListsInput.d.ts.map +1 -0
- package/dist/configurator/components/TradeModesSelector.d.ts +7 -0
- package/dist/configurator/components/TradeModesSelector.d.ts.map +1 -0
- package/dist/configurator/components/WidgetModeSwitcher.d.ts +5 -0
- package/dist/configurator/components/WidgetModeSwitcher.d.ts.map +1 -0
- package/dist/configurator/components/common/DetailWithTooltip.d.ts +3 -0
- package/dist/configurator/components/common/DetailWithTooltip.d.ts.map +1 -0
- package/dist/configurator/components/common/Input.d.ts +8 -0
- package/dist/configurator/components/common/Input.d.ts.map +1 -0
- package/dist/configurator/components/common/Switch.d.ts +12 -0
- package/dist/configurator/components/common/Switch.d.ts.map +1 -0
- package/dist/configurator/state/themeAtom.d.ts +3 -0
- package/dist/configurator/state/themeAtom.d.ts.map +1 -0
- package/dist/core/ConnectWalletDrawerButton.d.ts.map +1 -1
- package/dist/core/ConnectWalletDrawerButton.js +73 -64
- package/dist/core/ConnectWalletDrawerButton.js.map +1 -1
- package/dist/core/LimitOrderButton.js.map +1 -1
- package/dist/core/LimitOrderDetails.js.map +1 -1
- package/dist/core/OtcOrderButton.d.ts.map +1 -1
- package/dist/core/OtcOrderButton.js +4 -1
- package/dist/core/OtcOrderButton.js.map +1 -1
- package/dist/core/OtcOrderDetails.js.map +1 -1
- package/dist/core/Toaster.js.map +1 -1
- package/dist/core/TradeFlowButton.d.ts.map +1 -1
- package/dist/core/TradeFlowButton.js +414 -621
- package/dist/core/TradeFlowButton.js.map +1 -1
- package/dist/core/Updaters.js.map +1 -1
- package/dist/core/Warnings.js.map +1 -1
- package/dist/core/button/hooks/useWidgetButtonExtraProps.d.ts +1 -0
- package/dist/core/button/hooks/useWidgetButtonExtraProps.d.ts.map +1 -1
- package/dist/core/button/hooks/useWidgetButtonExtraProps.js +85 -49
- package/dist/core/button/hooks/useWidgetButtonExtraProps.js.map +1 -1
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +98 -90
- package/dist/core/index.js.map +1 -1
- package/dist/core/inputs/hooks/useTokenFromInputProps.d.ts.map +1 -1
- package/dist/core/inputs/hooks/useTokenFromInputProps.js +83 -54
- package/dist/core/inputs/hooks/useTokenFromInputProps.js.map +1 -1
- package/dist/core/inputs/hooks/useTokenSwitcherProps.js.map +1 -1
- package/dist/core/inputs/hooks/useTokenToInputProps.js +20 -28
- package/dist/core/inputs/hooks/useTokenToInputProps.js.map +1 -1
- package/dist/core/inputs/state/common.d.ts +2 -2
- package/dist/core/inputs/state/common.js.map +1 -1
- package/dist/core/inputs/state/selectedTokenAtom.js.map +1 -1
- package/dist/core/inputs/state/setTokenByAddressAtom.d.ts +1 -14
- package/dist/core/inputs/state/setTokenByAddressAtom.d.ts.map +1 -1
- package/dist/core/inputs/state/setTokenByAddressAtom.js.map +1 -1
- package/dist/core/inputs/state/types.d.ts +15 -0
- package/dist/core/inputs/state/types.d.ts.map +1 -0
- package/dist/core/limit/state/deadlineAtom.js.map +1 -1
- package/dist/core/limit/state/selectedTokenAtom.js.map +1 -1
- package/dist/core/limit/useLimitDetailsListProps.js.map +1 -1
- package/dist/core/limit/useLimitNotSupported.js +12 -1
- package/dist/core/limit/useLimitNotSupported.js.map +1 -1
- package/dist/core/limit/useLimitPriceDifference.js.map +1 -1
- package/dist/core/limit/useLimitPriceInputProps.js.map +1 -1
- package/dist/core/limit/useLimitRate.js.map +1 -1
- package/dist/core/limit/useLimitTokenFromInputProps.d.ts.map +1 -1
- package/dist/core/limit/useLimitTokenFromInputProps.js +69 -52
- package/dist/core/limit/useLimitTokenFromInputProps.js.map +1 -1
- package/dist/core/limit/useLimitTokenSwitcherProps.js.map +1 -1
- package/dist/core/limit/useLimitTokenToInputProps.js.map +1 -1
- package/dist/core/logger.js +12 -14
- package/dist/core/logger.js.map +1 -1
- package/dist/core/otc/state/deadlineAtom.js.map +1 -1
- package/dist/core/otc/state/receiverAddressAtom.js.map +1 -1
- package/dist/core/otc/state/selectedTokenAtom.js.map +1 -1
- package/dist/core/otc/useOtcDetailsListProps.js.map +1 -1
- package/dist/core/otc/useOtcNotSupported.js +12 -1
- package/dist/core/otc/useOtcNotSupported.js.map +1 -1
- package/dist/core/otc/useOtcPriceDifference.js.map +1 -1
- package/dist/core/otc/useOtcPriceInputProps.js.map +1 -1
- package/dist/core/otc/useOtcTokenFromInputProps.d.ts.map +1 -1
- package/dist/core/otc/useOtcTokenFromInputProps.js +69 -52
- package/dist/core/otc/useOtcTokenFromInputProps.js.map +1 -1
- package/dist/core/otc/useOtcTokenSwitcherProps.js.map +1 -1
- package/dist/core/otc/useOtcTokenToInputProps.js.map +1 -1
- package/dist/core/state/chainToAtom.js.map +1 -1
- package/dist/core/state/configActionsAtom.d.ts.map +1 -1
- package/dist/core/state/configActionsAtom.js +3 -1
- package/dist/core/state/configActionsAtom.js.map +1 -1
- package/dist/core/state/configAtom.d.ts +5 -3
- package/dist/core/state/configAtom.d.ts.map +1 -1
- package/dist/core/state/configAtom.js +5 -9
- package/dist/core/state/configAtom.js.map +1 -1
- package/dist/core/state/configEffectAtom.js.map +1 -1
- package/dist/core/state/containerAtom.js.map +1 -1
- package/dist/core/state/enabledChainsAtom.js.map +1 -1
- package/dist/core/state/externalProviderAtom.js.map +1 -1
- package/dist/core/state/isCrosschainAtom.js.map +1 -1
- package/dist/core/state/tradeModeAtom.js.map +1 -1
- package/dist/core/state/widgetEventsAtom.d.ts.map +1 -1
- package/dist/core/state/widgetEventsAtom.js +55 -41
- package/dist/core/state/widgetEventsAtom.js.map +1 -1
- package/dist/core/swapDetails/useSwapDetailsListProps.js +34 -36
- package/dist/core/swapDetails/useSwapDetailsListProps.js.map +1 -1
- package/dist/core/types.d.ts +4 -1
- package/dist/core/types.d.ts.map +1 -1
- package/dist/events/getters/limit.d.ts.map +1 -1
- package/dist/events/getters/limit.js +3 -2
- package/dist/events/getters/limit.js.map +1 -1
- package/dist/events/getters/otc.d.ts.map +1 -1
- package/dist/events/getters/otc.js +3 -2
- package/dist/events/getters/otc.js.map +1 -1
- package/dist/events/getters/swap.d.ts.map +1 -1
- package/dist/events/getters/swap.js +3 -2
- package/dist/events/getters/swap.js.map +1 -1
- package/dist/events/hooks/useActivateEffects.js.map +1 -1
- package/dist/events/hooks/useOnWalletConnect.d.ts.map +1 -1
- package/dist/events/hooks/useOnWalletConnect.js +2 -0
- package/dist/events/hooks/useOnWalletConnect.js.map +1 -1
- package/dist/events/types/approve.d.ts +22 -6
- package/dist/events/types/approve.d.ts.map +1 -1
- package/dist/events/types/common.d.ts +3 -2
- package/dist/events/types/common.d.ts.map +1 -1
- package/dist/events/types/connectWallet.d.ts +2 -0
- package/dist/events/types/connectWallet.d.ts.map +1 -1
- package/dist/events/types/index.d.ts +5 -2
- package/dist/events/types/index.d.ts.map +1 -1
- package/dist/external/.pnpm/react-compiler-runtime@1.0.0_react@19.1.1/external/react-compiler-runtime/dist/index.js.map +1 -0
- package/dist/hooks/batch/useAwaitCalls.d.ts.map +1 -1
- package/dist/hooks/batch/useAwaitCalls.js +20 -16
- package/dist/hooks/batch/useAwaitCalls.js.map +1 -1
- package/dist/hooks/batch/useCanBatchTxs.js.map +1 -1
- package/dist/hooks/batch/useSendBatchTx.js.map +1 -1
- package/dist/hooks/connectors/useIsConnectedSafe.js +10 -18
- package/dist/hooks/connectors/useIsConnectedSafe.js.map +1 -1
- package/dist/hooks/connectors/useIsGnosisSafeConnector.js.map +1 -1
- package/dist/hooks/connectors/useIsSafeThroughWalletConnect.js +4 -15
- package/dist/hooks/connectors/useIsSafeThroughWalletConnect.js.map +1 -1
- package/dist/hooks/gas/useGasPrices.js.map +1 -1
- package/dist/hooks/getCode/useIsAccountContract.js.map +1 -1
- package/dist/hooks/getCode/useIsContractAtAddress.js +30 -46
- package/dist/hooks/getCode/useIsContractAtAddress.js.map +1 -1
- package/dist/hooks/otc/mutations/useCancelLimitOrder.d.ts.map +1 -1
- package/dist/hooks/otc/mutations/useCancelLimitOrder.js +21 -12
- package/dist/hooks/otc/mutations/useCancelLimitOrder.js.map +1 -1
- package/dist/hooks/otc/mutations/useCreateLimitOrder.d.ts.map +1 -1
- package/dist/hooks/otc/mutations/useCreateLimitOrder.js +22 -12
- package/dist/hooks/otc/mutations/useCreateLimitOrder.js.map +1 -1
- package/dist/hooks/otc/mutations/useFillOrder.d.ts.map +1 -1
- package/dist/hooks/otc/mutations/useFillOrder.js +10 -32
- package/dist/hooks/otc/mutations/useFillOrder.js.map +1 -1
- package/dist/hooks/otc/queries/useLimitOrderRequiredBalance.d.ts +22 -3
- package/dist/hooks/otc/queries/useLimitOrderRequiredBalance.d.ts.map +1 -1
- package/dist/hooks/otc/queries/useLimitOrderRequiredBalance.js +39 -2
- package/dist/hooks/otc/queries/useLimitOrderRequiredBalance.js.map +1 -1
- package/dist/hooks/otc/queries/useLimitOrders.js.map +1 -1
- package/dist/hooks/otc/tradeFlow/useFillOtcOrderFlow.d.ts.map +1 -1
- package/dist/hooks/otc/tradeFlow/useFillOtcOrderFlow.js +2 -3
- package/dist/hooks/otc/tradeFlow/useFillOtcOrderFlow.js.map +1 -1
- package/dist/hooks/otc/tradeFlow/useFillOtcOrderStep.js.map +1 -1
- package/dist/hooks/otc/tradeFlow/useOtcOrderFlow.d.ts +7 -4
- package/dist/hooks/otc/tradeFlow/useOtcOrderFlow.d.ts.map +1 -1
- package/dist/hooks/otc/tradeFlow/useOtcOrderFlow.js +46 -4
- package/dist/hooks/otc/tradeFlow/useOtcOrderFlow.js.map +1 -1
- package/dist/hooks/otc/tradeFlow/useOtcOrderStep.d.ts.map +1 -1
- package/dist/hooks/otc/tradeFlow/useOtcOrderStep.js +38 -36
- package/dist/hooks/otc/tradeFlow/useOtcOrderStep.js.map +1 -1
- package/dist/hooks/permit/hooks/common/useSignArbitraryTypedData.js.map +1 -1
- package/dist/hooks/permit/hooks/common/useSignPermit.js.map +1 -1
- package/dist/hooks/permit/hooks/common/useWalletSupportsPermit.js.map +1 -1
- package/dist/hooks/permit/hooks/permit1/useGetPermitInfo.js.map +1 -1
- package/dist/hooks/permit/hooks/permit1/useGetSafePermitInfo.js.map +1 -1
- package/dist/hooks/permit/hooks/permit1/useSignTokenPermit1.js.map +1 -1
- package/dist/hooks/permit/hooks/permit1/useTokenFromPermit1Nonce.js.map +1 -1
- package/dist/hooks/permit/hooks/permit1/useTokenFromPermitInfo.js.map +1 -1
- package/dist/hooks/permit/hooks/permit1/useTryToSignPermit1.js.map +1 -1
- package/dist/hooks/permit/hooks/permit2/usePermit2Allowance.js +39 -31
- package/dist/hooks/permit/hooks/permit2/usePermit2Allowance.js.map +1 -1
- package/dist/hooks/permit/hooks/permit2/useSignTokenPermit2TransferFrom.js +7 -15
- package/dist/hooks/permit/hooks/permit2/useSignTokenPermit2TransferFrom.js.map +1 -1
- package/dist/hooks/permit/hooks/permit2/useTokenFromPermit2TransferFromNonce.js.map +1 -1
- package/dist/hooks/sdk/useGetContracts.js.map +1 -1
- package/dist/hooks/sdk/useSpender.js.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/useCancelLimitDeltaOrders.d.ts +2 -1
- package/dist/hooks/swap/prices/delta/mutations/useCancelLimitDeltaOrders.d.ts.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/useCancelLimitDeltaOrders.js +23 -13
- package/dist/hooks/swap/prices/delta/mutations/useCancelLimitDeltaOrders.js.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.d.ts +3 -2
- package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.d.ts.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.js +41 -10
- package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.js.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/useCreatePreSignableDeltaOrder.d.ts +25 -0
- package/dist/hooks/swap/prices/delta/mutations/useCreatePreSignableDeltaOrder.d.ts.map +1 -0
- package/dist/hooks/swap/prices/delta/mutations/useCreatePreSignableDeltaOrder.js +88 -0
- package/dist/hooks/swap/prices/delta/mutations/useCreatePreSignableDeltaOrder.js.map +1 -0
- package/dist/hooks/swap/prices/delta/mutations/usePostDeltaOrder.d.ts +16 -0
- package/dist/hooks/swap/prices/delta/mutations/usePostDeltaOrder.d.ts.map +1 -0
- package/dist/hooks/swap/prices/delta/mutations/usePostDeltaOrder.js +83 -0
- package/dist/hooks/swap/prices/delta/mutations/usePostDeltaOrder.js.map +1 -0
- package/dist/hooks/swap/prices/delta/orders/utils.d.ts.map +1 -1
- package/dist/hooks/swap/prices/delta/orders/utils.js +3 -2
- package/dist/hooks/swap/prices/delta/orders/utils.js.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useBridgeInfo.js.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useDeltaLimitOrderRequiredBalance.d.ts +22 -3
- package/dist/hooks/swap/prices/delta/queries/useDeltaLimitOrderRequiredBalance.d.ts.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useDeltaLimitOrderRequiredBalance.js +39 -2
- package/dist/hooks/swap/prices/delta/queries/useDeltaLimitOrderRequiredBalance.js.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useDeltaOrders.js.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useDeltaPriceQuery.js.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useIsTokenSupportedInDelta.js.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useWatchDeltaOrder.js.map +1 -1
- package/dist/hooks/swap/prices/market/mutations/useBuildTx.js.map +1 -1
- package/dist/hooks/swap/prices/market/mutations/useSendMarketSwapTx.js.map +1 -1
- package/dist/hooks/swap/prices/market/queries/useMarketPriceQuery.js.map +1 -1
- package/dist/hooks/swap/prices/market/queries/useSpenderAndContracts.d.ts +9 -0
- package/dist/hooks/swap/prices/market/queries/useSpenderAndContracts.d.ts.map +1 -1
- package/dist/hooks/swap/prices/market/queries/useSpenderAndContracts.js +49 -2
- package/dist/hooks/swap/prices/market/queries/useSpenderAndContracts.js.map +1 -1
- package/dist/hooks/swap/prices/usePricesParams.js.map +1 -1
- package/dist/hooks/swap/prices/useSwapPrices.js.map +1 -1
- package/dist/hooks/swap/prices/useTokenInputsFromPrice.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/common/types.d.ts +17 -0
- package/dist/hooks/swap/tradeFlow/common/types.d.ts.map +1 -1
- package/dist/hooks/swap/tradeFlow/common/useApproveOrPermit.d.ts +3 -1
- package/dist/hooks/swap/tradeFlow/common/useApproveOrPermit.d.ts.map +1 -1
- package/dist/hooks/swap/tradeFlow/common/useApproveOrPermit.js +164 -140
- package/dist/hooks/swap/tradeFlow/common/useApproveOrPermit.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/common/useApproveOrPermitEvents.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/common/useBatchWrapAndApprove.d.ts +46 -0
- package/dist/hooks/swap/tradeFlow/common/useBatchWrapAndApprove.d.ts.map +1 -0
- package/dist/hooks/swap/tradeFlow/common/useBatchWrapAndApprove.js +328 -0
- package/dist/hooks/swap/tradeFlow/common/useBatchWrapAndApprove.js.map +1 -0
- package/dist/hooks/swap/tradeFlow/common/useConstructGasParams.d.ts.map +1 -1
- package/dist/hooks/swap/tradeFlow/common/useConstructGasParams.js +16 -14
- package/dist/hooks/swap/tradeFlow/common/useConstructGasParams.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/common/usePreSignAndSubmitDeltaOrder.d.ts +74 -0
- package/dist/hooks/swap/tradeFlow/common/usePreSignAndSubmitDeltaOrder.d.ts.map +1 -0
- package/dist/hooks/swap/tradeFlow/common/usePreSignAndSubmitDeltaOrder.js +274 -0
- package/dist/hooks/swap/tradeFlow/common/usePreSignAndSubmitDeltaOrder.js.map +1 -0
- package/dist/hooks/swap/tradeFlow/common/useRequiredAllowanceForOrders.d.ts +15 -0
- package/dist/hooks/swap/tradeFlow/common/useRequiredAllowanceForOrders.d.ts.map +1 -0
- package/dist/hooks/swap/tradeFlow/common/useRequiredAllowanceForOrders.js +88 -0
- package/dist/hooks/swap/tradeFlow/common/useRequiredAllowanceForOrders.js.map +1 -0
- package/dist/hooks/swap/tradeFlow/common/useSignPermit1Or2.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/common/utils.d.ts +1 -0
- package/dist/hooks/swap/tradeFlow/common/utils.d.ts.map +1 -1
- package/dist/hooks/swap/tradeFlow/common/utils.js +16 -1
- package/dist/hooks/swap/tradeFlow/common/utils.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/useDeltaFlow.d.ts +28 -23
- package/dist/hooks/swap/tradeFlow/useDeltaFlow.d.ts.map +1 -1
- package/dist/hooks/swap/tradeFlow/useDeltaFlow.js +59 -17
- package/dist/hooks/swap/tradeFlow/useDeltaFlow.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/useDeltaSwapStep.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/useLimitOrderFlow.d.ts +4 -3
- package/dist/hooks/swap/tradeFlow/useLimitOrderFlow.d.ts.map +1 -1
- package/dist/hooks/swap/tradeFlow/useLimitOrderFlow.js +61 -15
- package/dist/hooks/swap/tradeFlow/useLimitOrderFlow.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/useLimitOrderStep.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/useMarketFlow.d.ts +2 -18
- package/dist/hooks/swap/tradeFlow/useMarketFlow.d.ts.map +1 -1
- package/dist/hooks/swap/tradeFlow/useMarketFlow.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/useMarketSwapStep.js.map +1 -1
- package/dist/hooks/tokens/allowance/useTokenAllowance.js +25 -15
- package/dist/hooks/tokens/allowance/useTokenAllowance.js.map +1 -1
- package/dist/hooks/tokens/balances/useAttachTokenBalanceMultichain.js +8 -10
- package/dist/hooks/tokens/balances/useAttachTokenBalanceMultichain.js.map +1 -1
- package/dist/hooks/tokens/balances/useIsInsufficientTokenBalance.js.map +1 -1
- package/dist/hooks/tokens/balances/useIsLimitOrderInsufficientBalance.js.map +1 -1
- package/dist/hooks/tokens/balances/useMultichainTokenBalances.js +20 -37
- package/dist/hooks/tokens/balances/useMultichainTokenBalances.js.map +1 -1
- package/dist/hooks/tokens/balances/useTokenBalance.js.map +1 -1
- package/dist/hooks/tokens/data/useCombineTokensWithFetched.js +11 -19
- package/dist/hooks/tokens/data/useCombineTokensWithFetched.js.map +1 -1
- package/dist/hooks/tokens/data/useFetchTokens.js.map +1 -1
- package/dist/hooks/tokens/data/useMultichainTokensData.js.map +1 -1
- package/dist/hooks/tokens/prices/useMultichainTokenPrices.js +21 -25
- package/dist/hooks/tokens/prices/useMultichainTokenPrices.js.map +1 -1
- package/dist/hooks/tokens/prices/useTokenPrices.js.map +1 -1
- package/dist/hooks/tokens/useAllTokensWithFilter.js +121 -49
- package/dist/hooks/tokens/useAllTokensWithFilter.js.map +1 -1
- package/dist/hooks/tokens/useNativeToken.js +1 -1
- package/dist/hooks/tokens/useNativeToken.js.map +1 -1
- package/dist/hooks/tokens/useTokenTaxFee.js.map +1 -1
- package/dist/hooks/tokens/useTokensByAddress.js.map +1 -1
- package/dist/hooks/tokens/useTokensFromAcross.js.map +1 -1
- package/dist/hooks/txs/mutations/useApprove.js.map +1 -1
- package/dist/hooks/txs/mutations/useDepositWeth.js.map +1 -1
- package/dist/hooks/txs/mutations/useSendTx.js.map +1 -1
- package/dist/hooks/txs/queries/useAwaitTx.js.map +1 -1
- package/dist/hooks/txs/queries/useTxHistory.js.map +1 -1
- package/dist/hooks/useAvailableCrosses.js.map +1 -1
- package/dist/hooks/useBridgeInfo.js.map +1 -1
- package/dist/hooks/useCurrentChain.js.map +1 -1
- package/dist/hooks/useDebouncedInputState.js.map +1 -1
- package/dist/hooks/useEIP1559Enabled.js.map +1 -1
- package/dist/hooks/useGlobalDeltaEnabled.js.map +1 -1
- package/dist/hooks/useIsCrosschainPossible.js.map +1 -1
- package/dist/hooks/useMinViemClient.js.map +1 -1
- package/dist/hooks/useSDK.d.ts +3 -2
- package/dist/hooks/useSDK.d.ts.map +1 -1
- package/dist/hooks/useSDK.js +37 -8
- package/dist/hooks/useSDK.js.map +1 -1
- package/dist/hooks/useSelectableDestChains.js.map +1 -1
- package/dist/hooks/useSlippage.js.map +1 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/lib/utils/approval.js.map +1 -1
- package/dist/lib/utils/theme.d.ts +2 -0
- package/dist/lib/utils/theme.d.ts.map +1 -0
- package/dist/lib/utils/theme.js +10 -0
- package/dist/lib/utils/theme.js.map +1 -0
- package/dist/lib/utils/tradeFlow.d.ts +3 -0
- package/dist/lib/utils/tradeFlow.d.ts.map +1 -0
- package/dist/lib/utils/tradeFlow.js +12 -0
- package/dist/lib/utils/tradeFlow.js.map +1 -0
- package/dist/lib/web3/wagmi/isInsideSafeIframe.js.map +1 -1
- package/dist/styles.css +89 -44
- package/dist/tokens/hooks.js.map +1 -1
- package/dist/tokens/lists/state/effects.js.map +1 -1
- package/dist/tokens/queries.js +6 -10
- package/dist/tokens/queries.js.map +1 -1
- package/dist/tokens/stabeCoins/hooks.js +3 -5
- package/dist/tokens/stabeCoins/hooks.js.map +1 -1
- package/dist/tokens/utils/transferAmountsFromReceipt.js.map +1 -1
- package/dist/transactions/queries/ensureCallsStatus.d.ts +1 -0
- package/dist/transactions/queries/ensureCallsStatus.d.ts.map +1 -1
- package/dist/transactions/queries/ensureCallsStatus.js +7 -5
- package/dist/transactions/queries/ensureCallsStatus.js.map +1 -1
- package/dist/transactions/state/hooks/useActivateEffects.js.map +1 -1
- package/dist/transactions/state/hooks/useTransactions.js.map +1 -1
- package/dist/transactions/types.d.ts +21 -1
- package/dist/transactions/types.d.ts.map +1 -1
- package/package.json +2 -2
- package/dist/components/widget/TokenInput/EmptyInput.js +0 -58
- package/dist/components/widget/TokenInput/EmptyInput.js.map +0 -1
- package/dist/external/.pnpm/react-compiler-runtime@19.1.0-rc.2_react@19.1.1/external/react-compiler-runtime/dist/index.js.map +0 -1
- /package/dist/external/.pnpm/{react-compiler-runtime@19.1.0-rc.2_react@19.1.1 → react-compiler-runtime@1.0.0_react@19.1.1}/external/react-compiler-runtime/dist/index.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomToast.js","sources":["../../../../src/components/widget/Toasts/CustomToast.tsx"],"sourcesContent":["import { Line } from \"../Line/Line\";\nimport { X } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"@/lib/utils\";\n\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport { ReactComponent as CircleCheckSVG } from \"@/assets/circle-check.svg\";\nimport { ReactComponent as CircleExclamationSVG } from \"@/assets/circle-exclamation.svg\";\nimport { ProgressBar } from \"@/components/ui/progress\";\nimport { TOASTER_LIFETIME } from \"@/core/constants\";\n\n// @TODO toasts in loading state has to be stored together to show a single pending toast for either all transactions or orders\n\nexport const CustomToast = ({\n toastId,\n variant,\n label,\n detailsLink,\n onClose: _onClose,\n}: {\n toastId: string; // should pass the id, otherwise it won't be closable\n variant: \"error\" | \"success\" | \"loading\"; // to match the toast.promise flow\n label: string;\n detailsLink?: string;\n onClose?: () => void;\n}) => {\n const isLoading = variant === \"loading\";\n const isSuccess = variant === \"success\";\n const isError = variant === \"error\";\n\n // mostly the same styles but different bg-color\n const isSuccessOrError = isSuccess || isError;\n\n const icon = isLoading ? (\n <Spinner\n width={16}\n height={16}\n className=\"animate-spin direction-reverse\"\n />\n ) : isSuccess ? (\n <CircleCheckSVG />\n ) : (\n <CircleExclamationSVG />\n );\n\n const onClose = () => {\n toast.dismiss(toastId);\n _onClose?.();\n };\n\n return (\n // extra flex container to keep it centered and do not stretch the content,\n // because sonner stretches the toast to full width in mobile\n <div className=\"flex justify-center\">\n <div\n className={cn(\"text-xs text-nowrap rounded-xs flex flex-col\", {\n \"text-contrast-3 dark:text-contrast-7 bg-contrast-7 dark:bg-contrast-2\":\n isLoading,\n \"text-contrast-9 bg-secondary-shamrock-green-1\": isSuccess,\n \"text-contrast-9 bg-secondary-radical-red-1\": isError,\n })}\n >\n <div className=\"flex items-center\">\n <div\n className={cn(\"py-2 px-4 flex items-center\", {\n \"py-3\": isLoading, // extra padding because no ProgressBar in loading state\n })}\n >\n <div className=\"mr-1.5\">{icon}</div>\n <div className=\"font-medium mr-4\">{label}</div>\n {detailsLink && (\n <div\n className={cn(\"cursor-pointer\", {\n \"text-contrast-7\": isSuccessOrError,\n })}\n >\n <a href={detailsLink} target=\"_blank\" rel=\"noopener noreferrer\">\n Details\n </a>\n </div>\n )}\n </div>\n <Line\n vertical\n className={cn({\n \"bg-contrast-6 dark:bg-contrast-3\": isLoading,\n \"bg-[#0000000D] dark:bg-[#0000000D]\": isSuccessOrError,\n })}\n />\n <div\n className={cn(\n \"rounded-[50%] w-[18px] h-[18px] flex items-center justify-center mx-4 cursor-pointer\",\n {\n \"bg-[#B7BECB] dark:bg-contrast-1\": isLoading,\n \"bg-contrast-9\": isSuccessOrError,\n }\n )}\n onClick={onClose}\n >\n <X\n size={12}\n className={cn({\n \"dark:text-contrast-5\": isLoading,\n \"text-contrast-5\": isSuccessOrError,\n })}\n />\n </div>\n </div>\n {isSuccessOrError && (\n <ProgressBar\n duration={TOASTER_LIFETIME}\n rootProps={{\n className:\n \"h-[4px] bg-black/10 rounded-bl-xs rounded-br-xs mx-[0.5px]\",\n }}\n indicatorProps={{\n className: \"bg-white/60\",\n onTransitionEnd: onClose,\n }}\n />\n )}\n </div>\n </div>\n );\n};\n"],"names":["CustomToast","t0","$","_c","toastId","variant","label","detailsLink","onClose","_onClose","isLoading","isSuccess","isError","isSuccessOrError","t1","Spinner","CircleCheckSVG","CircleExclamationSVG","icon","t2","toast","dismiss","t3","cn","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","TOASTER_LIFETIME","className","onTransitionEnd","t17"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CustomToast.js","sources":["../../../../src/components/widget/Toasts/CustomToast.tsx"],"sourcesContent":["import { Line } from \"../Line/Line\";\nimport { X } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"@/lib/utils\";\n\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport { ReactComponent as CircleCheckSVG } from \"@/assets/circle-check.svg\";\nimport { ReactComponent as CircleExclamationSVG } from \"@/assets/circle-exclamation.svg\";\nimport { ProgressBar } from \"@/components/ui/progress\";\nimport { TOASTER_LIFETIME } from \"@/core/constants\";\n\n// @TODO toasts in loading state has to be stored together to show a single pending toast for either all transactions or orders\n\nexport const CustomToast = ({\n toastId,\n variant,\n label,\n detailsLink,\n onClose: _onClose,\n}: {\n toastId: string; // should pass the id, otherwise it won't be closable\n variant: \"error\" | \"success\" | \"loading\"; // to match the toast.promise flow\n label: string;\n detailsLink?: string;\n onClose?: () => void;\n}) => {\n const isLoading = variant === \"loading\";\n const isSuccess = variant === \"success\";\n const isError = variant === \"error\";\n\n // mostly the same styles but different bg-color\n const isSuccessOrError = isSuccess || isError;\n\n const icon = isLoading ? (\n <Spinner\n width={16}\n height={16}\n className=\"animate-spin direction-reverse\"\n />\n ) : isSuccess ? (\n <CircleCheckSVG />\n ) : (\n <CircleExclamationSVG />\n );\n\n const onClose = () => {\n toast.dismiss(toastId);\n _onClose?.();\n };\n\n return (\n // extra flex container to keep it centered and do not stretch the content,\n // because sonner stretches the toast to full width in mobile\n <div className=\"flex justify-center\">\n <div\n className={cn(\"text-xs text-nowrap rounded-xs flex flex-col\", {\n \"text-contrast-3 dark:text-contrast-7 bg-contrast-7 dark:bg-contrast-2\":\n isLoading,\n \"text-contrast-9 bg-secondary-shamrock-green-1\": isSuccess,\n \"text-contrast-9 bg-secondary-radical-red-1\": isError,\n })}\n >\n <div className=\"flex items-center\">\n <div\n className={cn(\"py-2 px-4 flex items-center\", {\n \"py-3\": isLoading, // extra padding because no ProgressBar in loading state\n })}\n >\n <div className=\"mr-1.5\">{icon}</div>\n <div className=\"font-medium mr-4\">{label}</div>\n {detailsLink && (\n <div\n className={cn(\"cursor-pointer\", {\n \"text-contrast-7\": isSuccessOrError,\n })}\n >\n <a href={detailsLink} target=\"_blank\" rel=\"noopener noreferrer\">\n Details\n </a>\n </div>\n )}\n </div>\n <Line\n vertical\n className={cn({\n \"bg-contrast-6 dark:bg-contrast-3\": isLoading,\n \"bg-[#0000000D] dark:bg-[#0000000D]\": isSuccessOrError,\n })}\n />\n <div\n className={cn(\n \"rounded-[50%] w-[18px] h-[18px] flex items-center justify-center mx-4 cursor-pointer\",\n {\n \"bg-[#B7BECB] dark:bg-contrast-1\": isLoading,\n \"bg-contrast-9\": isSuccessOrError,\n }\n )}\n onClick={onClose}\n >\n <X\n size={12}\n className={cn({\n \"dark:text-contrast-5\": isLoading,\n \"text-contrast-5\": isSuccessOrError,\n })}\n />\n </div>\n </div>\n {isSuccessOrError && (\n <ProgressBar\n duration={TOASTER_LIFETIME}\n rootProps={{\n className:\n \"h-[4px] bg-black/10 rounded-bl-xs rounded-br-xs mx-[0.5px]\",\n }}\n indicatorProps={{\n className: \"bg-white/60\",\n onTransitionEnd: onClose,\n }}\n />\n )}\n </div>\n </div>\n );\n};\n"],"names":["CustomToast","t0","$","_c","toastId","variant","label","detailsLink","onClose","_onClose","isLoading","isSuccess","isError","isSuccessOrError","t1","Spinner","CircleCheckSVG","CircleExclamationSVG","icon","t2","toast","dismiss","t3","cn","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","TOASTER_LIFETIME","className","onTransitionEnd","t17"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenBadge.js","sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { TokenBadgeProps } from \"./types\";\nimport { LockIcon } from \"lucide-react\";\nimport vlrURL from \"@/assets/vlr.svg?url\";\n\nimport TOKEN_IMG_PLACEHOLDER from \"./assets/placeholder.png\";\nimport { isVLR } from \"@/tokens/utils/brand\";\n\nexport const TokenBadge: React.FC<TokenBadgeProps> = ({\n img,\n address,\n chainId,\n amount,\n symbol,\n imageLess,\n classes,\n lockIcon,\n showNetworkIcon,\n amountPosition = \"left\",\n}) => {\n const isVLRToken = isVLR({ address }, chainId);\n const imgSrc = isVLRToken ? vlrURL : img;\n\n const amountEl = amount !== undefined && (\n <div className={classes?.amount}>{amount}</div>\n );\n\n const imgEl = !imageLess && (\n <div className={cn(\"flex relative\")}>\n <img\n className={cn(\"size-[20px] overflow-hidden\", classes?.logo)}\n // img can sometimes ignore height/width because of preflight.css reset\n height={20}\n width={20}\n src={imgSrc ?? TOKEN_IMG_PLACEHOLDER}\n title={address}\n onError={(e) => {\n e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;\n }}\n alt={address}\n />\n {showNetworkIcon && (\n <div\n className={cn(\n \"flex absolute bottom-[-1px] right-[-1px]\",\n classes?.networkIconContainer\n )}\n >\n <NetworkIconSquare\n networkId={chainId}\n className={cn(\"size-[12px]\", classes?.networkIcon)}\n withBorder\n />\n </div>\n )}\n </div>\n );\n\n const amountAndImg =\n amountPosition === \"right\" ? (\n <>\n {imgEl}\n {amountEl}\n </>\n ) : (\n <>\n {amountEl}\n {imgEl}\n </>\n );\n\n return (\n <div\n className={cn(\"flex items-center gap-2 font-geist-mono\", classes?.root)}\n >\n {amountAndImg}\n {symbol && <div className={classes?.symbol}>{symbol}</div>}\n {lockIcon && <LockIcon className=\"text-secondary-orange-peel-1\" />}\n </div>\n );\n};\n"],"names":["TokenBadge","t0","$","_c","img","address","chainId","amount","symbol","imageLess","classes","lockIcon","showNetworkIcon","amountPosition","t1","undefined","isVLRToken","isVLR","imgSrc","vlrURL","t2","amountEl","t3","logo","networkIcon","networkIconContainer","cn","TOKEN_IMG_PLACEHOLDER","_temp","imgEl","t4","amountAndImg","t5","root","t6","t7","t8","t9","e","currentTarget","src"],"mappings":";;;;;;;;;AASO,MAAMA,aAAwCC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,GAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,cAAAA,EAAAC;AAAAA,GAAA,GAAAb,EAAAA;AAUpD,EAAA,MAAAY,cAAAA,GAAAC,EAAAA,
|
|
1
|
+
{"version":3,"file":"TokenBadge.js","sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { TokenBadgeProps } from \"./types\";\nimport { LockIcon } from \"lucide-react\";\nimport vlrURL from \"@/assets/vlr.svg?url\";\n\nimport TOKEN_IMG_PLACEHOLDER from \"./assets/placeholder.png\";\nimport { isVLR } from \"@/tokens/utils/brand\";\n\nexport const TokenBadge: React.FC<TokenBadgeProps> = ({\n img,\n address,\n chainId,\n amount,\n symbol,\n imageLess,\n classes,\n lockIcon,\n showNetworkIcon,\n amountPosition = \"left\",\n}) => {\n const isVLRToken = isVLR({ address }, chainId);\n const imgSrc = isVLRToken ? vlrURL : img;\n\n const amountEl = amount !== undefined && (\n <div className={classes?.amount}>{amount}</div>\n );\n\n const imgEl = !imageLess && (\n <div className={cn(\"flex relative\")}>\n <img\n className={cn(\"size-[20px] overflow-hidden\", classes?.logo)}\n // img can sometimes ignore height/width because of preflight.css reset\n height={20}\n width={20}\n src={imgSrc ?? TOKEN_IMG_PLACEHOLDER}\n title={address}\n onError={(e) => {\n e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;\n }}\n alt={address}\n />\n {showNetworkIcon && (\n <div\n className={cn(\n \"flex absolute bottom-[-1px] right-[-1px]\",\n classes?.networkIconContainer\n )}\n >\n <NetworkIconSquare\n networkId={chainId}\n className={cn(\"size-[12px]\", classes?.networkIcon)}\n withBorder\n />\n </div>\n )}\n </div>\n );\n\n const amountAndImg =\n amountPosition === \"right\" ? (\n <>\n {imgEl}\n {amountEl}\n </>\n ) : (\n <>\n {amountEl}\n {imgEl}\n </>\n );\n\n return (\n <div\n className={cn(\"flex items-center gap-2 font-geist-mono\", classes?.root)}\n >\n {amountAndImg}\n {symbol && <div className={classes?.symbol}>{symbol}</div>}\n {lockIcon && <LockIcon className=\"text-secondary-orange-peel-1\" />}\n </div>\n );\n};\n"],"names":["TokenBadge","t0","$","_c","img","address","chainId","amount","symbol","imageLess","classes","lockIcon","showNetworkIcon","amountPosition","t1","undefined","isVLRToken","isVLR","imgSrc","vlrURL","t2","amountEl","t3","logo","networkIcon","networkIconContainer","cn","TOKEN_IMG_PLACEHOLDER","_temp","imgEl","t4","amountAndImg","t5","root","t6","t7","t8","t9","e","currentTarget","src"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAS/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgIhD,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
1
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { d as distExports } from '../../../_virtual/index.js';
|
|
3
3
|
import { UnstyledInput } from '../../ui/input.js';
|
|
4
4
|
import { NumericFormat } from 'react-number-format';
|
|
@@ -7,14 +7,13 @@ import { SelectTokenButton } from '../SelectToken/SelectTokenButton.js';
|
|
|
7
7
|
import { Button } from '../../ui/button.js';
|
|
8
8
|
import { YouGet } from '../YouGet/YouGet.js';
|
|
9
9
|
import { Line } from '../Line/Line.js';
|
|
10
|
-
import { EmptyInput } from './EmptyInput.js';
|
|
11
10
|
import { cn } from '../../../lib/utils/index.js';
|
|
12
11
|
import { InsufficientBalanceMessage } from '../Warning/InsufficientBalanceMessage.js';
|
|
13
12
|
import { Skeleton } from '../../ui/skeleton.js';
|
|
14
13
|
import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
|
|
15
14
|
|
|
16
15
|
const TokenInput = (t0) => {
|
|
17
|
-
const $ = distExports.c(
|
|
16
|
+
const $ = distExports.c(49);
|
|
18
17
|
const {
|
|
19
18
|
amount,
|
|
20
19
|
onAmountChange,
|
|
@@ -38,193 +37,153 @@ const TokenInput = (t0) => {
|
|
|
38
37
|
drawerContainer,
|
|
39
38
|
classes
|
|
40
39
|
} = t0;
|
|
41
|
-
if (!token) {
|
|
42
|
-
let t18;
|
|
43
|
-
if ($[0] !== classes || $[1] !== disabled || $[2] !== drawerContainer || $[3] !== onTokenSelect || $[4] !== tokenType) {
|
|
44
|
-
t18 = /* @__PURE__ */ jsx(EmptyInput, { tokenType, drawerContainer, onTokenSelect, classes, disabled });
|
|
45
|
-
$[0] = classes;
|
|
46
|
-
$[1] = disabled;
|
|
47
|
-
$[2] = drawerContainer;
|
|
48
|
-
$[3] = onTokenSelect;
|
|
49
|
-
$[4] = tokenType;
|
|
50
|
-
$[5] = t18;
|
|
51
|
-
} else {
|
|
52
|
-
t18 = $[5];
|
|
53
|
-
}
|
|
54
|
-
return t18;
|
|
55
|
-
}
|
|
56
40
|
let t1;
|
|
57
|
-
if ($[
|
|
41
|
+
if ($[0] !== usdEstimation) {
|
|
58
42
|
t1 = usdEstimation ? formatFiatPrice(Number(usdEstimation)) : usdEstimation === null ? "N/A" : void 0;
|
|
59
|
-
$[
|
|
60
|
-
$[
|
|
43
|
+
$[0] = usdEstimation;
|
|
44
|
+
$[1] = t1;
|
|
61
45
|
} else {
|
|
62
|
-
t1 = $[
|
|
46
|
+
t1 = $[1];
|
|
63
47
|
}
|
|
64
48
|
let t2;
|
|
65
|
-
if ($[
|
|
49
|
+
if ($[2] !== t1) {
|
|
66
50
|
t2 = /* @__PURE__ */ jsx("div", { children: t1 });
|
|
67
|
-
$[
|
|
68
|
-
$[
|
|
51
|
+
$[2] = t1;
|
|
52
|
+
$[3] = t2;
|
|
69
53
|
} else {
|
|
70
|
-
t2 = $[
|
|
54
|
+
t2 = $[3];
|
|
71
55
|
}
|
|
72
56
|
const usdEstimationEl = t2;
|
|
73
57
|
let t3;
|
|
74
|
-
if ($[
|
|
75
|
-
t3 = tokenBalanceUnit ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
58
|
+
if ($[4] !== onMaxClick || $[5] !== showMaxButton || $[6] !== token || $[7] !== tokenBalanceUnit) {
|
|
59
|
+
t3 = tokenBalanceUnit && token ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
76
60
|
/* @__PURE__ */ jsx("div", { children: `Balance: ${tokenBalanceUnit} ${token.symbol}` }),
|
|
77
61
|
showMaxButton && /* @__PURE__ */ jsx(Button, { className: "h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase", onClick: onMaxClick, children: "max" })
|
|
78
62
|
] }) : null;
|
|
79
|
-
$[
|
|
80
|
-
$[
|
|
81
|
-
$[
|
|
82
|
-
$[
|
|
83
|
-
$[
|
|
63
|
+
$[4] = onMaxClick;
|
|
64
|
+
$[5] = showMaxButton;
|
|
65
|
+
$[6] = token;
|
|
66
|
+
$[7] = tokenBalanceUnit;
|
|
67
|
+
$[8] = t3;
|
|
84
68
|
} else {
|
|
85
|
-
t3 = $[
|
|
69
|
+
t3 = $[8];
|
|
86
70
|
}
|
|
87
71
|
const balanceEl = t3;
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
$[15] = t4;
|
|
96
|
-
$[16] = t5;
|
|
97
|
-
$[17] = t6;
|
|
72
|
+
let t4;
|
|
73
|
+
if ($[9] !== label || $[10] !== networkSwitcherProps || $[11] !== token) {
|
|
74
|
+
t4 = !token ? null : networkSwitcherProps ? /* @__PURE__ */ jsx(NetworkSwitcherDropdown, { ...networkSwitcherProps, prefix: label }) : label ? /* @__PURE__ */ jsx("div", { className: "text-xs text-contrast-3 dark:text-contrast-7", children: label }) : null;
|
|
75
|
+
$[9] = label;
|
|
76
|
+
$[10] = networkSwitcherProps;
|
|
77
|
+
$[11] = token;
|
|
78
|
+
$[12] = t4;
|
|
98
79
|
} else {
|
|
99
|
-
|
|
80
|
+
t4 = $[12];
|
|
100
81
|
}
|
|
82
|
+
const chainEl = t4;
|
|
83
|
+
const t5 = classes?.root;
|
|
84
|
+
const t6 = token && insufficientBalanceMessageProps?.shouldDisplay;
|
|
101
85
|
let t7;
|
|
102
|
-
if ($[
|
|
103
|
-
t7 =
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
$[
|
|
86
|
+
if ($[13] !== t5 || $[14] !== t6) {
|
|
87
|
+
t7 = cn("flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", t5, {
|
|
88
|
+
"border-secondary-orange-peel-1": t6
|
|
89
|
+
});
|
|
90
|
+
$[13] = t5;
|
|
91
|
+
$[14] = t6;
|
|
92
|
+
$[15] = t7;
|
|
107
93
|
} else {
|
|
108
|
-
t7 = $[
|
|
94
|
+
t7 = $[15];
|
|
109
95
|
}
|
|
110
96
|
let t8;
|
|
111
|
-
if ($[
|
|
112
|
-
t8 = isLoading && /* @__PURE__ */ jsx(Skeleton, { className: "w-[254px] h-[36px]" });
|
|
113
|
-
$[
|
|
114
|
-
$[
|
|
97
|
+
if ($[16] !== isLoading || $[17] !== token) {
|
|
98
|
+
t8 = token && isLoading && /* @__PURE__ */ jsx(Skeleton, { className: "w-[254px] h-[36px]" });
|
|
99
|
+
$[16] = isLoading;
|
|
100
|
+
$[17] = token;
|
|
101
|
+
$[18] = t8;
|
|
115
102
|
} else {
|
|
116
|
-
t8 = $[
|
|
103
|
+
t8 = $[18];
|
|
117
104
|
}
|
|
118
105
|
let t9;
|
|
119
|
-
if ($[23] !==
|
|
120
|
-
t9 = cn("min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8", {
|
|
106
|
+
if ($[19] !== amount || $[20] !== disabled || $[21] !== isLoading || $[22] !== onAmountChange || $[23] !== onFocus || $[24] !== readOnly || $[25] !== token) {
|
|
107
|
+
t9 = token ? /* @__PURE__ */ jsx(NumericFormat, { className: cn("min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8", {
|
|
121
108
|
hidden: isLoading
|
|
122
|
-
});
|
|
123
|
-
$[
|
|
124
|
-
$[
|
|
109
|
+
}), placeholder: "0", disabled, value: amount, onValueChange: onAmountChange, onFocus, allowNegative: false, allowLeadingZeros: false, customInput: UnstyledInput, thousandSeparator: true, readOnly }) : /* @__PURE__ */ jsx("div", { className: "text-contrast-3 dark:text-contrast-6 text-sm", children: "Receive" });
|
|
110
|
+
$[19] = amount;
|
|
111
|
+
$[20] = disabled;
|
|
112
|
+
$[21] = isLoading;
|
|
113
|
+
$[22] = onAmountChange;
|
|
114
|
+
$[23] = onFocus;
|
|
115
|
+
$[24] = readOnly;
|
|
116
|
+
$[25] = token;
|
|
117
|
+
$[26] = t9;
|
|
125
118
|
} else {
|
|
126
|
-
t9 = $[
|
|
119
|
+
t9 = $[26];
|
|
127
120
|
}
|
|
128
121
|
let t10;
|
|
129
|
-
if ($[
|
|
130
|
-
t10 = /* @__PURE__ */ jsx(
|
|
131
|
-
$[
|
|
132
|
-
$[
|
|
133
|
-
$[
|
|
134
|
-
$[
|
|
135
|
-
$[
|
|
136
|
-
$[
|
|
137
|
-
$[31] = t10;
|
|
122
|
+
if ($[27] !== drawerContainer || $[28] !== onTokenSelect || $[29] !== token || $[30] !== tokenBadgePropsOverride || $[31] !== tokenType) {
|
|
123
|
+
t10 = /* @__PURE__ */ jsx(SelectTokenButton, { token, tokenBadgePropsOverride, tokenType, drawerContainer, onSelect: onTokenSelect });
|
|
124
|
+
$[27] = drawerContainer;
|
|
125
|
+
$[28] = onTokenSelect;
|
|
126
|
+
$[29] = token;
|
|
127
|
+
$[30] = tokenBadgePropsOverride;
|
|
128
|
+
$[31] = tokenType;
|
|
129
|
+
$[32] = t10;
|
|
138
130
|
} else {
|
|
139
|
-
t10 = $[
|
|
131
|
+
t10 = $[32];
|
|
140
132
|
}
|
|
141
133
|
let t11;
|
|
142
|
-
if ($[
|
|
143
|
-
t11 = /* @__PURE__ */
|
|
144
|
-
$[32] = drawerContainer;
|
|
145
|
-
$[33] = onTokenSelect;
|
|
146
|
-
$[34] = token;
|
|
147
|
-
$[35] = tokenBadgePropsOverride;
|
|
148
|
-
$[36] = tokenType;
|
|
149
|
-
$[37] = t11;
|
|
150
|
-
} else {
|
|
151
|
-
t11 = $[37];
|
|
152
|
-
}
|
|
153
|
-
let t12;
|
|
154
|
-
if ($[38] !== t10 || $[39] !== t11 || $[40] !== t8) {
|
|
155
|
-
t12 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
|
|
134
|
+
if ($[33] !== t10 || $[34] !== t8 || $[35] !== t9) {
|
|
135
|
+
t11 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
|
|
156
136
|
t8,
|
|
157
|
-
|
|
158
|
-
|
|
137
|
+
t9,
|
|
138
|
+
t10
|
|
159
139
|
] });
|
|
160
|
-
$[
|
|
161
|
-
$[
|
|
162
|
-
$[
|
|
163
|
-
$[
|
|
140
|
+
$[33] = t10;
|
|
141
|
+
$[34] = t8;
|
|
142
|
+
$[35] = t9;
|
|
143
|
+
$[36] = t11;
|
|
164
144
|
} else {
|
|
165
|
-
|
|
145
|
+
t11 = $[36];
|
|
166
146
|
}
|
|
167
|
-
let
|
|
168
|
-
if ($[
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
if ($[45] !== insufficientBalanceMessageProps) {
|
|
181
|
-
t14 = insufficientBalanceMessageProps && /* @__PURE__ */ jsx(InsufficientBalanceMessage, { ...insufficientBalanceMessageProps });
|
|
182
|
-
$[45] = insufficientBalanceMessageProps;
|
|
183
|
-
$[46] = t14;
|
|
184
|
-
} else {
|
|
185
|
-
t14 = $[46];
|
|
186
|
-
}
|
|
187
|
-
let t15;
|
|
188
|
-
if ($[47] !== warningMessage) {
|
|
189
|
-
t15 = warningMessage && /* @__PURE__ */ jsx("div", { className: "text-xs text-secondary-orange-peel-1 flex items-center gap-2", children: warningMessage });
|
|
190
|
-
$[47] = warningMessage;
|
|
191
|
-
$[48] = t15;
|
|
192
|
-
} else {
|
|
193
|
-
t15 = $[48];
|
|
194
|
-
}
|
|
195
|
-
let t16;
|
|
196
|
-
if ($[49] !== youGetProps) {
|
|
197
|
-
t16 = youGetProps && /* @__PURE__ */ jsxs("div", { children: [
|
|
198
|
-
/* @__PURE__ */ jsx(Line, { className: "mt-[16px] mb-[17.5px]" }),
|
|
199
|
-
/* @__PURE__ */ jsx(YouGet, { ...youGetProps })
|
|
147
|
+
let t12;
|
|
148
|
+
if ($[37] !== balanceEl || $[38] !== insufficientBalanceMessageProps || $[39] !== token || $[40] !== usdEstimationEl || $[41] !== warningMessage || $[42] !== youGetProps) {
|
|
149
|
+
t12 = token && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
150
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5", children: [
|
|
151
|
+
usdEstimationEl,
|
|
152
|
+
balanceEl
|
|
153
|
+
] }),
|
|
154
|
+
insufficientBalanceMessageProps && /* @__PURE__ */ jsx(InsufficientBalanceMessage, { ...insufficientBalanceMessageProps }),
|
|
155
|
+
warningMessage && /* @__PURE__ */ jsx("div", { className: "text-xs text-secondary-orange-peel-1 flex items-center gap-2", children: warningMessage }),
|
|
156
|
+
youGetProps && /* @__PURE__ */ jsxs("div", { children: [
|
|
157
|
+
/* @__PURE__ */ jsx(Line, { className: "mt-[16px] mb-[17.5px]" }),
|
|
158
|
+
/* @__PURE__ */ jsx(YouGet, { ...youGetProps })
|
|
159
|
+
] })
|
|
200
160
|
] });
|
|
201
|
-
$[
|
|
202
|
-
$[
|
|
161
|
+
$[37] = balanceEl;
|
|
162
|
+
$[38] = insufficientBalanceMessageProps;
|
|
163
|
+
$[39] = token;
|
|
164
|
+
$[40] = usdEstimationEl;
|
|
165
|
+
$[41] = warningMessage;
|
|
166
|
+
$[42] = youGetProps;
|
|
167
|
+
$[43] = t12;
|
|
203
168
|
} else {
|
|
204
|
-
|
|
169
|
+
t12 = $[43];
|
|
205
170
|
}
|
|
206
|
-
let
|
|
207
|
-
if ($[
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
t14,
|
|
213
|
-
t15,
|
|
214
|
-
t16
|
|
171
|
+
let t13;
|
|
172
|
+
if ($[44] !== chainEl || $[45] !== t11 || $[46] !== t12 || $[47] !== t7) {
|
|
173
|
+
t13 = /* @__PURE__ */ jsxs("div", { className: t7, children: [
|
|
174
|
+
chainEl,
|
|
175
|
+
t11,
|
|
176
|
+
t12
|
|
215
177
|
] });
|
|
216
|
-
$[
|
|
217
|
-
$[
|
|
218
|
-
$[
|
|
219
|
-
$[
|
|
220
|
-
$[
|
|
221
|
-
$[56] = t6;
|
|
222
|
-
$[57] = t7;
|
|
223
|
-
$[58] = t17;
|
|
178
|
+
$[44] = chainEl;
|
|
179
|
+
$[45] = t11;
|
|
180
|
+
$[46] = t12;
|
|
181
|
+
$[47] = t7;
|
|
182
|
+
$[48] = t13;
|
|
224
183
|
} else {
|
|
225
|
-
|
|
184
|
+
t13 = $[48];
|
|
226
185
|
}
|
|
227
|
-
return
|
|
186
|
+
return t13;
|
|
228
187
|
};
|
|
229
188
|
|
|
230
189
|
export { TokenInput };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat } from \"react-number-format\";\nimport { NetworkSwitcherDropdown } from \"@/components/widget/NetworkSwitcher/NetworkSwitcherDropdown\";\nimport { SelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { Button } from \"@/components/ui/button\";\nimport { YouGet } from \"@/components/widget/YouGet/YouGet\";\nimport { Line } from \"@/components/widget/Line/Line\";\nimport { EmptyInput } from \"./EmptyInput\";\nimport { cn } from \"@/lib/utils\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nexport const TokenInput: React.FC<TokenInputProps> = ({\n amount,\n onAmountChange,\n label,\n usdEstimation,\n networkSwitcherProps,\n tokenBadgePropsOverride,\n insufficientBalanceMessageProps,\n warningMessage,\n onFocus,\n token,\n tokenBalanceUnit,\n onTokenSelect,\n showMaxButton,\n onMaxClick,\n youGetProps,\n disabled,\n isLoading,\n readOnly,\n tokenType,\n drawerContainer,\n classes,\n}) => {\n if (!token) {\n return (\n <EmptyInput\n tokenType={tokenType}\n drawerContainer={drawerContainer}\n onTokenSelect={onTokenSelect}\n classes={classes}\n disabled={disabled}\n />\n );\n }\n\n const usdEstimationEl = (\n <div>\n {usdEstimation\n ? formatFiatPrice(Number(usdEstimation))\n : usdEstimation === null\n ? \"N/A\"\n : undefined}\n </div>\n );\n\n const balanceEl = tokenBalanceUnit ? (\n <div className=\"flex items-center gap-2\">\n <div>{`Balance: ${tokenBalanceUnit} ${token.symbol}`}</div>\n {showMaxButton && (\n <Button\n className=\"h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase\"\n onClick={onMaxClick}\n >\n max\n </Button>\n )}\n </div>\n ) : null;\n\n return (\n <div\n className={cn(\n \"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n classes?.root,\n {\n \"border-secondary-orange-peel-1\":\n insufficientBalanceMessageProps?.shouldDisplay,\n }\n )}\n >\n {networkSwitcherProps ? (\n <NetworkSwitcherDropdown {...networkSwitcherProps} prefix={label} />\n ) : label ? (\n <div className=\"text-xs text-contrast-3 dark:text-contrast-7\">\n {label}\n </div>\n ) : null}\n <div className=\"flex items-center justify-between gap-2\">\n {isLoading && <Skeleton className=\"w-[254px] h-[36px]\" />}\n <NumericFormat\n className={cn(\n \"min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8\",\n {\n hidden: isLoading, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n // it doesn't trigger when we have a value on the first render\n }\n )}\n placeholder=\"0\"\n disabled={disabled}\n value={amount}\n onValueChange={onAmountChange}\n onFocus={onFocus}\n allowNegative={false}\n allowLeadingZeros={false}\n customInput={UnstyledInput}\n thousandSeparator\n readOnly={readOnly}\n />\n\n <SelectTokenButton\n token={token}\n tokenBadgePropsOverride={tokenBadgePropsOverride}\n tokenType={tokenType}\n drawerContainer={drawerContainer}\n onSelect={onTokenSelect}\n />\n </div>\n <div className=\"flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5\">\n {usdEstimationEl}\n {balanceEl}\n </div>\n {insufficientBalanceMessageProps && (\n <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />\n )}\n {warningMessage && (\n <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n {warningMessage}\n </div>\n )}\n {youGetProps && (\n <div>\n <Line className=\"mt-[16px] mb-[17.5px]\" />\n <YouGet {...youGetProps} />\n </div>\n )}\n </div>\n );\n};\n"],"names":["TokenInput","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","onTokenSelect","showMaxButton","onMaxClick","youGetProps","disabled","isLoading","readOnly","tokenType","drawerContainer","classes","t1","formatFiatPrice","Number","undefined","t2","usdEstimationEl","t3","symbol","balanceEl","t4","root","t5","shouldDisplay","t6","cn","t7","t8","t9","hidden","t10","UnstyledInput","t11","t12","t13","t14","t15","t16","t17"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat } from \"react-number-format\";\nimport { NetworkSwitcherDropdown } from \"@/components/widget/NetworkSwitcher/NetworkSwitcherDropdown\";\nimport { SelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { Button } from \"@/components/ui/button\";\nimport { YouGet } from \"@/components/widget/YouGet/YouGet\";\nimport { Line } from \"@/components/widget/Line/Line\";\nimport { cn } from \"@/lib/utils\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nexport const TokenInput: React.FC<TokenInputProps> = ({\n amount,\n onAmountChange,\n label,\n usdEstimation,\n networkSwitcherProps,\n tokenBadgePropsOverride,\n insufficientBalanceMessageProps,\n warningMessage,\n onFocus,\n token,\n tokenBalanceUnit,\n onTokenSelect,\n showMaxButton,\n onMaxClick,\n youGetProps,\n disabled,\n isLoading,\n readOnly,\n tokenType,\n drawerContainer,\n classes,\n}) => {\n const usdEstimationEl = (\n <div>\n {usdEstimation\n ? formatFiatPrice(Number(usdEstimation))\n : usdEstimation === null\n ? \"N/A\"\n : undefined}\n </div>\n );\n\n const balanceEl =\n tokenBalanceUnit && token ? (\n <div className=\"flex items-center gap-2\">\n <div>{`Balance: ${tokenBalanceUnit} ${token.symbol}`}</div>\n {showMaxButton && (\n <Button\n className=\"h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase\"\n onClick={onMaxClick}\n >\n max\n </Button>\n )}\n </div>\n ) : null;\n\n const chainEl = !token ? null : networkSwitcherProps ? (\n <NetworkSwitcherDropdown {...networkSwitcherProps} prefix={label} />\n ) : label ? (\n <div className=\"text-xs text-contrast-3 dark:text-contrast-7\">{label}</div>\n ) : null;\n\n return (\n <div\n className={cn(\n \"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n classes?.root,\n {\n \"border-secondary-orange-peel-1\":\n token && insufficientBalanceMessageProps?.shouldDisplay,\n }\n )}\n >\n {chainEl}\n <div className=\"flex items-center justify-between gap-2\">\n {token && isLoading && <Skeleton className=\"w-[254px] h-[36px]\" />}\n {token ? (\n <NumericFormat\n className={cn(\n \"min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8\",\n {\n hidden: isLoading, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n // it doesn't trigger when we have a value on the first render\n }\n )}\n placeholder=\"0\"\n disabled={disabled}\n value={amount}\n onValueChange={onAmountChange}\n onFocus={onFocus}\n allowNegative={false}\n allowLeadingZeros={false}\n customInput={UnstyledInput}\n thousandSeparator\n readOnly={readOnly}\n />\n ) : (\n <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n Receive\n </div>\n )}\n\n {/* Always render SelectTokenButton and therefore the Drawer inside of it in the same place,\n otherwise the Drawer opened inside EmptyInput is unmounted when token becomes available instead of closing normally */}\n <SelectTokenButton\n token={token}\n tokenBadgePropsOverride={tokenBadgePropsOverride}\n tokenType={tokenType}\n drawerContainer={drawerContainer}\n onSelect={onTokenSelect}\n />\n </div>\n {token && (\n <>\n <div className=\"flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5\">\n {usdEstimationEl}\n {balanceEl}\n </div>\n {insufficientBalanceMessageProps && (\n <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />\n )}\n {warningMessage && (\n <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n {warningMessage}\n </div>\n )}\n {youGetProps && (\n <div>\n <Line className=\"mt-[16px] mb-[17.5px]\" />\n <YouGet {...youGetProps} />\n </div>\n )}\n </>\n )}\n </div>\n );\n};\n"],"names":["TokenInput","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","onTokenSelect","showMaxButton","onMaxClick","youGetProps","disabled","isLoading","readOnly","tokenType","drawerContainer","classes","t1","formatFiatPrice","Number","undefined","t2","usdEstimationEl","t3","symbol","balanceEl","t4","chainEl","t5","root","t6","shouldDisplay","t7","cn","t8","t9","hidden","UnstyledInput","t10","t11","t12","t13"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenSwitcher.js","sources":["../../../../src/components/widget/TokenSwitcher/TokenSwitcher.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ArrowDown } from \"lucide-react\";\nimport type { TokenSwitcherProps } from \"./types\";\n\nexport const TokenSwitcher: React.FC<TokenSwitcherProps> = ({\n enableSwitchTokens,\n onSwitchTokens,\n classes,\n}) => {\n return (\n <div\n className={cn(\n \"flex items-center justify-center relative h-[8px]\",\n classes?.root\n )}\n onClick={enableSwitchTokens ? onSwitchTokens : undefined}\n >\n <div\n className={cn(\n \"h-[30px] w-[30px] absolute flex items-center justify-center bg-contrast-7 dark:bg-contrast-4 border-2 border-contrast-9 dark:border-contrast-3 rounded-full\",\n {\n \"transition-all duration-200 cursor-pointer hover:rotate-[0.5turn]\":\n enableSwitchTokens,\n \"cursor-not-allowed\": !enableSwitchTokens,\n },\n classes?.iconContainer\n )}\n >\n <ArrowDown\n className={cn(\n \"stroke-contrast-5 dark:stroke-contrast-7\",\n classes?.icon\n )}\n size={16}\n />\n </div>\n </div>\n );\n};\n"],"names":["TokenSwitcher","t0","$","_c","enableSwitchTokens","onSwitchTokens","classes","t1","root","t2","cn","t3","undefined","t4","t5","iconContainer","t6","icon","t7","t8","t9","t10"],"mappings":";;;;;AAIO,MAAMA,gBAA8CC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,kBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAL,EAAAA;AASpD,EAAA,MAAAM,KAAAD,OAAAA,EAAOE,IAAAA;AAAM,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAK,EAAAA,EAAA;AAFJE,IAAAA,EAAAA,GAAAC,EAAAA,CACT,qDACAH,EACF,CAAA;AAACL,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AACQ,EAAA,MAAAS,EAAAA,GAAAP,
|
|
1
|
+
{"version":3,"file":"TokenSwitcher.js","sources":["../../../../src/components/widget/TokenSwitcher/TokenSwitcher.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ArrowDown } from \"lucide-react\";\nimport type { TokenSwitcherProps } from \"./types\";\n\nexport const TokenSwitcher: React.FC<TokenSwitcherProps> = ({\n enableSwitchTokens,\n onSwitchTokens,\n classes,\n}) => {\n return (\n <div\n className={cn(\n \"flex items-center justify-center relative h-[8px]\",\n classes?.root\n )}\n onClick={enableSwitchTokens ? onSwitchTokens : undefined}\n >\n <div\n className={cn(\n \"h-[30px] w-[30px] absolute flex items-center justify-center bg-contrast-7 dark:bg-contrast-4 border-2 border-contrast-9 dark:border-contrast-3 rounded-full\",\n {\n \"transition-all duration-200 cursor-pointer hover:rotate-[0.5turn]\":\n enableSwitchTokens,\n \"cursor-not-allowed\": !enableSwitchTokens,\n },\n classes?.iconContainer\n )}\n >\n <ArrowDown\n className={cn(\n \"stroke-contrast-5 dark:stroke-contrast-7\",\n classes?.icon\n )}\n size={16}\n />\n </div>\n </div>\n );\n};\n"],"names":["TokenSwitcher","t0","$","_c","enableSwitchTokens","onSwitchTokens","classes","t1","root","t2","cn","t3","undefined","t4","t5","iconContainer","t6","icon","t7","t8","t9","t10"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Step.js","sources":["../../../../../src/components/widget/TradeOverview/Step/Step.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { StepProps } from \"./types\";\n\nconst stepCircleClasses = {\n active: \"bg-primary-azul-1 text-contrast-8 dark:text-contrast-7\",\n inactive:\n \"bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5\",\n};\n\nexport const Step = ({\n title,\n description,\n stepState,\n stepNumber,\n}: StepProps) => {\n const isActiveState = stepState === \"ongoing\";\n\n return (\n <div className=\"flex gap-[13px] bg-inherit\">\n <div className=\"flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit\">\n {isActiveState && (\n <Spinner className=\"absolute inset-0 w-full h-full animate-spin direction-reverse\" />\n )}\n <div\n className={cn(\n \"flex items-center justify-center w-[28px] h-[28px] rounded-full relative\",\n isActiveState\n ? stepCircleClasses.active\n : stepCircleClasses.inactive\n )}\n >\n <span>{stepNumber}</span>\n </div>\n </div>\n <div className=\"flex flex-col gap-1 pt-0.5\">\n <div\n className={`font-medium ${stepState === \"upcoming\" ? \"text-contrast-5 dark:text-contrast-7\" : \"text-contrast-1 dark:text-white\"}`}\n >\n {title}\n </div>\n {isActiveState && description && (\n <div className=\"text-xs text-contrast-5 dark:text-contrast-6 max-w-xs\">\n {description}\n </div>\n )}\n </div>\n </div>\n );\n};\n"],"names":["stepCircleClasses","active","inactive","Step","t0","$","_c","title","description","stepState","stepNumber","isActiveState","t1","Spinner","t2","t3","cn","t4","t5","t6","t7","t8","t9","t10","t11"],"mappings":";;;;;AAIA,MAAMA,iBAAAA,GAAoB;AAAA,EACxBC,MAAAA,EAAQ,wDAAA;AAAA,EACRC,QAAAA,EACE;AACJ,CAAA;AAEO,MAAMC,OAAOC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAN,EAAAA;AAMnB,EAAA,MAAAO,gBAAsBF,SAAAA,KAAc,SAAA;AAAU,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAM,aAAAA,EAAA;AAKvCC,IAAAA,EAAAA,GAAAD,aAAAA,oBACC,GAAA,CAACE,UAAA,EAAA,EAAkB,SAAA,EAAA,+DAAA,EAA+D,CAAA;AACnFR,IAAAA,CAAAA,MAAAM,aAAAA;AAAAN,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAIG,EAAA,MAAAS,EAAAA,GAAAH,aAAAA,
|
|
1
|
+
{"version":3,"file":"Step.js","sources":["../../../../../src/components/widget/TradeOverview/Step/Step.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { StepProps } from \"./types\";\n\nconst stepCircleClasses = {\n active: \"bg-primary-azul-1 text-contrast-8 dark:text-contrast-7\",\n inactive:\n \"bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5\",\n};\n\nexport const Step = ({\n title,\n description,\n stepState,\n stepNumber,\n}: StepProps) => {\n const isActiveState = stepState === \"ongoing\";\n\n return (\n <div className=\"flex gap-[13px] bg-inherit\">\n <div className=\"flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit\">\n {isActiveState && (\n <Spinner className=\"absolute inset-0 w-full h-full animate-spin direction-reverse\" />\n )}\n <div\n className={cn(\n \"flex items-center justify-center w-[28px] h-[28px] rounded-full relative\",\n isActiveState\n ? stepCircleClasses.active\n : stepCircleClasses.inactive\n )}\n >\n <span>{stepNumber}</span>\n </div>\n </div>\n <div className=\"flex flex-col gap-1 pt-0.5\">\n <div\n className={`font-medium ${stepState === \"upcoming\" ? \"text-contrast-5 dark:text-contrast-7\" : \"text-contrast-1 dark:text-white\"}`}\n >\n {title}\n </div>\n {isActiveState && description && (\n <div className=\"text-xs text-contrast-5 dark:text-contrast-6 max-w-xs\">\n {description}\n </div>\n )}\n </div>\n </div>\n );\n};\n"],"names":["stepCircleClasses","active","inactive","Step","t0","$","_c","title","description","stepState","stepNumber","isActiveState","t1","Spinner","t2","t3","cn","t4","t5","t6","t7","t8","t9","t10","t11"],"mappings":"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"}
|