@velora-dex/widget 0.2.5-dev.5 → 0.2.5-dev.6
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/components/ui/button.d.ts +1 -1
- package/dist/components/ui/dropdown-menu.d.ts +3 -2
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/components/ui/dropdown-menu.js +44 -22
- package/dist/components/ui/dropdown-menu.js.map +1 -1
- package/dist/components/ui/input.js +1 -1
- package/dist/components/ui/input.js.map +1 -1
- package/dist/components/ui/tooltip.d.ts +4 -2
- package/dist/components/ui/tooltip.d.ts.map +1 -1
- package/dist/components/ui/tooltip.js +44 -27
- package/dist/components/ui/tooltip.js.map +1 -1
- package/dist/components/web3/ConnectedWallet/ConnectedWallet.js +7 -7
- package/dist/components/web3/ConnectedWallet/ConnectedWallet.js.map +1 -1
- package/dist/components/web3/providers.d.ts.map +1 -1
- package/dist/components/web3/providers.js +1 -2
- package/dist/components/web3/providers.js.map +1 -1
- package/dist/components/widget/AppHeader/Activities/ActivitiesScreen.d.ts +2 -0
- package/dist/components/widget/AppHeader/Activities/ActivitiesScreen.d.ts.map +1 -0
- package/dist/components/widget/AppHeader/Activities/ActivitiesScreen.js +131 -0
- package/dist/components/widget/AppHeader/Activities/ActivitiesScreen.js.map +1 -0
- package/dist/components/widget/AppHeader/Activities/ActivityItems.js +3 -3
- package/dist/components/widget/AppHeader/Activities/ActivityItems.js.map +1 -1
- package/dist/components/widget/AppHeader/Activities/Drawers.d.ts +5 -21
- package/dist/components/widget/AppHeader/Activities/Drawers.d.ts.map +1 -1
- package/dist/components/widget/AppHeader/Activities/Drawers.js +48 -204
- package/dist/components/widget/AppHeader/Activities/Drawers.js.map +1 -1
- package/dist/components/widget/AppHeader/Activities/hooks.d.ts +7 -10
- package/dist/components/widget/AppHeader/Activities/hooks.d.ts.map +1 -1
- package/dist/components/widget/AppHeader/Activities/hooks.js +37 -75
- package/dist/components/widget/AppHeader/Activities/hooks.js.map +1 -1
- package/dist/components/widget/AppHeader/Activities/utils.d.ts +2 -2
- package/dist/components/widget/AppHeader/Activities/utils.d.ts.map +1 -1
- package/dist/components/widget/AppHeader/Activities/utils.js.map +1 -1
- package/dist/components/widget/AppHeader/ActivityButton.d.ts +0 -1
- package/dist/components/widget/AppHeader/ActivityButton.d.ts.map +1 -1
- package/dist/components/widget/AppHeader/ActivityButton.js +38 -160
- package/dist/components/widget/AppHeader/ActivityButton.js.map +1 -1
- package/dist/components/widget/AppHeader/AppHeader.js +1 -1
- package/dist/components/widget/AppHeader/AppHeader.js.map +1 -1
- package/dist/components/widget/AppHeader/TradeModeSwitcher.js +1 -1
- package/dist/components/widget/AppHeader/TradeModeSwitcher.js.map +1 -1
- package/dist/components/widget/Dialog/ReceiverAddressDialog/ReceiverAddressDialog.js +4 -14
- package/dist/components/widget/Dialog/ReceiverAddressDialog/ReceiverAddressDialog.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.d.ts +9 -2
- package/dist/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.d.ts.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.js +59 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenCloud/index.d.ts.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenCloud/index.js +3 -2
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenCloud/index.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListRow.d.ts.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListRow.js +17 -9
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListRow.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenSearch.js +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenSearch.js.map +1 -1
- package/dist/components/widget/Dialog/state/dialogAtom.d.ts.map +1 -1
- package/dist/components/widget/Drawer/Overlay.js +1 -1
- package/dist/components/widget/Drawer/Overlay.js.map +1 -1
- package/dist/components/widget/Drawer/index.d.ts +3 -2
- package/dist/components/widget/Drawer/index.d.ts.map +1 -1
- package/dist/components/widget/Drawer/index.js +96 -80
- package/dist/components/widget/Drawer/index.js.map +1 -1
- package/dist/components/widget/Drawer/state/useDrawerControls.d.ts +1 -1
- package/dist/components/widget/Drawer/state/useDrawerControls.d.ts.map +1 -1
- package/dist/components/widget/Drawer/state/useDrawerControls.js +3 -2
- package/dist/components/widget/Drawer/state/useDrawerControls.js.map +1 -1
- package/dist/components/widget/ImportToken/ImportToken.js +1 -1
- package/dist/components/widget/ImportToken/ImportToken.js.map +1 -1
- package/dist/components/widget/LimitOrderItem/LimitOrderDetails/Controls.d.ts.map +1 -0
- package/dist/components/widget/LimitOrderItem/LimitOrderDetails/Controls.js.map +1 -0
- package/dist/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.d.ts.map +1 -0
- package/dist/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.js.map +1 -0
- package/dist/components/widget/LimitOrderItem/LimitOrderDetails/utils.d.ts.map +1 -0
- package/dist/components/widget/LimitOrderItem/LimitOrderDetails/utils.js.map +1 -0
- package/dist/components/widget/LimitOrderItem/LimitOrderListItem.d.ts.map +1 -0
- package/dist/components/widget/{LimitOrdersDrawer → LimitOrderItem}/LimitOrderListItem.js +1 -1
- package/dist/components/widget/LimitOrderItem/LimitOrderListItem.js.map +1 -0
- package/dist/components/widget/LimitOrderItem/constants.d.ts.map +1 -0
- package/dist/components/widget/LimitOrderItem/constants.js.map +1 -0
- package/dist/components/widget/LimitOrderItem/types.d.ts.map +1 -0
- package/dist/components/widget/LimitOrderItem/utils.d.ts.map +1 -0
- package/dist/components/widget/LimitOrderItem/utils.js.map +1 -0
- package/dist/components/widget/OrderExpiryInput/index.d.ts.map +1 -1
- package/dist/components/widget/OrderExpiryInput/index.js +66 -48
- package/dist/components/widget/OrderExpiryInput/index.js.map +1 -1
- package/dist/components/widget/OtcOrderItem/OtcOrderDetails/Controls.d.ts.map +1 -0
- package/dist/components/widget/OtcOrderItem/OtcOrderDetails/Controls.js.map +1 -0
- package/dist/components/widget/OtcOrderItem/OtcOrderDetails/OtcOrderDetails.d.ts.map +1 -0
- package/dist/components/widget/{OtcOrdersDrawer → OtcOrderItem}/OtcOrderDetails/OtcOrderDetails.js +1 -1
- package/dist/components/widget/OtcOrderItem/OtcOrderDetails/OtcOrderDetails.js.map +1 -0
- package/dist/components/widget/OtcOrderItem/OtcOrderDetails/utils.d.ts.map +1 -0
- package/dist/components/widget/OtcOrderItem/OtcOrderDetails/utils.js.map +1 -0
- package/dist/components/widget/OtcOrderItem/OtcOrderListItem.d.ts.map +1 -0
- package/dist/components/widget/{OtcOrdersDrawer → OtcOrderItem}/OtcOrderListItem.js +1 -1
- package/dist/components/widget/OtcOrderItem/OtcOrderListItem.js.map +1 -0
- package/dist/components/widget/OtcOrderItem/constants.d.ts.map +1 -0
- package/dist/components/widget/OtcOrderItem/constants.js.map +1 -0
- package/dist/components/widget/{OtcOrdersDrawer → OtcOrderItem}/types.d.ts +1 -1
- package/dist/components/widget/OtcOrderItem/types.d.ts.map +1 -0
- package/dist/components/widget/{OtcOrdersDrawer → OtcOrderItem}/utils.d.ts +0 -6
- package/dist/components/widget/OtcOrderItem/utils.d.ts.map +1 -0
- package/dist/components/widget/OtcOrderItem/utils.js.map +1 -0
- package/dist/components/widget/PoweredBy/PoweredBy.js +1 -1
- package/dist/components/widget/PoweredBy/PoweredBy.js.map +1 -1
- package/dist/components/widget/ReceiverAddress/state/receiverAddressAtom.d.ts.map +1 -1
- package/dist/components/widget/ReceiverAddress/state/receiverAddressAtom.js +2 -1
- package/dist/components/widget/ReceiverAddress/state/receiverAddressAtom.js.map +1 -1
- package/dist/components/widget/ReceiverAddress/state/subscriptions.js +1 -1
- package/dist/components/widget/ReceiverAddress/state/subscriptions.js.map +1 -1
- package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.d.ts +2 -2
- package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.d.ts.map +1 -1
- package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.js.map +1 -1
- package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.d.ts +1 -1
- package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.d.ts.map +1 -1
- package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.js +2 -2
- package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.js.map +1 -1
- package/dist/components/widget/Screen/GenericScreen.d.ts +13 -0
- package/dist/components/widget/Screen/GenericScreen.d.ts.map +1 -0
- package/dist/components/widget/Screen/GenericScreen.js +66 -0
- package/dist/components/widget/Screen/GenericScreen.js.map +1 -0
- package/dist/components/widget/Screen/ScreenContainer.d.ts +7 -0
- package/dist/components/widget/Screen/ScreenContainer.d.ts.map +1 -0
- package/dist/components/widget/Screen/ScreenContainer.js +60 -0
- package/dist/components/widget/Screen/ScreenContainer.js.map +1 -0
- package/dist/components/widget/SelectToken/SelectTokenButton.d.ts.map +1 -1
- package/dist/components/widget/SelectToken/SelectTokenButton.js +109 -201
- package/dist/components/widget/SelectToken/SelectTokenButton.js.map +1 -1
- package/dist/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.js +1 -1
- package/dist/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.js.map +1 -1
- package/dist/components/widget/SwapModeSwitcher/state/swapSideAtom.d.ts +2 -3
- package/dist/components/widget/SwapModeSwitcher/state/swapSideAtom.d.ts.map +1 -1
- package/dist/components/widget/SwapModeSwitcher/state/swapSideAtom.js +2 -1
- package/dist/components/widget/SwapModeSwitcher/state/swapSideAtom.js.map +1 -1
- package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.d.ts +8 -1
- package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.d.ts.map +1 -1
- package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js +126 -1
- package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js.map +1 -1
- package/dist/components/widget/TradeOverview/FillOtcOrderTradeOverview.d.ts +6 -0
- package/dist/components/widget/TradeOverview/FillOtcOrderTradeOverview.d.ts.map +1 -1
- package/dist/components/widget/TradeOverview/FillOtcOrderTradeOverview.js +86 -1
- package/dist/components/widget/TradeOverview/FillOtcOrderTradeOverview.js.map +1 -1
- package/dist/components/widget/TradeOverview/LimitOrderTradeOverview.d.ts +8 -2
- package/dist/components/widget/TradeOverview/LimitOrderTradeOverview.d.ts.map +1 -1
- package/dist/components/widget/TradeOverview/LimitOrderTradeOverview.js +103 -1
- package/dist/components/widget/TradeOverview/LimitOrderTradeOverview.js.map +1 -1
- package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.d.ts +10 -3
- package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.d.ts.map +1 -1
- package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.js +152 -9
- package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.js.map +1 -1
- package/dist/components/widget/TradeOverview/OtcOrderTradeOverview.d.ts +8 -2
- package/dist/components/widget/TradeOverview/OtcOrderTradeOverview.d.ts.map +1 -1
- package/dist/components/widget/TradeOverview/OtcOrderTradeOverview.js +101 -1
- package/dist/components/widget/TradeOverview/OtcOrderTradeOverview.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeDetails.d.ts.map +1 -1
- package/dist/components/widget/TradeOverview/TradeDetails.js +105 -78
- package/dist/components/widget/TradeOverview/TradeDetails.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeOverview.d.ts +3 -1
- package/dist/components/widget/TradeOverview/TradeOverview.d.ts.map +1 -1
- package/dist/components/widget/TradeOverview/TradeOverview.js +26 -21
- package/dist/components/widget/TradeOverview/TradeOverview.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeOverviewScreen.d.ts +30 -0
- package/dist/components/widget/TradeOverview/TradeOverviewScreen.d.ts.map +1 -0
- package/dist/components/widget/TradeOverview/TradeOverviewScreen.js +75 -0
- package/dist/components/widget/TradeOverview/TradeOverviewScreen.js.map +1 -0
- package/dist/components/widget/TradeOverview/tradeFlowContext.d.ts +1 -1
- package/dist/components/widget/TradeOverview/tradeFlowContext.d.ts.map +1 -1
- package/dist/components/widget/TradeOverview/tradeFlowContext.js.map +1 -1
- package/dist/components/widget/TradeOverview/utils/preWrap.d.ts +14 -0
- package/dist/components/widget/TradeOverview/utils/preWrap.d.ts.map +1 -0
- package/dist/components/widget/TradeOverview/utils/preWrap.js +37 -0
- package/dist/components/widget/TradeOverview/utils/preWrap.js.map +1 -0
- package/dist/components/widget/TradeParameters/hooks/useIsNotDefaultAnyParameter.js +1 -1
- package/dist/components/widget/TradeParameters/hooks/useIsNotDefaultAnyParameter.js.map +1 -1
- package/dist/components/widget/TradeParameters/state/gasPresetParamAtom.d.ts.map +1 -1
- package/dist/components/widget/TradeParameters/state/gasPresetParamAtom.js +2 -1
- package/dist/components/widget/TradeParameters/state/gasPresetParamAtom.js.map +1 -1
- package/dist/components/widget/TradeParameters/useTempTradeParameters.js +1 -1
- package/dist/components/widget/TradeParameters/useTempTradeParameters.js.map +1 -1
- package/dist/components/widget/TransactionDetails/types.d.ts +1 -1
- package/dist/components/widget/TransactionDetails/types.d.ts.map +1 -1
- package/dist/components/widget/WrapEth/hooks/useWrapEthProps.js +1 -1
- package/dist/components/widget/WrapEth/hooks/useWrapEthProps.js.map +1 -1
- package/dist/configurator/Configurator.d.ts.map +1 -1
- package/dist/configurator/components/FormPropsInputs.d.ts.map +1 -1
- package/dist/configurator/components/common/DetailWithTooltip.d.ts +1 -0
- package/dist/configurator/components/common/DetailWithTooltip.d.ts.map +1 -1
- package/dist/core/DevTools.d.ts.map +1 -1
- package/dist/core/LimitOrderButton.d.ts.map +1 -1
- package/dist/core/LimitOrderButton.js +10 -11
- package/dist/core/LimitOrderButton.js.map +1 -1
- package/dist/core/OtcOrderButton.d.ts.map +1 -1
- package/dist/core/OtcOrderButton.js +11 -15
- package/dist/core/OtcOrderButton.js.map +1 -1
- package/dist/core/TradeFlowScreenButton.d.ts +27 -0
- package/dist/core/TradeFlowScreenButton.d.ts.map +1 -0
- package/dist/core/TradeFlowScreenButton.js +206 -0
- package/dist/core/TradeFlowScreenButton.js.map +1 -0
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +194 -162
- package/dist/core/index.js.map +1 -1
- package/dist/core/inputs/hooks/useTokenFromInputProps.js +1 -1
- package/dist/core/inputs/hooks/useTokenFromInputProps.js.map +1 -1
- package/dist/core/inputs/hooks/useTokenSwitcherProps.js +1 -1
- package/dist/core/inputs/hooks/useTokenSwitcherProps.js.map +1 -1
- package/dist/core/inputs/hooks/useTokenToInputProps.js +1 -1
- package/dist/core/inputs/hooks/useTokenToInputProps.js.map +1 -1
- package/dist/core/inputs/state/common.d.ts +3 -11
- package/dist/core/inputs/state/common.d.ts.map +1 -1
- package/dist/core/inputs/state/common.js +10 -33
- package/dist/core/inputs/state/common.js.map +1 -1
- package/dist/core/inputs/state/selectedTokenActionsAtom.js +1 -1
- package/dist/core/inputs/state/selectedTokenActionsAtom.js.map +1 -1
- package/dist/core/inputs/state/selectedTokenAtom.d.ts.map +1 -1
- package/dist/core/inputs/state/selectedTokenAtom.js +2 -1
- package/dist/core/inputs/state/selectedTokenAtom.js.map +1 -1
- package/dist/core/inputs/state/setTokenByAddressAtom.d.ts +1 -1
- package/dist/core/inputs/state/setTokenByAddressAtom.d.ts.map +1 -1
- package/dist/core/inputs/state/setTokenByAddressAtom.js +20 -83
- package/dist/core/inputs/state/setTokenByAddressAtom.js.map +1 -1
- package/dist/core/inputs/state/types.d.ts +1 -9
- package/dist/core/inputs/state/types.d.ts.map +1 -1
- package/dist/core/limit/state/currentLimitInputAtom.d.ts +2 -2
- package/dist/core/limit/state/deadlineAtom.d.ts +2 -10
- package/dist/core/limit/state/deadlineAtom.d.ts.map +1 -1
- package/dist/core/limit/state/deadlineAtom.js +10 -16
- package/dist/core/limit/state/deadlineAtom.js.map +1 -1
- package/dist/core/limit/state/limitInputActionsAtom.d.ts +1 -4
- package/dist/core/limit/state/limitInputActionsAtom.d.ts.map +1 -1
- package/dist/core/limit/state/limitInputActionsAtom.js +2 -6
- package/dist/core/limit/state/limitInputActionsAtom.js.map +1 -1
- package/dist/core/limit/state/selectedTokenAtom.d.ts.map +1 -1
- package/dist/core/limit/state/selectedTokenAtom.js +2 -2
- package/dist/core/limit/state/selectedTokenAtom.js.map +1 -1
- package/dist/core/limit/state/utils.d.ts +1 -9
- package/dist/core/limit/state/utils.d.ts.map +1 -1
- package/dist/core/limit/state/utils.js +2 -44
- package/dist/core/limit/state/utils.js.map +1 -1
- package/dist/core/limit/useLimitDetailsListProps.js +1 -1
- package/dist/core/limit/useLimitDetailsListProps.js.map +1 -1
- package/dist/core/limit/useLimitPriceDifference.js +1 -1
- package/dist/core/limit/useLimitPriceDifference.js.map +1 -1
- package/dist/core/limit/useLimitPriceInputProps.js +1 -1
- package/dist/core/limit/useLimitPriceInputProps.js.map +1 -1
- package/dist/core/limit/useLimitRate.js +1 -1
- package/dist/core/limit/useLimitRate.js.map +1 -1
- package/dist/core/limit/useLimitTokenFromInputProps.js +1 -1
- package/dist/core/limit/useLimitTokenFromInputProps.js.map +1 -1
- package/dist/core/limit/useLimitTokenSwitcherProps.js +1 -1
- package/dist/core/limit/useLimitTokenSwitcherProps.js.map +1 -1
- package/dist/core/limit/useLimitTokenToInputProps.js +1 -1
- package/dist/core/limit/useLimitTokenToInputProps.js.map +1 -1
- package/dist/core/logger.js +1 -1
- package/dist/core/logger.js.map +1 -1
- package/dist/core/otc/state/currentOtcInputAtom.d.ts +2 -2
- package/dist/core/otc/state/deadlineAtom.d.ts +3 -8
- package/dist/core/otc/state/deadlineAtom.d.ts.map +1 -1
- package/dist/core/otc/state/deadlineAtom.js +11 -16
- package/dist/core/otc/state/deadlineAtom.js.map +1 -1
- package/dist/core/otc/state/otcInputActionsAtom.d.ts +1 -4
- package/dist/core/otc/state/otcInputActionsAtom.d.ts.map +1 -1
- package/dist/core/otc/state/otcInputActionsAtom.js +2 -6
- package/dist/core/otc/state/otcInputActionsAtom.js.map +1 -1
- package/dist/core/otc/state/receiverAddressAtom.d.ts.map +1 -1
- package/dist/core/otc/state/receiverAddressAtom.js +2 -1
- package/dist/core/otc/state/receiverAddressAtom.js.map +1 -1
- package/dist/core/otc/state/selectedTokenAtom.d.ts.map +1 -1
- package/dist/core/otc/state/selectedTokenAtom.js +2 -2
- package/dist/core/otc/state/selectedTokenAtom.js.map +1 -1
- package/dist/core/otc/useOtcDetailsListProps.js +1 -1
- package/dist/core/otc/useOtcDetailsListProps.js.map +1 -1
- package/dist/core/otc/useOtcPriceDifference.js +1 -1
- package/dist/core/otc/useOtcPriceDifference.js.map +1 -1
- package/dist/core/otc/useOtcPriceInputProps.js +1 -1
- package/dist/core/otc/useOtcPriceInputProps.js.map +1 -1
- package/dist/core/otc/useOtcTokenFromInputProps.js +1 -1
- package/dist/core/otc/useOtcTokenFromInputProps.js.map +1 -1
- package/dist/core/otc/useOtcTokenSwitcherProps.js +1 -1
- package/dist/core/otc/useOtcTokenSwitcherProps.js.map +1 -1
- package/dist/core/otc/useOtcTokenToInputProps.js +1 -1
- package/dist/core/otc/useOtcTokenToInputProps.js.map +1 -1
- package/dist/core/screen/screenByType.d.ts +9 -0
- package/dist/core/screen/screenByType.d.ts.map +1 -0
- package/dist/core/screen/screenByType.js +13 -0
- package/dist/core/screen/screenByType.js.map +1 -0
- package/dist/core/screen/state/screenAtom.d.ts +20 -0
- package/dist/core/screen/state/screenAtom.d.ts.map +1 -0
- package/dist/core/screen/state/screenAtom.js +110 -0
- package/dist/core/screen/state/screenAtom.js.map +1 -0
- package/dist/core/state/chainToAtom.d.ts.map +1 -1
- package/dist/core/state/chainToAtom.js +2 -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 +4 -2
- package/dist/core/state/configAtom.d.ts.map +1 -1
- package/dist/core/state/configAtom.js +9 -4
- package/dist/core/state/configAtom.js.map +1 -1
- package/dist/core/state/configEffectAtom.d.ts.map +1 -1
- package/dist/core/state/configEffectAtom.js +2 -1
- package/dist/core/state/configEffectAtom.js.map +1 -1
- package/dist/core/state/containerAtom.d.ts.map +1 -1
- package/dist/core/state/containerAtom.js +2 -1
- package/dist/core/state/containerAtom.js.map +1 -1
- package/dist/core/state/enabledChainsAtom.d.ts.map +1 -1
- package/dist/core/state/enabledChainsAtom.js +2 -1
- package/dist/core/state/enabledChainsAtom.js.map +1 -1
- package/dist/core/state/externalProviderAtom.d.ts.map +1 -1
- package/dist/core/state/externalProviderAtom.js +2 -1
- package/dist/core/state/externalProviderAtom.js.map +1 -1
- package/dist/core/state/isCrosschainAtom.d.ts.map +1 -1
- package/dist/core/state/isCrosschainAtom.js +2 -1
- package/dist/core/state/isCrosschainAtom.js.map +1 -1
- package/dist/core/state/tradeModeAtom.d.ts.map +1 -1
- package/dist/core/state/tradeModeAtom.js +2 -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 +2 -1
- package/dist/core/state/widgetEventsAtom.js.map +1 -1
- package/dist/core/store.d.ts +29 -0
- package/dist/core/store.d.ts.map +1 -0
- package/dist/core/store.js +15 -0
- package/dist/core/store.js.map +1 -0
- package/dist/core/swapDetails/useSwapDetailsListProps.js +1 -1
- package/dist/core/swapDetails/useSwapDetailsListProps.js.map +1 -1
- package/dist/core/types.d.ts +6 -0
- package/dist/core/types.d.ts.map +1 -1
- package/dist/events/effects/price.js +1 -1
- package/dist/events/effects/price.js.map +1 -1
- package/dist/events/effects/swapMode.js +1 -1
- package/dist/events/effects/swapMode.js.map +1 -1
- package/dist/events/hooks/useActivateEffects.js +1 -1
- package/dist/events/hooks/useActivateEffects.js.map +1 -1
- package/dist/hooks/batch/useCanBatchTxs.d.ts.map +1 -1
- package/dist/hooks/batch/useCanBatchTxs.js +33 -29
- package/dist/hooks/batch/useCanBatchTxs.js.map +1 -1
- package/dist/hooks/gas/useGasPrices.d.ts.map +1 -1
- package/dist/hooks/gas/useGasPrices.js +15 -14
- package/dist/hooks/gas/useGasPrices.js.map +1 -1
- package/dist/hooks/otc/mutations/useFillOrder.js +2 -1
- package/dist/hooks/otc/mutations/useFillOrder.js.map +1 -1
- package/dist/hooks/otc/tradeFlow/useFillOtcOrderFlow.d.ts +1 -1
- package/dist/hooks/otc/tradeFlow/useFillOtcOrderFlow.d.ts.map +1 -1
- package/dist/hooks/otc/tradeFlow/useFillOtcOrderFlow.js +2 -1
- package/dist/hooks/otc/tradeFlow/useFillOtcOrderFlow.js.map +1 -1
- package/dist/hooks/permit/hooks/permit1/usePermit1Nonce.d.ts.map +1 -1
- package/dist/hooks/permit/hooks/permit1/usePermit1Nonce.js +2 -1
- package/dist/hooks/permit/hooks/permit1/usePermit1Nonce.js.map +1 -1
- package/dist/hooks/permit/utils/encodeArgs.js +1 -1
- package/dist/hooks/swap/prices/delta/queries/useDeltaPriceQuery.d.ts +6 -6
- package/dist/hooks/swap/prices/delta/queries/useWatchDeltaOrder.js +1 -1
- package/dist/hooks/swap/prices/market/queries/useMarketPriceQuery.d.ts +1 -1
- package/dist/hooks/swap/prices/usePricesParams.js +6 -1
- package/dist/hooks/swap/prices/usePricesParams.js.map +1 -1
- package/dist/hooks/swap/prices/useSwapPrices.d.ts.map +1 -1
- package/dist/hooks/swap/prices/useSwapPrices.js +3 -1
- package/dist/hooks/swap/prices/useSwapPrices.js.map +1 -1
- package/dist/hooks/swap/prices/useTokenInputsFromPrice.d.ts +2 -0
- package/dist/hooks/swap/prices/useTokenInputsFromPrice.d.ts.map +1 -1
- package/dist/hooks/swap/prices/useTokenInputsFromPrice.js +8 -6
- package/dist/hooks/swap/prices/useTokenInputsFromPrice.js.map +1 -1
- package/dist/hooks/tokens/balances/useIsInsufficientTokenBalance.js +1 -1
- package/dist/hooks/tokens/balances/useIsInsufficientTokenBalance.js.map +1 -1
- package/dist/hooks/tokens/balances/useIsLimitOrderInsufficientBalance.js +1 -1
- package/dist/hooks/tokens/balances/useIsLimitOrderInsufficientBalance.js.map +1 -1
- package/dist/hooks/tokens/prices/queries.d.ts.map +1 -1
- package/dist/hooks/tokens/prices/queries.js +2 -2
- package/dist/hooks/tokens/prices/queries.js.map +1 -1
- package/dist/hooks/tokens/useAllTokensWithFilter.js +1 -1
- package/dist/hooks/tokens/useAllTokensWithFilter.js.map +1 -1
- package/dist/hooks/tokens/useTokenTaxFee.js +2 -2
- package/dist/hooks/tokens/useTokenTaxFee.js.map +1 -1
- package/dist/hooks/txs/queries/useTxHistory.d.ts.map +1 -1
- package/dist/hooks/txs/queries/useTxHistory.js +2 -2
- package/dist/hooks/txs/queries/useTxHistory.js.map +1 -1
- package/dist/hooks/useClickOutside.d.ts +4 -0
- package/dist/hooks/useClickOutside.d.ts.map +1 -0
- package/dist/hooks/useClickOutside.js +35 -0
- package/dist/hooks/useClickOutside.js.map +1 -0
- package/dist/hooks/useEIP1559Enabled.js +1 -1
- package/dist/hooks/useEIP1559Enabled.js.map +1 -1
- package/dist/hooks/useGlobalDeltaEnabled.js +1 -1
- package/dist/hooks/useGlobalDeltaEnabled.js.map +1 -1
- package/dist/hooks/useSDK.d.ts.map +1 -1
- package/dist/hooks/useSDK.js +11 -11
- package/dist/hooks/useSDK.js.map +1 -1
- package/dist/hooks/useSlippage.js +1 -1
- package/dist/hooks/useSlippage.js.map +1 -1
- package/dist/lib/constants/index.d.ts +0 -2
- package/dist/lib/constants/index.d.ts.map +1 -1
- package/dist/lib/constants/index.js +1 -4
- package/dist/lib/constants/index.js.map +1 -1
- package/dist/lib/constants/urls.d.ts +4 -0
- package/dist/lib/constants/urls.d.ts.map +1 -0
- package/dist/lib/constants/urls.js +30 -0
- package/dist/lib/constants/urls.js.map +1 -0
- package/dist/lib/utils/explorer.d.ts.map +1 -1
- package/dist/lib/utils/explorer.js +3 -3
- package/dist/lib/utils/explorer.js.map +1 -1
- package/dist/lib/utils/price.js +1 -1
- package/dist/styles.css +23 -22
- package/dist/tokens/hooks.js +1 -1
- package/dist/tokens/hooks.js.map +1 -1
- package/dist/tokens/lists/state/effects.js +1 -2
- package/dist/tokens/lists/state/effects.js.map +1 -1
- package/dist/tokens/queries.js +1 -1
- package/dist/tokens/queries.js.map +1 -1
- package/dist/transactions/state/hooks/useActivateEffects.js +1 -1
- package/dist/transactions/state/hooks/useActivateEffects.js.map +1 -1
- package/dist/transactions/state/hooks/useTransactions.js +2 -2
- package/dist/transactions/state/hooks/useTransactions.js.map +1 -1
- package/dist/transactions/state/transactionsActionAtom.js +1 -1
- package/dist/transactions/state/transactionsActionAtom.js.map +1 -1
- package/package.json +4 -3
- package/dist/components/ui/dialog.js +0 -261
- package/dist/components/ui/dialog.js.map +0 -1
- package/dist/components/widget/AppHeader/OtcOrdersDrawerButton.d.ts +0 -2
- package/dist/components/widget/AppHeader/OtcOrdersDrawerButton.d.ts.map +0 -1
- package/dist/components/widget/Dialog/ConnectWalletDialog/ConnectWalletDialog.js +0 -24
- package/dist/components/widget/Dialog/ConnectWalletDialog/ConnectWalletDialog.js.map +0 -1
- package/dist/components/widget/Dialog/DialogRoot.js +0 -47
- package/dist/components/widget/Dialog/DialogRoot.js.map +0 -1
- package/dist/components/widget/Dialog/dialogByType.js +0 -10
- package/dist/components/widget/Dialog/dialogByType.js.map +0 -1
- package/dist/components/widget/Dialog/state/dialogAtom.js +0 -85
- package/dist/components/widget/Dialog/state/dialogAtom.js.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderDetails/Controls.d.ts.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderDetails/Controls.js.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderDetails/LimitOrderDetails.d.ts.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderDetails/LimitOrderDetails.js.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderDetails/utils.d.ts.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderDetails/utils.js.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderListItem.d.ts.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderListItem.js.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderTabs.d.ts +0 -7
- package/dist/components/widget/LimitOrdersDrawer/LimitOrderTabs.d.ts.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/LimitOrdersList.d.ts +0 -7
- package/dist/components/widget/LimitOrdersDrawer/LimitOrdersList.d.ts.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/constants.d.ts.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/constants.js.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/types.d.ts.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/utils.d.ts.map +0 -1
- package/dist/components/widget/LimitOrdersDrawer/utils.js.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/Controls.d.ts.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/Controls.js.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/OtcOrderDetails.d.ts.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/OtcOrderDetails.js.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/utils.d.ts.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/OtcOrderDetails/utils.js.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/OtcOrderListItem.d.ts.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/OtcOrderListItem.js.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/OtcOrderTabs.d.ts +0 -7
- package/dist/components/widget/OtcOrdersDrawer/OtcOrderTabs.d.ts.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/OtcOrdersList.d.ts +0 -12
- package/dist/components/widget/OtcOrdersDrawer/OtcOrdersList.d.ts.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/constants.d.ts.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/constants.js.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/types.d.ts.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/utils.d.ts.map +0 -1
- package/dist/components/widget/OtcOrdersDrawer/utils.js.map +0 -1
- package/dist/configurator/components/common/ButtonGroup.d.ts +0 -12
- package/dist/configurator/components/common/ButtonGroup.d.ts.map +0 -1
- package/dist/core/TradeFlowButton.d.ts +0 -27
- package/dist/core/TradeFlowButton.d.ts.map +0 -1
- package/dist/core/TradeFlowButton.js +0 -963
- package/dist/core/TradeFlowButton.js.map +0 -1
- package/dist/core/inputs/state/store.d.ts +0 -2
- package/dist/core/inputs/state/store.d.ts.map +0 -1
- package/dist/core/inputs/state/store.js +0 -6
- package/dist/core/inputs/state/store.js.map +0 -1
- /package/dist/components/widget/{LimitOrdersDrawer → LimitOrderItem}/LimitOrderDetails/Controls.d.ts +0 -0
- /package/dist/components/widget/{LimitOrdersDrawer → LimitOrderItem}/LimitOrderDetails/Controls.js +0 -0
- /package/dist/components/widget/{LimitOrdersDrawer → LimitOrderItem}/LimitOrderDetails/LimitOrderDetails.d.ts +0 -0
- /package/dist/components/widget/{LimitOrdersDrawer → LimitOrderItem}/LimitOrderDetails/LimitOrderDetails.js +0 -0
- /package/dist/components/widget/{LimitOrdersDrawer → LimitOrderItem}/LimitOrderDetails/utils.d.ts +0 -0
- /package/dist/components/widget/{LimitOrdersDrawer → LimitOrderItem}/LimitOrderDetails/utils.js +0 -0
- /package/dist/components/widget/{LimitOrdersDrawer → LimitOrderItem}/LimitOrderListItem.d.ts +0 -0
- /package/dist/components/widget/{LimitOrdersDrawer → LimitOrderItem}/constants.d.ts +0 -0
- /package/dist/components/widget/{LimitOrdersDrawer → LimitOrderItem}/constants.js +0 -0
- /package/dist/components/widget/{LimitOrdersDrawer → LimitOrderItem}/types.d.ts +0 -0
- /package/dist/components/widget/{LimitOrdersDrawer → LimitOrderItem}/utils.d.ts +0 -0
- /package/dist/components/widget/{LimitOrdersDrawer → LimitOrderItem}/utils.js +0 -0
- /package/dist/components/widget/{OtcOrdersDrawer → OtcOrderItem}/OtcOrderDetails/Controls.d.ts +0 -0
- /package/dist/components/widget/{OtcOrdersDrawer → OtcOrderItem}/OtcOrderDetails/Controls.js +0 -0
- /package/dist/components/widget/{OtcOrdersDrawer → OtcOrderItem}/OtcOrderDetails/OtcOrderDetails.d.ts +0 -0
- /package/dist/components/widget/{OtcOrdersDrawer → OtcOrderItem}/OtcOrderDetails/utils.d.ts +0 -0
- /package/dist/components/widget/{OtcOrdersDrawer → OtcOrderItem}/OtcOrderDetails/utils.js +0 -0
- /package/dist/components/widget/{OtcOrdersDrawer → OtcOrderItem}/OtcOrderListItem.d.ts +0 -0
- /package/dist/components/widget/{OtcOrdersDrawer → OtcOrderItem}/constants.d.ts +0 -0
- /package/dist/components/widget/{OtcOrdersDrawer → OtcOrderItem}/constants.js +0 -0
- /package/dist/components/widget/{OtcOrdersDrawer → OtcOrderItem}/utils.js +0 -0
|
@@ -2,12 +2,14 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
2
2
|
import { d as distExports } from '../../../_virtual/index.js';
|
|
3
3
|
import { DrawerHeader, DrawerTitle, DrawerClose, Drawer, DrawerDescription, DrawerPortal, DrawerContent } from '../../ui/drawer.js';
|
|
4
4
|
import { useContainerAtom } from '../../../core/state/containerAtom.js';
|
|
5
|
+
import { cn } from '../../../lib/utils/index.js';
|
|
5
6
|
import { ArrowLeft, XIcon } from 'lucide-react';
|
|
6
7
|
|
|
7
8
|
function ControlledDrawer(t0) {
|
|
8
|
-
const $ = distExports.c(
|
|
9
|
+
const $ = distExports.c(44);
|
|
9
10
|
let _container;
|
|
10
11
|
let children;
|
|
12
|
+
let classes;
|
|
11
13
|
let closeButtonReplacement;
|
|
12
14
|
let description;
|
|
13
15
|
let onGoBack;
|
|
@@ -25,12 +27,13 @@ function ControlledDrawer(t0) {
|
|
|
25
27
|
description: t62,
|
|
26
28
|
showCloseButton: t72,
|
|
27
29
|
showGoBackButton: t82,
|
|
28
|
-
onGoBack:
|
|
29
|
-
closeButtonReplacement:
|
|
30
|
+
onGoBack: t92,
|
|
31
|
+
closeButtonReplacement: t102,
|
|
30
32
|
logger,
|
|
31
33
|
dismissible: t11,
|
|
32
34
|
scrollIntoView: t12,
|
|
33
|
-
|
|
35
|
+
classes: t13,
|
|
36
|
+
...t14
|
|
34
37
|
} = t0;
|
|
35
38
|
children = t32;
|
|
36
39
|
_container = t42;
|
|
@@ -38,57 +41,69 @@ function ControlledDrawer(t0) {
|
|
|
38
41
|
description = t62;
|
|
39
42
|
showCloseButton = t72;
|
|
40
43
|
showGoBackButton = t82;
|
|
41
|
-
onGoBack =
|
|
42
|
-
closeButtonReplacement =
|
|
44
|
+
onGoBack = t92;
|
|
45
|
+
closeButtonReplacement = t102;
|
|
43
46
|
t1 = t11;
|
|
44
47
|
t2 = t12;
|
|
45
|
-
|
|
48
|
+
classes = t13;
|
|
49
|
+
props = t14;
|
|
46
50
|
$[0] = t0;
|
|
47
51
|
$[1] = _container;
|
|
48
52
|
$[2] = children;
|
|
49
|
-
$[3] =
|
|
50
|
-
$[4] =
|
|
51
|
-
$[5] =
|
|
52
|
-
$[6] =
|
|
53
|
-
$[7] =
|
|
54
|
-
$[8] =
|
|
55
|
-
$[9] =
|
|
56
|
-
$[10] =
|
|
57
|
-
$[11] =
|
|
53
|
+
$[3] = classes;
|
|
54
|
+
$[4] = closeButtonReplacement;
|
|
55
|
+
$[5] = description;
|
|
56
|
+
$[6] = onGoBack;
|
|
57
|
+
$[7] = props;
|
|
58
|
+
$[8] = showCloseButton;
|
|
59
|
+
$[9] = showGoBackButton;
|
|
60
|
+
$[10] = t1;
|
|
61
|
+
$[11] = t2;
|
|
62
|
+
$[12] = title;
|
|
58
63
|
} else {
|
|
59
64
|
_container = $[1];
|
|
60
65
|
children = $[2];
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
66
|
+
classes = $[3];
|
|
67
|
+
closeButtonReplacement = $[4];
|
|
68
|
+
description = $[5];
|
|
69
|
+
onGoBack = $[6];
|
|
70
|
+
props = $[7];
|
|
71
|
+
showCloseButton = $[8];
|
|
72
|
+
showGoBackButton = $[9];
|
|
73
|
+
t1 = $[10];
|
|
74
|
+
t2 = $[11];
|
|
75
|
+
title = $[12];
|
|
70
76
|
}
|
|
71
77
|
const dismissible = t1 === void 0 ? false : t1;
|
|
72
78
|
const scrollIntoView = t2 === void 0 ? true : t2;
|
|
73
79
|
const drawerContainer = useContainerAtom();
|
|
74
80
|
const container = _container || drawerContainer;
|
|
75
81
|
const shouldShowHeader = !!(showGoBackButton || title || showCloseButton || closeButtonReplacement);
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
82
|
+
const t3 = classes?.content;
|
|
83
|
+
let t4;
|
|
84
|
+
if ($[13] !== t3) {
|
|
85
|
+
t4 = cn("absolute p-0 bg-contrast-8 dark:bg-contrast-1", t3);
|
|
86
|
+
$[13] = t3;
|
|
87
|
+
$[14] = t4;
|
|
88
|
+
} else {
|
|
89
|
+
t4 = $[14];
|
|
90
|
+
}
|
|
91
|
+
let t5;
|
|
92
|
+
if ($[15] !== drawerContainer || $[16] !== props) {
|
|
93
|
+
t5 = () => {
|
|
79
94
|
if (drawerContainer && !props.open) {
|
|
80
95
|
restoreContainer.onAnimationStart(drawerContainer);
|
|
81
96
|
}
|
|
82
97
|
};
|
|
83
|
-
$[
|
|
84
|
-
$[
|
|
85
|
-
$[
|
|
98
|
+
$[15] = drawerContainer;
|
|
99
|
+
$[16] = props;
|
|
100
|
+
$[17] = t5;
|
|
86
101
|
} else {
|
|
87
|
-
|
|
102
|
+
t5 = $[17];
|
|
88
103
|
}
|
|
89
|
-
let
|
|
90
|
-
if ($[
|
|
91
|
-
|
|
104
|
+
let t6;
|
|
105
|
+
if ($[18] !== drawerContainer || $[19] !== props || $[20] !== scrollIntoView) {
|
|
106
|
+
t6 = (event) => {
|
|
92
107
|
if (drawerContainer) {
|
|
93
108
|
maybeMoveIntoPage({
|
|
94
109
|
element: event.currentTarget,
|
|
@@ -101,69 +116,70 @@ function ControlledDrawer(t0) {
|
|
|
101
116
|
maybeScrollIntoView(event.currentTarget);
|
|
102
117
|
}
|
|
103
118
|
};
|
|
104
|
-
$[
|
|
105
|
-
$[
|
|
106
|
-
$[
|
|
107
|
-
$[
|
|
119
|
+
$[18] = drawerContainer;
|
|
120
|
+
$[19] = props;
|
|
121
|
+
$[20] = scrollIntoView;
|
|
122
|
+
$[21] = t6;
|
|
108
123
|
} else {
|
|
109
|
-
|
|
124
|
+
t6 = $[21];
|
|
110
125
|
}
|
|
111
|
-
let
|
|
112
|
-
if ($[
|
|
113
|
-
|
|
126
|
+
let t7;
|
|
127
|
+
if ($[22] !== closeButtonReplacement || $[23] !== onGoBack || $[24] !== props || $[25] !== shouldShowHeader || $[26] !== showCloseButton || $[27] !== showGoBackButton || $[28] !== title) {
|
|
128
|
+
t7 = shouldShowHeader ? /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
|
|
114
129
|
/* @__PURE__ */ jsxs(DrawerTitle, { className: "flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7", children: [
|
|
115
130
|
showGoBackButton && /* @__PURE__ */ jsx(ArrowLeft, { className: "ring-offset-background cursor-pointer size-4 focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", onClick: onGoBack || props.onClose }),
|
|
116
131
|
title
|
|
117
132
|
] }),
|
|
118
133
|
closeButtonReplacement ?? (showCloseButton && /* @__PURE__ */ jsx(DrawerClose, { className: "ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", onClick: props.onClose, children: /* @__PURE__ */ jsx(XIcon, {}) }))
|
|
119
134
|
] }) }) : /* @__PURE__ */ jsx(DrawerTitle, { className: "sr-only" });
|
|
120
|
-
$[
|
|
121
|
-
$[
|
|
122
|
-
$[
|
|
123
|
-
$[
|
|
124
|
-
$[
|
|
125
|
-
$[
|
|
126
|
-
$[
|
|
127
|
-
$[
|
|
135
|
+
$[22] = closeButtonReplacement;
|
|
136
|
+
$[23] = onGoBack;
|
|
137
|
+
$[24] = props;
|
|
138
|
+
$[25] = shouldShowHeader;
|
|
139
|
+
$[26] = showCloseButton;
|
|
140
|
+
$[27] = showGoBackButton;
|
|
141
|
+
$[28] = title;
|
|
142
|
+
$[29] = t7;
|
|
128
143
|
} else {
|
|
129
|
-
|
|
144
|
+
t7 = $[29];
|
|
130
145
|
}
|
|
131
|
-
let
|
|
132
|
-
if ($[
|
|
133
|
-
|
|
134
|
-
$[
|
|
135
|
-
$[
|
|
146
|
+
let t8;
|
|
147
|
+
if ($[30] !== description) {
|
|
148
|
+
t8 = /* @__PURE__ */ jsx(DrawerDescription, { children: description });
|
|
149
|
+
$[30] = description;
|
|
150
|
+
$[31] = t8;
|
|
136
151
|
} else {
|
|
137
|
-
|
|
152
|
+
t8 = $[31];
|
|
138
153
|
}
|
|
139
|
-
let
|
|
140
|
-
if ($[
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
154
|
+
let t9;
|
|
155
|
+
if ($[32] !== children || $[33] !== t4 || $[34] !== t5 || $[35] !== t6 || $[36] !== t7 || $[37] !== t8) {
|
|
156
|
+
t9 = /* @__PURE__ */ jsx(DrawerPortal, { children: /* @__PURE__ */ jsxs(DrawerContent, { className: t4, onAnimationStart: t5, onAnimationEnd: t6, children: [
|
|
157
|
+
t7,
|
|
158
|
+
t8,
|
|
144
159
|
children
|
|
145
160
|
] }) });
|
|
146
|
-
$[
|
|
147
|
-
$[
|
|
148
|
-
$[
|
|
149
|
-
$[
|
|
150
|
-
$[
|
|
151
|
-
$[
|
|
161
|
+
$[32] = children;
|
|
162
|
+
$[33] = t4;
|
|
163
|
+
$[34] = t5;
|
|
164
|
+
$[35] = t6;
|
|
165
|
+
$[36] = t7;
|
|
166
|
+
$[37] = t8;
|
|
167
|
+
$[38] = t9;
|
|
152
168
|
} else {
|
|
153
|
-
|
|
169
|
+
t9 = $[38];
|
|
154
170
|
}
|
|
155
|
-
let
|
|
156
|
-
if ($[
|
|
157
|
-
|
|
158
|
-
$[
|
|
159
|
-
$[
|
|
160
|
-
$[
|
|
161
|
-
$[
|
|
162
|
-
$[
|
|
171
|
+
let t10;
|
|
172
|
+
if ($[39] !== container || $[40] !== dismissible || $[41] !== props || $[42] !== t9) {
|
|
173
|
+
t10 = /* @__PURE__ */ jsx(Drawer, { ...props, container, dismissible, modal: false, children: t9 });
|
|
174
|
+
$[39] = container;
|
|
175
|
+
$[40] = dismissible;
|
|
176
|
+
$[41] = props;
|
|
177
|
+
$[42] = t9;
|
|
178
|
+
$[43] = t10;
|
|
163
179
|
} else {
|
|
164
|
-
|
|
180
|
+
t10 = $[43];
|
|
165
181
|
}
|
|
166
|
-
return
|
|
182
|
+
return t10;
|
|
167
183
|
}
|
|
168
184
|
function isElementAbovePage(element) {
|
|
169
185
|
const rect = element.getBoundingClientRect();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n Drawer,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerTitle,\n DrawerPortal,\n DrawerDescription,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/core/state/containerAtom\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { XIcon, ArrowLeft } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n open: boolean;\n children?: React.ReactNode;\n container?: HTMLElement | null;\n title?: string;\n description?: string;\n showGoBackButton?: boolean;\n onGoBack?: () => void;\n showCloseButton?: boolean;\n logger?: LoggerInstance;\n closeButtonReplacement?: React.ReactNode;\n scrollIntoView?: boolean;\n};\n\nexport function ControlledDrawer({\n children,\n container: _container,\n title,\n description,\n showCloseButton,\n showGoBackButton,\n onGoBack,\n closeButtonReplacement,\n logger,\n dismissible = false,\n scrollIntoView = true, // If Drawer Opened offscreen, scroll into view\n ...props\n}: ControlledDrawerProps) {\n const drawerContainer = useContainerAtom();\n const container = _container || drawerContainer;\n\n const shouldShowHeader = !!(\n showGoBackButton ||\n title ||\n showCloseButton ||\n closeButtonReplacement\n );\n\n return (\n <Drawer\n {...props}\n container={container}\n dismissible={dismissible}\n modal={false}\n >\n <DrawerPortal>\n <DrawerContent\n className=\"absolute p-0 bg-contrast-8 dark:bg-contrast-1\"\n onAnimationStart={() => {\n if (drawerContainer && !props.open) {\n // restore container to bottom\n restoreContainer.onAnimationStart(drawerContainer);\n }\n }}\n onAnimationEnd={(event) => {\n if (drawerContainer) {\n maybeMoveIntoPage({\n element: event.currentTarget,\n open: props.open,\n drawerContainer,\n });\n // restore normal transition if it was set to none\n restoreContainer.onAnimationEnd(drawerContainer);\n }\n\n // only after animated to Open state to prevent jiggle\n if (scrollIntoView && props.open) {\n // On short screens a Drawer may open offscreen and not be noticable\n maybeScrollIntoView(event.currentTarget);\n }\n }}\n >\n {shouldShowHeader ? (\n <DrawerHeader>\n <div className=\"flex items-center justify-between\">\n <DrawerTitle className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n {showGoBackButton && (\n <ArrowLeft\n className=\"ring-offset-background cursor-pointer size-4 focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\"\n onClick={onGoBack || props.onClose}\n />\n )}\n {title}\n </DrawerTitle>\n {closeButtonReplacement ??\n (showCloseButton && (\n <DrawerClose\n className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n onClick={props.onClose}\n >\n <XIcon />\n </DrawerClose>\n ))}\n </div>\n </DrawerHeader>\n ) : (\n // workaround to avoid \"DialogContent requires a DialogTitle for the component to be accessible for screen reader users\"\n // error if !shouldShowHeader\n <DrawerTitle className=\"sr-only\" />\n )}\n <DrawerDescription>{description}</DrawerDescription>\n {children}\n </DrawerContent>\n </DrawerPortal>\n </Drawer>\n );\n}\n\n// Helper function to check if an element is above the page (not viewport)\nfunction isElementAbovePage(element: Element) {\n const rect = element.getBoundingClientRect();\n const diff = Math.ceil(rect.top + window.scrollY);\n const isAbove = diff < 0;\n const overlap = isAbove ? Math.abs(diff) : 0;\n return {\n overlap,\n isAbove,\n };\n}\n\ntype MaybeMoveIntoPageProps = {\n element: Element;\n open: boolean;\n drawerContainer: HTMLElement;\n};\n\nfunction maybeMoveIntoPage({\n element,\n open,\n drawerContainer,\n}: MaybeMoveIntoPageProps) {\n if (open) {\n const { isAbove, overlap } = isElementAbovePage(element);\n if (isAbove) {\n drawerContainer.style.translate = `0 ${overlap}px`;\n }\n } else {\n drawerContainer.style.translate = \"\";\n }\n}\n\n// Helper function to check if an element is visible in the viewport\nfunction isElementVisibleInViewport(element: Element): boolean {\n const rect = element.getBoundingClientRect();\n\n return (\n rect.top <= window.innerHeight &&\n rect.bottom >= 0 &&\n rect.left <= window.innerWidth &&\n rect.right >= 0\n );\n}\n\nfunction maybeScrollIntoView(element: Element) {\n if (isElementVisibleInViewport(element)) {\n return;\n }\n element.scrollIntoView({\n behavior: \"smooth\",\n block: \"nearest\",\n inline: \"nearest\",\n });\n}\n\nconst restoreContainer = {\n onAnimationStart: (drawerContainer: HTMLElement) => {\n // restore container to bottom\n drawerContainer.style.translate = \"\";\n // set transition to snap container to bottom, looks better when not animated, because drawer is already closing\n drawerContainer.style.transition = \"none\";\n },\n onAnimationEnd: (drawerContainer: HTMLElement) => {\n // restore normal transition if it was set to none\n drawerContainer.style.transition = \"\";\n },\n};\n"],"names":["ControlledDrawer","t0","$","_c","_container","children","closeButtonReplacement","description","onGoBack","props","showCloseButton","showGoBackButton","t1","t2","title","t3","container","t4","t5","t6","t7","t8","t9","t10","logger","dismissible","t11","scrollIntoView","t12","t13","undefined","drawerContainer","useContainerAtom","shouldShowHeader","open","restoreContainer","onAnimationStart","event","maybeMoveIntoPage","element","currentTarget","onAnimationEnd","maybeScrollIntoView","onClose","isElementAbovePage","rect","getBoundingClientRect","diff","Math","ceil","top","window","scrollY","isAbove","overlap","abs","style","translate","isElementVisibleInViewport","innerHeight","bottom","left","innerWidth","right","behavior","block","inline","transition"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n Drawer,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerTitle,\n DrawerPortal,\n DrawerDescription,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/core/state/containerAtom\";\nimport { cn } from \"@/lib/utils\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { XIcon, ArrowLeft } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n open: boolean;\n children?: React.ReactNode;\n container?: HTMLElement | null;\n title?: string;\n description?: string;\n showGoBackButton?: boolean;\n onGoBack?: () => void;\n showCloseButton?: boolean;\n logger?: LoggerInstance;\n closeButtonReplacement?: React.ReactNode;\n scrollIntoView?: boolean;\n} & WithClasses<\"content\">;\n\nexport function ControlledDrawer({\n children,\n container: _container,\n title,\n description,\n showCloseButton,\n showGoBackButton,\n onGoBack,\n closeButtonReplacement,\n logger,\n dismissible = false,\n scrollIntoView = true, // If Drawer Opened offscreen, scroll into view\n classes,\n ...props\n}: ControlledDrawerProps) {\n const drawerContainer = useContainerAtom();\n const container = _container || drawerContainer;\n\n const shouldShowHeader = !!(\n showGoBackButton ||\n title ||\n showCloseButton ||\n closeButtonReplacement\n );\n\n return (\n <Drawer\n {...props}\n container={container}\n dismissible={dismissible}\n modal={false}\n >\n <DrawerPortal>\n <DrawerContent\n className={cn(\n \"absolute p-0 bg-contrast-8 dark:bg-contrast-1\",\n classes?.content\n )}\n onAnimationStart={() => {\n if (drawerContainer && !props.open) {\n // restore container to bottom\n restoreContainer.onAnimationStart(drawerContainer);\n }\n }}\n onAnimationEnd={(event) => {\n if (drawerContainer) {\n maybeMoveIntoPage({\n element: event.currentTarget,\n open: props.open,\n drawerContainer,\n });\n // restore normal transition if it was set to none\n restoreContainer.onAnimationEnd(drawerContainer);\n }\n\n // only after animated to Open state to prevent jiggle\n if (scrollIntoView && props.open) {\n // On short screens a Drawer may open offscreen and not be noticable\n maybeScrollIntoView(event.currentTarget);\n }\n }}\n >\n {shouldShowHeader ? (\n <DrawerHeader>\n <div className=\"flex items-center justify-between\">\n <DrawerTitle className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n {showGoBackButton && (\n <ArrowLeft\n className=\"ring-offset-background cursor-pointer size-4 focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\"\n onClick={onGoBack || props.onClose}\n />\n )}\n {title}\n </DrawerTitle>\n {closeButtonReplacement ??\n (showCloseButton && (\n <DrawerClose\n className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n onClick={props.onClose}\n >\n <XIcon />\n </DrawerClose>\n ))}\n </div>\n </DrawerHeader>\n ) : (\n // workaround to avoid \"DialogContent requires a DialogTitle for the component to be accessible for screen reader users\"\n // error if !shouldShowHeader\n <DrawerTitle className=\"sr-only\" />\n )}\n <DrawerDescription>{description}</DrawerDescription>\n {children}\n </DrawerContent>\n </DrawerPortal>\n </Drawer>\n );\n}\n\n// Helper function to check if an element is above the page (not viewport)\nfunction isElementAbovePage(element: Element) {\n const rect = element.getBoundingClientRect();\n const diff = Math.ceil(rect.top + window.scrollY);\n const isAbove = diff < 0;\n const overlap = isAbove ? Math.abs(diff) : 0;\n return {\n overlap,\n isAbove,\n };\n}\n\ntype MaybeMoveIntoPageProps = {\n element: Element;\n open: boolean;\n drawerContainer: HTMLElement;\n};\n\nfunction maybeMoveIntoPage({\n element,\n open,\n drawerContainer,\n}: MaybeMoveIntoPageProps) {\n if (open) {\n const { isAbove, overlap } = isElementAbovePage(element);\n if (isAbove) {\n drawerContainer.style.translate = `0 ${overlap}px`;\n }\n } else {\n drawerContainer.style.translate = \"\";\n }\n}\n\n// Helper function to check if an element is visible in the viewport\nfunction isElementVisibleInViewport(element: Element): boolean {\n const rect = element.getBoundingClientRect();\n\n return (\n rect.top <= window.innerHeight &&\n rect.bottom >= 0 &&\n rect.left <= window.innerWidth &&\n rect.right >= 0\n );\n}\n\nfunction maybeScrollIntoView(element: Element) {\n if (isElementVisibleInViewport(element)) {\n return;\n }\n element.scrollIntoView({\n behavior: \"smooth\",\n block: \"nearest\",\n inline: \"nearest\",\n });\n}\n\nconst restoreContainer = {\n onAnimationStart: (drawerContainer: HTMLElement) => {\n // restore container to bottom\n drawerContainer.style.translate = \"\";\n // set transition to snap container to bottom, looks better when not animated, because drawer is already closing\n drawerContainer.style.transition = \"none\";\n },\n onAnimationEnd: (drawerContainer: HTMLElement) => {\n // restore normal transition if it was set to none\n drawerContainer.style.transition = \"\";\n },\n};\n"],"names":["ControlledDrawer","t0","$","_c","_container","children","classes","closeButtonReplacement","description","onGoBack","props","showCloseButton","showGoBackButton","t1","t2","title","t3","container","t4","t5","t6","t7","t8","t9","t10","logger","dismissible","t11","scrollIntoView","t12","t13","t14","undefined","drawerContainer","useContainerAtom","shouldShowHeader","content","cn","open","restoreContainer","onAnimationStart","event","maybeMoveIntoPage","element","currentTarget","onAnimationEnd","maybeScrollIntoView","onClose","isElementAbovePage","rect","getBoundingClientRect","diff","Math","ceil","top","window","scrollY","isAbove","overlap","abs","style","translate","isElementVisibleInViewport","innerHeight","bottom","left","innerWidth","right","behavior","block","inline","transition"],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ export type DrawerControls = {
|
|
|
6
6
|
onOpenChange: (open: boolean) => void;
|
|
7
7
|
logger: LoggerInstance;
|
|
8
8
|
};
|
|
9
|
-
export type DrawerId = "account-button-drawer" | "trade-parameters-drawer" | "receiver-address-drawer" |
|
|
9
|
+
export type DrawerId = "account-button-drawer" | "trade-parameters-drawer" | "receiver-address-drawer" | "wrap-eth-drawer" | "connect-wallet-drawer" | "order-details" | "fill-order-review-and-confirm-drawer" | `import-token-drawer-${"from" | "to" | undefined}`;
|
|
10
10
|
export declare const openDrawerAtom: import('jotai').PrimitiveAtom<DrawerId | null> & {
|
|
11
11
|
init: DrawerId | null;
|
|
12
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDrawerControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"useDrawerControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKzD,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,cAAc,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAChB,uBAAuB,GACvB,yBAAyB,GACzB,yBAAyB,GACzB,iBAAiB,GACjB,uBAAuB,GACvB,eAAe,GACf,sCAAsC,GACtC,uBAAuB,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,CAAC;AAEvD,eAAO,MAAM,cAAc;;CAA8B,CAAC;AAU1D,eAAO,MAAM,eAAe,QAAO,QAAQ,GAAG,IAE7C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mDAI/B;IACD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;CACpB,KAAG,cAyCH,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kCAAkC,QAAO;IACpD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;CAsEvB,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { d as distExports } from '../../../../_virtual/index.js';
|
|
2
2
|
import { DRAWER_HEIGHT } from '../../../../core/constants.js';
|
|
3
3
|
import { useLogger } from '../../../../core/logger.js';
|
|
4
|
-
import { atom
|
|
4
|
+
import { atom } from 'jotai';
|
|
5
|
+
import { useAtom, useAtomValue } from '../../../../core/store.js';
|
|
5
6
|
import { useRef, useLayoutEffect } from 'react';
|
|
6
7
|
|
|
7
8
|
const openDrawerAtom = atom(null);
|
|
@@ -96,7 +97,7 @@ const useDrawerControls = (t0) => {
|
|
|
96
97
|
}
|
|
97
98
|
return t4;
|
|
98
99
|
};
|
|
99
|
-
const fullCoverDrawers = /* @__PURE__ */ new Set([
|
|
100
|
+
const fullCoverDrawers = /* @__PURE__ */ new Set([]);
|
|
100
101
|
const transition = "height 0.3s ease-in-out";
|
|
101
102
|
const useDrawerContainerHeightTransition = () => {
|
|
102
103
|
const $ = distExports.c(9);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDrawerControls.js","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { DRAWER_HEIGHT } from \"@/core/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { atom, useAtom, useAtomValue } from \"jotai\";\nimport { useLayoutEffect, useRef } from \"react\";\n\nexport type DrawerControls = {\n open: boolean;\n onOpen: () => void;\n onClose: () => void;\n onOpenChange: (open: boolean) => void;\n logger: LoggerInstance;\n};\n\nexport type DrawerId =\n | \"account-button-drawer\"\n | \"trade-parameters-drawer\"\n | \"receiver-address-drawer\"\n | `empty-select-token-drawer-${\"from\" | \"to\" | undefined}`\n | `select-token-drawer-${\"from\" | \"to\" | undefined}`\n | \"wrap-eth-drawer\"\n | \"connect-wallet-drawer\"\n | \"trade-flow-drawer\"\n | \"limit-order-flow-drawer\"\n | \"otc-order-flow-drawer\"\n | \"fill-otc-order-flow-drawer\"\n | \"limit-orders-drawer\" // @TODO Activities cleanup\n | \"limit-order-details\" // @TODO Activities cleanup\n | \"otc-orders-drawer\" // @TODO Activities cleanup\n | \"otc-order-details\" // @TODO Activities cleanup\n | \"order-details\"\n | \"fill-order-review-and-confirm-drawer\"\n | `import-token-drawer-${\"from\" | \"to\" | undefined}`\n | \"activities-drawer\";\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nopenDrawerAtom.onMount = (set) => {\n return () => {\n // Reset open drawer on unmount to prevent stuck open drawers on remount.\n // This happens, for example, on route change in the UI with any drawer open.\n set(null);\n };\n};\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n return useAtomValue(openDrawerAtom);\n};\n\nexport const useDrawerControls = ({\n onOpen: _onOpen,\n onClose: _onClose,\n drawerId,\n}: {\n onOpen?: () => void;\n onClose?: () => void;\n drawerId: DrawerId;\n}): DrawerControls => {\n const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n const open = openDrawer === drawerId;\n\n const logger = useLogger(drawerId);\n\n const onOpen = () => {\n logger.info(\"onOpen\");\n setOpenDrawer(drawerId);\n _onOpen?.();\n };\n const onClose = () => {\n logger.info(\"onClose\");\n setOpenDrawer((currentOpenDrawer) => {\n // only reset openDrawer if closing the drawer that is currently open,\n // so that we don't interfere with other drawers that are opening at the same time\n if (currentOpenDrawer === drawerId) {\n return null;\n }\n return currentOpenDrawer;\n });\n _onClose?.();\n };\n\n const onOpenChange = (open: boolean) => {\n if (open) {\n onOpen();\n } else {\n onClose();\n }\n };\n\n return {\n open,\n // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n onOpenChange,\n onOpen,\n onClose,\n logger,\n };\n};\n\n/**\n * Drawer IDs that should be considered full-cover drawers.\n *\n * When a full-cover drawer opens, the widget container height is transitioned to a fixed WIDGET_HEIGHT_CLASSNAME height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([\n \"trade-flow-drawer\",\n \"limit-order-flow-drawer\",\n \"otc-order-flow-drawer\",\n \"fill-otc-order-flow-drawer\",\n \"select-token-drawer-from\",\n \"select-token-drawer-to\",\n \"empty-select-token-drawer-from\",\n \"empty-select-token-drawer-to\",\n]);\n\nconst transition = \"height 0.3s ease-in-out\";\n\n/**\n * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.\n *\n * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height\n * to a fixed WIDGET_HEIGHT_CLASSNAME height. When the drawer closes, it animates back to the original height and then\n * resets to auto for natural sizing.\n *\n * This prevents jarring height jumps and provides a polished user experience during drawer interactions.\n *\n * @returns {Object} containerRef - React ref that should be attached to the widget container element\n *\n * @example\n * const { containerRef } = useDrawerContainerHeightTransition();\n * return <div ref={containerRef} className=\"widget-container\">...</div>\n */\nexport const useDrawerContainerHeightTransition = (): {\n containerRef: React.RefObject<HTMLDivElement | null>;\n drawerId: DrawerId | null;\n isDrawerFullCover: boolean;\n isDrawerOpen: boolean;\n} => {\n const containerRef = useRef<HTMLDivElement>(null);\n const previousHeightRef = useRef<number | null>(null);\n\n const currentDrawerId = useOpenDrawerId();\n const isDrawerFullCover =\n !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);\n\n useLayoutEffect(() => {\n if (containerRef.current) {\n const container = containerRef.current;\n\n if (isDrawerFullCover) {\n // Get current height\n const currentHeight = container.scrollHeight;\n // widget will be fully covered by the drawer, won't see the transition\n const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;\n if (shouldSkipTransition) {\n return;\n }\n previousHeightRef.current = currentHeight;\n container.style.overflow = \"hidden\";\n\n // Set current height first (no transition)\n container.style.transition = \"none\";\n container.style.height = `${currentHeight}px`;\n\n // Use requestAnimationFrame to ensure the first height is painted\n requestAnimationFrame(() => {\n // Enable transition and set target height\n container.style.transition = transition;\n container.style.height = `${DRAWER_HEIGHT}px`;\n });\n } else if (previousHeightRef.current !== null) {\n // Only transition back if we have a previous height\n container.style.transition = transition;\n container.style.height = `${previousHeightRef.current}px`;\n previousHeightRef.current = null;\n\n // After transition completes, reset to auto\n const onTransitionEnd = (event: TransitionEvent) => {\n if (\n event.target === container &&\n event.propertyName === \"height\" &&\n event.type === \"transitionend\"\n ) {\n container.style.height = \"auto\";\n container.style.transition = \"\";\n container.style.overflow = \"\";\n\n container.removeEventListener(\"transitionend\", onTransitionEnd);\n }\n };\n container.addEventListener(\"transitionend\", onTransitionEnd);\n\n return () => {\n // cleanup just in case\n container.removeEventListener(\"transitionend\", onTransitionEnd);\n };\n }\n }\n }, [isDrawerFullCover]);\n\n return {\n containerRef,\n drawerId: currentDrawerId,\n isDrawerFullCover,\n isDrawerOpen: !!currentDrawerId,\n };\n};\n"],"names":["openDrawerAtom","atom","onMount","set","useOpenDrawerId","useAtomValue","useDrawerControls","t0","$","_c","onOpen","_onOpen","onClose","_onClose","drawerId","openDrawer","setOpenDrawer","useAtom","open","logger","useLogger","t1","info","t2","currentOpenDrawer","t3","open_0","onOpenChange","t4","fullCoverDrawers","Set","transition","useDrawerContainerHeightTransition","containerRef","useRef","previousHeightRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","DRAWER_HEIGHT","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","useLayoutEffect","isDrawerOpen"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useDrawerControls.js","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { DRAWER_HEIGHT } from \"@/core/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { atom } from \"jotai\";\nimport { useAtom, useAtomValue } from \"@/core/store\";\nimport { useLayoutEffect, useRef } from \"react\";\n\nexport type DrawerControls = {\n open: boolean;\n onOpen: () => void;\n onClose: () => void;\n onOpenChange: (open: boolean) => void;\n logger: LoggerInstance;\n};\n\nexport type DrawerId =\n | \"account-button-drawer\"\n | \"trade-parameters-drawer\"\n | \"receiver-address-drawer\"\n | \"wrap-eth-drawer\"\n | \"connect-wallet-drawer\"\n | \"order-details\"\n | \"fill-order-review-and-confirm-drawer\"\n | `import-token-drawer-${\"from\" | \"to\" | undefined}`;\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nopenDrawerAtom.onMount = (set) => {\n return () => {\n // Reset open drawer on unmount to prevent stuck open drawers on remount.\n // This happens, for example, on route change in the UI with any drawer open.\n set(null);\n };\n};\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n return useAtomValue(openDrawerAtom);\n};\n\nexport const useDrawerControls = ({\n onOpen: _onOpen,\n onClose: _onClose,\n drawerId,\n}: {\n onOpen?: () => void;\n onClose?: () => void;\n drawerId: DrawerId;\n}): DrawerControls => {\n const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n const open = openDrawer === drawerId;\n\n const logger = useLogger(drawerId);\n\n const onOpen = () => {\n logger.info(\"onOpen\");\n setOpenDrawer(drawerId);\n _onOpen?.();\n };\n const onClose = () => {\n logger.info(\"onClose\");\n setOpenDrawer((currentOpenDrawer) => {\n // only reset openDrawer if closing the drawer that is currently open,\n // so that we don't interfere with other drawers that are opening at the same time\n if (currentOpenDrawer === drawerId) {\n return null;\n }\n return currentOpenDrawer;\n });\n _onClose?.();\n };\n\n const onOpenChange = (open: boolean) => {\n if (open) {\n onOpen();\n } else {\n onClose();\n }\n };\n\n return {\n open,\n // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n onOpenChange,\n onOpen,\n onClose,\n logger,\n };\n};\n\n/**\n * Drawer IDs that should be considered full-cover drawers.\n *\n * When a full-cover drawer opens, the widget container height is transitioned to a fixed WIDGET_HEIGHT_CLASSNAME height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([]);\n\nconst transition = \"height 0.3s ease-in-out\";\n\n/**\n * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.\n *\n * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height\n * to a fixed WIDGET_HEIGHT_CLASSNAME height. When the drawer closes, it animates back to the original height and then\n * resets to auto for natural sizing.\n *\n * This prevents jarring height jumps and provides a polished user experience during drawer interactions.\n *\n * @returns {Object} containerRef - React ref that should be attached to the widget container element\n *\n * @example\n * const { containerRef } = useDrawerContainerHeightTransition();\n * return <div ref={containerRef} className=\"widget-container\">...</div>\n */\nexport const useDrawerContainerHeightTransition = (): {\n containerRef: React.RefObject<HTMLDivElement | null>;\n drawerId: DrawerId | null;\n isDrawerFullCover: boolean;\n isDrawerOpen: boolean;\n} => {\n const containerRef = useRef<HTMLDivElement>(null);\n const previousHeightRef = useRef<number | null>(null);\n\n const currentDrawerId = useOpenDrawerId();\n const isDrawerFullCover =\n !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);\n\n useLayoutEffect(() => {\n if (containerRef.current) {\n const container = containerRef.current;\n\n if (isDrawerFullCover) {\n // Get current height\n const currentHeight = container.scrollHeight;\n // widget will be fully covered by the drawer, won't see the transition\n const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;\n if (shouldSkipTransition) {\n return;\n }\n previousHeightRef.current = currentHeight;\n container.style.overflow = \"hidden\";\n\n // Set current height first (no transition)\n container.style.transition = \"none\";\n container.style.height = `${currentHeight}px`;\n\n // Use requestAnimationFrame to ensure the first height is painted\n requestAnimationFrame(() => {\n // Enable transition and set target height\n container.style.transition = transition;\n container.style.height = `${DRAWER_HEIGHT}px`;\n });\n } else if (previousHeightRef.current !== null) {\n // Only transition back if we have a previous height\n container.style.transition = transition;\n container.style.height = `${previousHeightRef.current}px`;\n previousHeightRef.current = null;\n\n // After transition completes, reset to auto\n const onTransitionEnd = (event: TransitionEvent) => {\n if (\n event.target === container &&\n event.propertyName === \"height\" &&\n event.type === \"transitionend\"\n ) {\n container.style.height = \"auto\";\n container.style.transition = \"\";\n container.style.overflow = \"\";\n\n container.removeEventListener(\"transitionend\", onTransitionEnd);\n }\n };\n container.addEventListener(\"transitionend\", onTransitionEnd);\n\n return () => {\n // cleanup just in case\n container.removeEventListener(\"transitionend\", onTransitionEnd);\n };\n }\n }\n }, [isDrawerFullCover]);\n\n return {\n containerRef,\n drawerId: currentDrawerId,\n isDrawerFullCover,\n isDrawerOpen: !!currentDrawerId,\n };\n};\n"],"names":["openDrawerAtom","atom","onMount","set","useOpenDrawerId","useAtomValue","useDrawerControls","t0","$","_c","onOpen","_onOpen","onClose","_onClose","drawerId","openDrawer","setOpenDrawer","useAtom","open","logger","useLogger","t1","info","t2","currentOpenDrawer","t3","open_0","onOpenChange","t4","fullCoverDrawers","Set","transition","useDrawerContainerHeightTransition","containerRef","useRef","previousHeightRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","DRAWER_HEIGHT","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","useLayoutEffect","isDrawerOpen"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { d as distExports } from '../../../_virtual/index.js';
|
|
3
|
-
import { useSetAtom } from '
|
|
3
|
+
import { useSetAtom } from '../../../core/store.js';
|
|
4
4
|
import { addImportedTokenAtom } from '../../../tokens/state/addImportedTokenAtom.js';
|
|
5
5
|
import { WarningWithTitle } from '../Warning/Warning.js';
|
|
6
6
|
import { Button } from '../../ui/button.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImportToken.js","sources":["../../../../src/components/widget/ImportToken/ImportToken.tsx"],"sourcesContent":["import { useSetAtom } from \"
|
|
1
|
+
{"version":3,"file":"ImportToken.js","sources":["../../../../src/components/widget/ImportToken/ImportToken.tsx"],"sourcesContent":["import { useSetAtom } from \"@/core/store\";\nimport { addImportedTokenAtom } from \"@/tokens/state/addImportedTokenAtom\";\nimport { WarningWithTitle } from \"../Warning/Warning\";\nimport { Button } from \"@/components/ui/button\";\nimport { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport type { ImportTokenDrawerProps } from \"./types\";\nimport { constructTokenLinkForChain } from \"@/lib/utils/explorer\";\n\nconst URL_CUSTOM_TOKEN_RISKS =\n \"https://help.velora.xyz/en/articles/6660821-the-risks-of-using-custom-tokens\";\n\ntype ImportTokenProps = ImportTokenDrawerProps & {\n onClose: () => void;\n};\n\nexport const ImportToken = (props: ImportTokenProps) => {\n const addImportedToken = useSetAtom(addImportedTokenAtom);\n\n const handleImport = () => {\n addImportedToken({\n newToken: props.token,\n afterAction: props.onConfirmAction,\n });\n\n props.onClose();\n };\n\n return (\n <div className=\"p-[24px] pt-0\">\n <div className=\"mb-5 text-contrast-4 dark:text-contrast-7\">\n <a\n href={constructTokenLinkForChain({\n chainId: props.token.network,\n address: props.token.address,\n })}\n target=\"_blank\"\n className=\"underline-offset-2\"\n >\n <TokenBadge\n img={props.token.img}\n classes={{ logo: \"size-[24px]\", root: \"underline\" }}\n address={props.token.address}\n symbol={props.token.symbol}\n chainId={props.token.network}\n showNetworkIcon\n />\n </a>\n </div>\n <WarningWithTitle\n title=\"Custom Tokens Alert\"\n message={\n <div className=\"flex flex-col gap-2\">\n <div>\n Always verify the tokens you are importing are legitimate, as\n trading unsafe tokens can lead to financial losses.\n </div>\n <div>\n Velora cannot verify the security of the token, and some tokens\n with transfer fees might fail when using our UI.\n </div>\n </div>\n }\n />\n\n <div className=\"text-sm text-contrast-4 dark:text-contrast-6 mt-7\">\n By proceeding to import custom tokens, you confirm that you acknowledge{\" \"}\n <a\n className=\"underline hover:text-contrast-5 dark:hover:text-contrast-7\"\n href={URL_CUSTOM_TOKEN_RISKS}\n target=\"_blank\"\n >\n the risks of using custom tokens\n </a>\n </div>\n <div className=\"pt-8 pb-5\">\n <Button radius=\"xs\" className=\"w-full h-[40px]\" onClick={handleImport}>\n Import\n </Button>\n </div>\n </div>\n );\n};\n"],"names":["URL_CUSTOM_TOKEN_RISKS","ImportToken","props","$","_c","addImportedToken","useSetAtom","addImportedTokenAtom","t0","newToken","token","afterAction","onConfirmAction","onClose","handleImport","t1","address","network","constructTokenLinkForChain","chainId","t2","Symbol","for","logo","root","t3","img","symbol","t4","t5","t6","t7","t8"],"mappings":";;;;;;;;;AAQA,MAAMA,sBAAAA,GACJ,8EAAA;AAMK,MAAMC,cAAcC,CAAAA,KAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AACzB,EAAA,MAAAC,gBAAAA,GAAyBC,WAAWC,oBAAoB,CAAA;AAAE,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAE,oBAAAF,CAAAA,QAAAD,KAAAA,EAAA;AAErCM,IAAAA,EAAAA,GAAAA,MAAA;AACnBH,MAAAA,gBAAAA,CAAiB;AAAA,QAAAI,UACLP,KAAAA,CAAKQ,KAAAA;AAAAA,QAAMC,aACRT,KAAAA,CAAKU;AAAAA,OACnB,CAAA;AAEDV,MAAAA,KAAAA,CAAKW,OAAAA,EAAS;AAAA,IAAC,CAAA;AAChBV,IAAAA,CAAAA,MAAAE,gBAAAA;AAAAF,IAAAA,CAAAA,MAAAD,KAAAA;AAAAC,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAPD,EAAA,MAAAW,YAAAA,GAAqBN,EAAAA;AAOnB,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAD,KAAAA,CAAAQ,KAAAA,CAAAM,OAAAA,IAAAb,CAAAA,CAAA,CAAA,CAAA,KAAAD,KAAAA,CAAAQ,KAAAA,CAAAO,OAAAA,EAAA;AAMYF,IAAAA,EAAAA,GAAAG,0BAAAA,CAA2B;AAAA,MAAAC,OAAAA,EACtBjB,MAAKQ,KAAAA,CAAMO,OAAAA;AAAAA,MAAQD,OAAAA,EACnBd,MAAKQ,KAAAA,CAAMM;AAAAA,KACrB,CAAA;AAACb,IAAAA,CAAAA,CAAA,CAAA,CAAA,GAAAD,KAAAA,CAAAQ,KAAAA,CAAAM,OAAAA;AAAAb,IAAAA,CAAAA,CAAA,CAAA,CAAA,GAAAD,KAAAA,CAAAQ,KAAAA,CAAAO,OAAAA;AAAAd,IAAAA,CAAAA,MAAAY,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAZ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAiB,EAAAA;AAAA,EAAA,IAAAjB,EAAA,CAAA,CAAA,KAAAkB,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAMSF,IAAAA,EAAAA,GAAA;AAAA,MAAAG,IAAAA,EAAQ,aAAA;AAAA,MAAaC,IAAAA,EAAQ;AAAA,KAAY;AAACrB,IAAAA,CAAAA,MAAAiB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAjB,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAsB,EAAAA;AAAA,EAAA,IAAAtB,CAAAA,CAAA,CAAA,CAAA,KAAAD,KAAAA,CAAAQ,MAAAM,OAAAA,IAAAb,CAAAA,CAAA,CAAA,CAAA,KAAAD,KAAAA,CAAAQ,KAAAA,CAAAgB,OAAAvB,CAAAA,CAAA,CAAA,CAAA,KAAAD,KAAAA,CAAAQ,KAAAA,CAAAO,OAAAA,IAAAd,EAAA,EAAA,CAAA,KAAAD,KAAAA,CAAAQ,KAAAA,CAAAiB,MAAAA,EAAA;AAFrDF,IAAAA,EAAAA,mBAAA,GAAA,CAAC,cACM,GAAA,EAAAvB,KAAAA,CAAKQ,MAAMgB,GAAAA,EACP,OAAA,EAAAN,IACA,OAAA,EAAAlB,KAAAA,CAAKQ,MAAMM,OAAAA,EACZ,MAAA,EAAAd,MAAKQ,KAAAA,CAAMiB,MAAAA,EACV,SAAAzB,KAAAA,CAAKQ,KAAAA,CAAMO,OAAAA,EACpB,eAAA,EAAA,IAAA,EAAe,CAAA;AACfd,IAAAA,CAAAA,CAAA,CAAA,CAAA,GAAAD,KAAAA,CAAAQ,KAAAA,CAAAM,OAAAA;AAAAb,IAAAA,CAAAA,CAAA,CAAA,CAAA,GAAAD,KAAAA,CAAAQ,KAAAA,CAAAgB,GAAAA;AAAAvB,IAAAA,CAAAA,CAAA,CAAA,CAAA,GAAAD,KAAAA,CAAAQ,KAAAA,CAAAO,OAAAA;AAAAd,IAAAA,CAAAA,CAAA,EAAA,CAAA,GAAAD,KAAAA,CAAAQ,KAAAA,CAAAiB,MAAAA;AAAAxB,IAAAA,CAAAA,OAAAsB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAtB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAyB,EAAAA;AAAA,EAAA,IAAAzB,EAAA,EAAA,CAAA,KAAAY,MAAAZ,CAAAA,SAAAsB,EAAAA,EAAA;AAhBNG,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,2CAAA,EACb,QAAA,kBAAA,GAAA,CAAA,GAAA,EAAA,EACQ,IAAA,EAAAb,EAAAA,EAIC,MAAA,EAAA,QAAA,EACG,SAAA,EAAA,oBAAA,EAEVU,cAQF,CAAA,EACF,CAAA;AAAMtB,IAAAA,CAAAA,OAAAY,EAAAA;AAAAZ,IAAAA,CAAAA,OAAAsB,EAAAA;AAAAtB,IAAAA,CAAAA,OAAAyB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAzB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA0B,EAAAA;AAAA,EAAA,IAAA1B,EAAA,EAAA,CAAA,KAAAkB,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACNO,IAAAA,EAAAA,mBAAA,GAAA,CAAC,oBACO,KAAA,EAAA,qBAAA,EAEJ,yBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,WAAA,qBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAA,SAAK,QAAA,EAAA,mHAAA,EAGL,CAAA;AAAA,sBACA,GAAA,UAAK,QAAA,EAAA,kHAAA,EAGL;AAAA,KAAA,EACF,CAAA,EAAM,CAAA;AAER1B,IAAAA,CAAAA,OAAA0B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA1B,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA2B,EAAAA;AAAA,EAAA,IAAA3B,EAAA,EAAA,CAAA,KAAAkB,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAEFQ,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,mDAAA,EAAoD,QAAA,EAAA;AAAA,MAAA,yEAAA;AAAA,MACO,GAAA;AAAA,sBACxE,GAAA,CAAA,OACY,SAAA,EAAA,4DAAA,EACJ9B,MAAAA,sBAAAA,EACC,MAAA,EAAA,UACR,QAAA,EAAA,kCAAA,EAED;AAAA,KAAA,EACF,CAAA;AAAMG,IAAAA,CAAAA,OAAA2B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA3B,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA4B,EAAAA;AAAA,EAAA,IAAA5B,CAAAA,SAAAW,YAAAA,EAAA;AACNiB,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,WAAA,EACb,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAc,MAAA,EAAA,IAAA,EAAe,SAAA,EAAA,iBAAA,EAA2BjB,OAAAA,EAAAA,YAAAA,EAAc,oBAEvE,CAAA,EACF,CAAA;AAAMX,IAAAA,CAAAA,OAAAW,YAAAA;AAAAX,IAAAA,CAAAA,OAAA4B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA5B,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA6B,EAAAA;AAAA,EAAA,IAAA7B,EAAA,EAAA,CAAA,KAAAyB,MAAAzB,CAAAA,SAAA4B,EAAAA,EAAA;AAlDRC,IAAAA,EAAAA,iCAAe,SAAA,EAAA,eAAA,EACbJ,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAmBAC,EAAAA;AAAAA,MAgBAC,EAAAA;AAAAA,MAUAC;AAAAA,KAAAA,EAKF,CAAA;AAAM5B,IAAAA,CAAAA,OAAAyB,EAAAA;AAAAzB,IAAAA,CAAAA,OAAA4B,EAAAA;AAAA5B,IAAAA,CAAAA,OAAA6B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA7B,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAnDN6B,EAAAA;AAmDM;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/Controls.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,qCAAqC,EAG3C,MAAM,+DAA+D,CAAC;AAKvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,EAAE,qCAAqC,CAAC,WAAW,CAAC,CAAC;IACpE,aAAa,EAAE,qCAAqC,CAAC,SAAS,CAAC,CAAC;CACjE,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,uDAKtB,uBAAuB,4CAkFzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Controls.js","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport {\n type CancelLimitDeltaOrdersMutationOptions,\n useCancelDeltaOrderEventCallbacks,\n useCancelLimitDeltaOrders,\n} from \"@/hooks/swap/prices/delta/mutations/useCancelLimitDeltaOrders\";\nimport { DeltaOrderStatusChecker } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { useMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { constructExplorerOrderDetailsLink } from \"@/lib/utils/explorer\";\nimport { useChainId, useAccount } from \"wagmi\";\nimport type { LimitOrderItem } from \"../types\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\n\nexport type LimitOrderControlsProps = {\n order: LimitOrderItem;\n onDismiss: () => void;\n onCancelSuccess: CancelLimitDeltaOrdersMutationOptions[\"onSuccess\"];\n onCancelError: CancelLimitDeltaOrdersMutationOptions[\"onError\"];\n};\n\nexport const Controls = ({\n order,\n onDismiss,\n onCancelError,\n onCancelSuccess,\n}: LimitOrderControlsProps) => {\n const cancellable = DeltaOrderStatusChecker.cancellable.has(order.status);\n\n const explorerLink = constructExplorerOrderDetailsLink(order.id);\n\n const chainId = useChainId();\n const { address: account } = useAccount();\n const { minClient } = useMinViemClient({ chainId, account });\n\n const cancelOrderEvents = useCancelDeltaOrderEventCallbacks(order);\n\n const { mutate, isPending, isSuccess } = useCancelLimitDeltaOrders({\n chainId,\n account,\n client: minClient,\n mutationOptions: {\n onMutate: cancelOrderEvents.onMutate,\n onSuccess: (data, vars, onMutationResult, context) => {\n onCancelSuccess?.(data, vars, onMutationResult, context);\n cancelOrderEvents.onSuccess?.(data, vars);\n },\n onError: (error, vars, onMutationResult, context) => {\n onCancelError?.(error, vars, onMutationResult, context);\n cancelOrderEvents.onError?.(error, vars);\n },\n },\n });\n\n const button1 = cancellable ? (\n <Button\n variant=\"secondary\"\n size=\"xl\"\n radius=\"sm\"\n className=\"w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1\"\n disabled={isPending || isSuccess}\n onClick={() =>\n mutate({\n orderIds: [order.id],\n })\n }\n >\n Cancel This Order\n {isPending && (\n <Spinner\n width={16}\n height={16}\n className=\"animate-spin direction-reverse\"\n />\n )}\n </Button>\n ) : (\n <Button\n variant=\"default\"\n size=\"xl\"\n radius=\"sm\"\n className=\"w-full text-sm\"\n onClick={onDismiss}\n >\n Make Another Trade\n </Button>\n );\n\n const explorerBtn = (\n <Button\n variant=\"secondary\"\n size=\"xl\"\n radius=\"sm\"\n className=\"w-full text-sm\"\n asChild\n >\n <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n View On Explorer\n </a>\n </Button>\n );\n\n return (\n <div className=\"flex flex-col gap-4 mt-auto\">\n {button1}\n {explorerBtn}\n </div>\n );\n};\n"],"names":["Controls","t0","$","_c","order","onDismiss","onCancelError","onCancelSuccess","t1","status","DeltaOrderStatusChecker","cancellable","has","t2","id","constructExplorerOrderDetailsLink","explorerLink","chainId","useChainId","address","account","useAccount","t3","minClient","useMinViemClient","cancelOrderEvents","useCancelDeltaOrderEventCallbacks","t4","data","vars","onMutationResult","context","onSuccess","t5","error","vars_0","onMutationResult_0","context_0","onError","t6","onMutate","t7","client","mutationOptions","mutate","isPending","isSuccess","useCancelLimitDeltaOrders","t8","orderIds","Spinner","button1","t9","explorerBtn","t10"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LimitOrderDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAe/C,OAAO,EAAY,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AASpE,eAAO,MAAM,iBAAiB,GAAI,yBAG/B;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,IAAI,CAAC,uBAAuB,EAAE,iBAAiB,GAAG,eAAe,CAAC,4CAuBrE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LimitOrderDetails.js","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"sourcesContent":["import type { LimitOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { DeltaOrderStatusChecker } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n constructExpiresInDetail,\n constructOrderRateDetail,\n constructOrderStatusDetail,\n constructOrderTypeDetail,\n constructPayReceiveInfoProps,\n constructSubmitDateDetail,\n} from \"./utils\";\n\nimport { Controls, type LimitOrderControlsProps } from \"./Controls\";\nimport { isLimitOrderWithExtra } from \"../utils\";\n\nconst detailsClasses = {\n root: \"pt-4 gap-4\",\n title: \"text-contrast-5 dark:text-contrast-6\",\n value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const LimitOrderDetails = ({\n order,\n ...callbacks\n}: {\n order: LimitOrderItem;\n onDismiss: () => void;\n} & Pick<LimitOrderControlsProps, \"onCancelSuccess\" | \"onCancelError\">) => {\n const payReceiveInfoProps =\n isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n const overallPending =\n DeltaOrderStatusChecker.pending.has(order.status) ||\n DeltaOrderStatusChecker.executing.has(order.status);\n\n const details: DetailWithValue[] = [\n constructSubmitDateDetail(order),\n overallPending && constructExpiresInDetail({ expiresIn: +order.expiresAt }),\n constructOrderRateDetail(order),\n constructOrderStatusDetail(order),\n constructOrderTypeDetail(order),\n ].filter(isTruthy);\n\n return (\n <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n <DetailWithValueList details={details} classes={detailsClasses} />\n <Controls order={order} {...callbacks} />\n </div>\n );\n};\n"],"names":["detailsClasses","root","title","value","LimitOrderDetails","t0","$","_c","callbacks","order","t1","isLimitOrderWithExtra","constructPayReceiveInfoProps","payReceiveInfoProps","t2","overallPending","DeltaOrderStatusChecker","pending","has","status","executing","constructSubmitDateDetail","constructExpiresInDetail","expiresIn","expiresAt","constructOrderRateDetail","constructOrderStatusDetail","constructOrderTypeDetail","filter","isTruthy","details","t3","t4","t5","t6"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACnB,2BAA2B,EAC5B,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAItE,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,GAAG,eAAe,CAKlB;AAMD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,eAAe,CAOlB;AAOD,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,mBAAmB,CAAC;CAC5B,GAAG,eAAe,CAKlB;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,cAAc,GACpB,eAAe,CAKjB;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,cAAc,GACpB,eAAe,CAKjB;AAQD,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,GACN,EAAE;IACD,KAAK,EAAE,2BAA2B,CAAC;CACpC,GAAG,mBAAmB,CAsCtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n LimitOrderItem,\n LimitOrderItemExtra,\n RequiredLimitOrderItemExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge, TimeTillExpiry } from \"../LimitOrderListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\n\nexport function constructSubmitDateDetail({\n createdAt,\n}: {\n createdAt: string | number;\n}): DetailWithValue {\n return {\n title: \"Submit Date\",\n value: dayjs(createdAt).format(\"DD MMM YYYY h:mm A\"),\n };\n}\n\nconst timeTillExpiryClasses = {\n root: \"dark:text-contrast-6\",\n};\n\nexport function constructExpiresInDetail({\n expiresIn,\n}: {\n expiresIn: number;\n}): DetailWithValue {\n return {\n title: \"Expires in\",\n value: (\n <TimeTillExpiry deadline={expiresIn} classes={timeTillExpiryClasses} />\n ),\n };\n}\n\nconst rateClasses = {\n left: \"dark:text-contrast-6\",\n right: \"dark:text-contrast-6\",\n};\n\nexport function constructOrderRateDetail({\n extra,\n}: {\n extra: LimitOrderItemExtra;\n}): DetailWithValue {\n return {\n title: \"Order Rate\",\n value: <Rate extra={extra} classes={rateClasses} />,\n };\n}\n\nexport function constructOrderStatusDetail(\n order: LimitOrderItem\n): DetailWithValue {\n return {\n title: \"Order Status\",\n value: <StatusBadge status={order.status} />,\n };\n}\n\nexport function constructOrderTypeDetail(\n order: LimitOrderItem\n): DetailWithValue {\n return {\n title: \"Order Type\",\n value: order.type,\n };\n}\n\nconst tokenBadgeClasses = {\n amount: \"dark:text-contrast-9\",\n symbol: \"dark:text-contrast-9\",\n logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n extra,\n}: {\n extra: RequiredLimitOrderItemExtra;\n}): PayReceiveInfoProps {\n const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n const topTokenBadgeProps = {\n address: srcToken.address,\n symbol: srcToken.symbol,\n chainId: srcToken.network,\n img: srcToken.img,\n amount: formattedSrcAmount,\n amountPosition: \"right\" as const,\n classes: tokenBadgeClasses,\n showNetworkIcon: true,\n };\n\n const bottomTokenBadgeProps = {\n address: destToken.address,\n symbol: destToken.symbol,\n chainId: destToken.network,\n img: destToken.img,\n amount: formattedDestAmount,\n amountPosition: \"right\" as const,\n classes: tokenBadgeClasses,\n showNetworkIcon: true,\n };\n\n return {\n topToken: {\n tokenBadgeProps: topTokenBadgeProps,\n label: \"Pay\",\n },\n bottomToken: {\n tokenBadgeProps: bottomTokenBadgeProps,\n label: \"Receive\",\n },\n };\n}\n"],"names":["constructSubmitDateDetail","createdAt","title","value","dayjs","format","timeTillExpiryClasses","root","constructExpiresInDetail","expiresIn","rateClasses","left","right","constructOrderRateDetail","extra","constructOrderStatusDetail","order","status","constructOrderTypeDetail","type","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formatTokenAmount","formattedDestAmount","topTokenBadgeProps","address","chainId","network","img","amountPosition","classes","showNetworkIcon","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","bottomToken"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LimitOrderListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrderItem/LimitOrderListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAuB,MAAM,SAAS,CAAC;AAQnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAK1D,eAAO,MAAM,mBAAmB,GAAI,uBAGjC;IACD,OAAO,EAAE,cAAc,CAAC;IACxB,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5C,4CAUA,CAAC;AAMF,KAAK,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAE3C,eAAO,MAAM,eAAe,GAAI,2BAI7B,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG;IAC7C,IAAI,EAAE,QAAQ,CAAC;CAChB,4CAUA,CAAC;AAgEF,eAAO,MAAM,IAAI,GAAI,qBAGlB,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG,WAAW,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,kDAiBxE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,YAAY;IAAE,MAAM,EAAE,kBAAkB,CAAA;CAAE,4CAkBrE,CAAC;AAuBF,eAAO,MAAM,cAAc,GAAI,wBAG5B;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,WAAW,CAAC,MAAM,CAAC,mDA6B5C,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { TokenBadge } from '../TokenBadge/TokenBadge.js';
|
|
|
4
4
|
import { NetworkWithIcon } from '../NetworkWithIcon/NetworkWithIcon.js';
|
|
5
5
|
import { formatTokenAmount } from '../../../lib/utils/formatTokenBalance.js';
|
|
6
6
|
import { calcRate } from '../../../lib/utils/rate.js';
|
|
7
|
-
import { cn,
|
|
7
|
+
import { cn, replaceUnderscoresWithSpaces, isTruthy } from '../../../lib/utils/index.js';
|
|
8
8
|
import { DeltaOrderStatusChecker } from '../../../hooks/swap/prices/delta/orders/utils.js';
|
|
9
9
|
import { getDuration } from '../../../lib/utils/time.js';
|
|
10
10
|
import { useDateNow } from '../../../lib/utils/useDateNow.js';
|