@velora-dex/widget 0.0.13 → 0.0.15
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/accordion.js +0 -10
- package/dist/components/ui/accordion.js.map +1 -1
- package/dist/components/ui/badge.js +0 -10
- package/dist/components/ui/badge.js.map +1 -1
- package/dist/components/ui/button.js +0 -10
- package/dist/components/ui/button.js.map +1 -1
- package/dist/components/ui/card.js +0 -10
- package/dist/components/ui/card.js.map +1 -1
- package/dist/components/ui/counter.js +0 -10
- package/dist/components/ui/counter.js.map +1 -1
- package/dist/components/ui/dialog.js +0 -10
- package/dist/components/ui/dialog.js.map +1 -1
- package/dist/components/ui/drawer.js +0 -10
- package/dist/components/ui/drawer.js.map +1 -1
- package/dist/components/ui/dropdown-menu.js +19 -35
- package/dist/components/ui/dropdown-menu.js.map +1 -1
- package/dist/components/ui/header.js +0 -10
- package/dist/components/ui/header.js.map +1 -1
- package/dist/components/ui/input.js +0 -10
- package/dist/components/ui/input.js.map +1 -1
- package/dist/components/ui/select.js +0 -10
- package/dist/components/ui/select.js.map +1 -1
- package/dist/components/ui/skeleton.js +0 -10
- package/dist/components/ui/skeleton.js.map +1 -1
- package/dist/components/ui/sonner.js +0 -10
- package/dist/components/ui/sonner.js.map +1 -1
- package/dist/components/ui/switch.js +0 -10
- package/dist/components/ui/switch.js.map +1 -1
- package/dist/components/ui/tooltip.js +0 -10
- package/dist/components/ui/tooltip.js.map +1 -1
- package/dist/components/ui/vaul/browser.js +0 -10
- package/dist/components/ui/vaul/browser.js.map +1 -1
- package/dist/components/ui/vaul/constants.js +0 -10
- package/dist/components/ui/vaul/constants.js.map +1 -1
- package/dist/components/ui/vaul/context.js +0 -10
- package/dist/components/ui/vaul/context.js.map +1 -1
- package/dist/components/ui/vaul/helpers.js +0 -10
- package/dist/components/ui/vaul/helpers.js.map +1 -1
- package/dist/components/ui/vaul/index.js +1 -11
- package/dist/components/ui/vaul/index.js.map +1 -1
- package/dist/components/ui/vaul/use-composed-refs.js +0 -10
- package/dist/components/ui/vaul/use-composed-refs.js.map +1 -1
- package/dist/components/ui/vaul/use-controllable-state.js +0 -10
- package/dist/components/ui/vaul/use-controllable-state.js.map +1 -1
- package/dist/components/ui/vaul/use-position-fixed.js +0 -10
- package/dist/components/ui/vaul/use-position-fixed.js.map +1 -1
- package/dist/components/ui/vaul/use-prevent-scroll.js +0 -10
- package/dist/components/ui/vaul/use-prevent-scroll.js.map +1 -1
- package/dist/components/ui/vaul/use-scale-background.js +0 -10
- package/dist/components/ui/vaul/use-scale-background.js.map +1 -1
- package/dist/components/ui/vaul/use-snap-points.js +0 -10
- package/dist/components/ui/vaul/use-snap-points.js.map +1 -1
- package/dist/components/web3/AccountButton.js +0 -10
- package/dist/components/web3/AccountButton.js.map +1 -1
- package/dist/components/web3/ConnectWallets/WalletConnectButtons.js +0 -10
- package/dist/components/web3/ConnectWallets/WalletConnectButtons.js.map +1 -1
- package/dist/components/web3/ConnectWallets/index.js +0 -10
- package/dist/components/web3/ConnectWallets/index.js.map +1 -1
- package/dist/components/web3/ConnectWallets/privy/button.js +0 -10
- package/dist/components/web3/ConnectWallets/privy/button.js.map +1 -1
- package/dist/components/web3/ConnectWallets/privy/connectRunner.js +0 -10
- package/dist/components/web3/ConnectWallets/privy/connectRunner.js.map +1 -1
- package/dist/components/web3/ConnectWallets/privy/iframe.js +0 -10
- package/dist/components/web3/ConnectWallets/privy/iframe.js.map +1 -1
- package/dist/components/web3/ConnectWallets/privy/provider.js +0 -10
- package/dist/components/web3/ConnectWallets/privy/provider.js.map +1 -1
- package/dist/components/web3/ConnectWallets/walletIcons.js +0 -10
- package/dist/components/web3/ConnectWallets/walletIcons.js.map +1 -1
- package/dist/components/web3/providers.js +0 -10
- package/dist/components/web3/providers.js.map +1 -1
- package/dist/components/widget/AppHeader/ActivityButton.js +0 -10
- package/dist/components/widget/AppHeader/ActivityButton.js.map +1 -1
- package/dist/components/widget/AppHeader/AppHeader.js +0 -10
- package/dist/components/widget/AppHeader/AppHeader.js.map +1 -1
- package/dist/components/widget/Details/DetailWithTooltip.js +0 -10
- package/dist/components/widget/Details/DetailWithTooltip.js.map +1 -1
- package/dist/components/widget/Details/DetailWithValueList.js +0 -10
- package/dist/components/widget/Details/DetailWithValueList.js.map +1 -1
- package/dist/components/widget/Details/DetailWithValueListExpandable.js +0 -10
- package/dist/components/widget/Details/DetailWithValueListExpandable.js.map +1 -1
- package/dist/components/widget/Details/SwapDetailsExpandable.js +0 -10
- package/dist/components/widget/Details/SwapDetailsExpandable.js.map +1 -1
- package/dist/components/widget/Dialog/ConnectWalletDialog/ConnectWalletDialog.js +0 -10
- package/dist/components/widget/Dialog/ConnectWalletDialog/ConnectWalletDialog.js.map +1 -1
- package/dist/components/widget/Dialog/DialogRoot.js +0 -10
- package/dist/components/widget/Dialog/DialogRoot.js.map +1 -1
- package/dist/components/widget/Dialog/ReceiverAddressDialog/ReceiverAddressDialog.js +0 -10
- package/dist/components/widget/Dialog/ReceiverAddressDialog/ReceiverAddressDialog.js.map +1 -1
- package/dist/components/widget/Dialog/ReceiverAddressDialog/ReceiverAddressInput.js +0 -10
- package/dist/components/widget/Dialog/ReceiverAddressDialog/ReceiverAddressInput.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.js +0 -10
- package/dist/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/AcrossTokenList.js +0 -10
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/AcrossTokenList.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/RegularTokenList.js +0 -10
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/RegularTokenList.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListBody.js +0 -10
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListBody.js.map +1 -1
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenSearch.js +0 -10
- package/dist/components/widget/Dialog/SelectTokenDialog/TokenSearch.js.map +1 -1
- package/dist/components/widget/Dialog/dialogByType.js +0 -10
- package/dist/components/widget/Dialog/dialogByType.js.map +1 -1
- package/dist/components/widget/Dialog/state/dialogAtom.js +1 -12
- package/dist/components/widget/Dialog/state/dialogAtom.js.map +1 -1
- package/dist/components/widget/Drawer/index.js +0 -10
- 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 +36 -36
- package/dist/components/widget/Drawer/state/useDrawerControls.js.map +1 -1
- package/dist/components/widget/Dropdown/DropdownWithItems.js +0 -10
- package/dist/components/widget/Dropdown/DropdownWithItems.js.map +1 -1
- package/dist/components/widget/Icon/CheckIcon.js +0 -10
- package/dist/components/widget/Icon/CheckIcon.js.map +1 -1
- package/dist/components/widget/Icon/ChevronIcon.js +0 -10
- package/dist/components/widget/Icon/ChevronIcon.js.map +1 -1
- package/dist/components/widget/Icon/DeltaIcon.js +0 -10
- package/dist/components/widget/Icon/DeltaIcon.js.map +1 -1
- package/dist/components/widget/Icon/EllipseIcon.js +0 -10
- package/dist/components/widget/Icon/EllipseIcon.js.map +1 -1
- package/dist/components/widget/Icon/InfoIcon.js +0 -10
- package/dist/components/widget/Icon/InfoIcon.js.map +1 -1
- package/dist/components/widget/Icon/MarketIcon.js +0 -10
- package/dist/components/widget/Icon/MarketIcon.js.map +1 -1
- package/dist/components/widget/Icon/SliderIcon.js +0 -10
- package/dist/components/widget/Icon/SliderIcon.js.map +1 -1
- package/dist/components/widget/Informative/Informative.js +0 -10
- package/dist/components/widget/Informative/Informative.js.map +1 -1
- package/dist/components/widget/Line/Line.js +0 -10
- package/dist/components/widget/Line/Line.js.map +1 -1
- package/dist/components/widget/NetworkIcon/NetworkIconSquare.js +0 -10
- package/dist/components/widget/NetworkIcon/NetworkIconSquare.js.map +1 -1
- package/dist/components/widget/NetworkSwitcher/CompactNetworkSwitcher.js +0 -10
- package/dist/components/widget/NetworkSwitcher/CompactNetworkSwitcher.js.map +1 -1
- package/dist/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.js +0 -10
- package/dist/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.js.map +1 -1
- package/dist/components/widget/NetworkWithIcon/NetworkIconWithChevron.js +0 -10
- package/dist/components/widget/NetworkWithIcon/NetworkIconWithChevron.js.map +1 -1
- package/dist/components/widget/NetworkWithIcon/NetworkWithIcon.js +0 -10
- package/dist/components/widget/NetworkWithIcon/NetworkWithIcon.js.map +1 -1
- package/dist/components/widget/PoweredBy/PoweredBy.js +0 -10
- package/dist/components/widget/PoweredBy/PoweredBy.js.map +1 -1
- package/dist/components/widget/ReceiverAddress/ReceiverAddress.js +0 -10
- package/dist/components/widget/ReceiverAddress/ReceiverAddress.js.map +1 -1
- package/dist/components/widget/ReceiverAddress/state/receiverAddressAtom.js +1 -12
- package/dist/components/widget/ReceiverAddress/state/receiverAddressAtom.js.map +1 -1
- package/dist/components/widget/ReceiverAddress/state/subscriptions.js +0 -10
- package/dist/components/widget/ReceiverAddress/state/subscriptions.js.map +1 -1
- package/dist/components/widget/RowVirtualizer/RowVirtualizerFixed.js +0 -10
- package/dist/components/widget/RowVirtualizer/RowVirtualizerFixed.js.map +1 -1
- package/dist/components/widget/SelectToken/SelectTokenButton.js +0 -11
- package/dist/components/widget/SelectToken/SelectTokenButton.js.map +1 -1
- package/dist/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.js +0 -10
- package/dist/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.js.map +1 -1
- package/dist/components/widget/SwapModeSwitcher/state/swapModeActionsAtom.js +2 -13
- package/dist/components/widget/SwapModeSwitcher/state/swapModeActionsAtom.js.map +1 -1
- package/dist/components/widget/SwapModeSwitcher/state/swapModeAtom.js +3 -15
- package/dist/components/widget/SwapModeSwitcher/state/swapModeAtom.js.map +1 -1
- package/dist/components/widget/SwapModeSwitcher/state/swapSideAtom.js +2 -13
- package/dist/components/widget/SwapModeSwitcher/state/swapSideAtom.js.map +1 -1
- package/dist/components/widget/SwapRate/SwapRate.js +0 -10
- package/dist/components/widget/SwapRate/SwapRate.js.map +1 -1
- package/dist/components/widget/TokenBadge/TokenBadge.js +0 -10
- package/dist/components/widget/TokenBadge/TokenBadge.js.map +1 -1
- package/dist/components/widget/TokenInput/EmptyInput.js +0 -10
- package/dist/components/widget/TokenInput/EmptyInput.js.map +1 -1
- package/dist/components/widget/TokenInput/index.js +0 -10
- package/dist/components/widget/TokenInput/index.js.map +1 -1
- package/dist/components/widget/TokenSwitcher/TokenSwitcher.js +0 -10
- package/dist/components/widget/TokenSwitcher/TokenSwitcher.js.map +1 -1
- package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js +0 -10
- package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js.map +1 -1
- package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.js +0 -10
- package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.js.map +1 -1
- package/dist/components/widget/TradeOverview/Step.js +0 -10
- package/dist/components/widget/TradeOverview/Step.js.map +1 -1
- package/dist/components/widget/TradeOverview/Stepper.js +0 -10
- package/dist/components/widget/TradeOverview/Stepper.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.js +0 -10
- package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.js +0 -10
- package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.js +0 -10
- package/dist/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeComplete/index.js +0 -10
- package/dist/components/widget/TradeOverview/TradeComplete/index.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.js +0 -10
- package/dist/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeComplete/utils.js +0 -10
- package/dist/components/widget/TradeOverview/TradeComplete/utils.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeDetails.js +0 -10
- package/dist/components/widget/TradeOverview/TradeDetails.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeDetailsDisplay.js +0 -10
- package/dist/components/widget/TradeOverview/TradeDetailsDisplay.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeOverview.js +0 -10
- package/dist/components/widget/TradeOverview/TradeOverview.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeOverviewFooter.js +0 -10
- package/dist/components/widget/TradeOverview/TradeOverviewFooter.js.map +1 -1
- package/dist/components/widget/TradeOverview/TradeOverviewHeader.js +0 -10
- package/dist/components/widget/TradeOverview/TradeOverviewHeader.js.map +1 -1
- package/dist/components/widget/TradeOverview/VerticalDash.js +0 -10
- package/dist/components/widget/TradeOverview/VerticalDash.js.map +1 -1
- package/dist/components/widget/TradeOverview/steps.js +0 -10
- package/dist/components/widget/TradeOverview/steps.js.map +1 -1
- package/dist/components/widget/TradeOverview/tradeFlowContext.js +0 -10
- package/dist/components/widget/TradeOverview/tradeFlowContext.js.map +1 -1
- package/dist/components/widget/TradeParameters/DeltaParameter.js +0 -10
- package/dist/components/widget/TradeParameters/DeltaParameter.js.map +1 -1
- package/dist/components/widget/TradeParameters/SlippageParameter/CustomSlippageInput.js +0 -10
- package/dist/components/widget/TradeParameters/SlippageParameter/CustomSlippageInput.js.map +1 -1
- package/dist/components/widget/TradeParameters/SlippageParameter/EditSlippage.js +0 -10
- package/dist/components/widget/TradeParameters/SlippageParameter/EditSlippage.js.map +1 -1
- package/dist/components/widget/TradeParameters/SlippageParameter/SlippageParameter.js +0 -10
- package/dist/components/widget/TradeParameters/SlippageParameter/SlippageParameter.js.map +1 -1
- package/dist/components/widget/TradeParameters/SlippageParameter/hooks/useCustomSlippageProps.js +0 -10
- package/dist/components/widget/TradeParameters/SlippageParameter/hooks/useCustomSlippageProps.js.map +1 -1
- package/dist/components/widget/TradeParameters/TradeParameters.js +0 -10
- package/dist/components/widget/TradeParameters/TradeParameters.js.map +1 -1
- package/dist/components/widget/TradeParameters/hooks/useIsNotDefaultAnyParameter.js +0 -10
- package/dist/components/widget/TradeParameters/hooks/useIsNotDefaultAnyParameter.js.map +1 -1
- package/dist/components/widget/TradeParameters/state/constants.js +0 -10
- package/dist/components/widget/TradeParameters/state/constants.js.map +1 -1
- package/dist/components/widget/TradeParameters/state/deltaParamActionsAtom.js +2 -13
- package/dist/components/widget/TradeParameters/state/deltaParamActionsAtom.js.map +1 -1
- package/dist/components/widget/TradeParameters/state/deltaParamAtom.js +3 -15
- package/dist/components/widget/TradeParameters/state/deltaParamAtom.js.map +1 -1
- package/dist/components/widget/TradeParameters/state/slippageParamActionsAtom.js +2 -13
- package/dist/components/widget/TradeParameters/state/slippageParamActionsAtom.js.map +1 -1
- package/dist/components/widget/TradeParameters/state/slippageParamAtom.js +3 -15
- package/dist/components/widget/TradeParameters/state/slippageParamAtom.js.map +1 -1
- package/dist/components/widget/Warning/InsufficientBalanceMessage.js +0 -10
- package/dist/components/widget/Warning/InsufficientBalanceMessage.js.map +1 -1
- package/dist/components/widget/Warning/Warning.js +0 -10
- package/dist/components/widget/Warning/Warning.js.map +1 -1
- package/dist/components/widget/Warning/WarningMessage.js +0 -10
- package/dist/components/widget/Warning/WarningMessage.js.map +1 -1
- package/dist/components/widget/WrapEth/WrapEthContent.js +0 -10
- package/dist/components/widget/WrapEth/WrapEthContent.js.map +1 -1
- package/dist/components/widget/WrapEth/WrapEthDrawerButton.js +0 -10
- package/dist/components/widget/WrapEth/WrapEthDrawerButton.js.map +1 -1
- package/dist/components/widget/WrapEth/hooks/useSubmitDepositTxMutation.js +0 -10
- package/dist/components/widget/WrapEth/hooks/useSubmitDepositTxMutation.js.map +1 -1
- package/dist/components/widget/WrapEth/hooks/useWrapEthProps.js +0 -10
- package/dist/components/widget/WrapEth/hooks/useWrapEthProps.js.map +1 -1
- package/dist/components/widget/YouGet/YouGet.js +0 -10
- package/dist/components/widget/YouGet/YouGet.js.map +1 -1
- package/dist/hooks/gas/config.js +0 -10
- package/dist/hooks/gas/config.js.map +1 -1
- package/dist/hooks/gas/useGasPrices.js +0 -10
- package/dist/hooks/gas/useGasPrices.js.map +1 -1
- package/dist/hooks/gas/utils.js +0 -10
- package/dist/hooks/gas/utils.js.map +1 -1
- package/dist/hooks/getCode/query.js +0 -10
- package/dist/hooks/getCode/query.js.map +1 -1
- package/dist/hooks/getCode/useIsAccountContract.js +0 -10
- package/dist/hooks/getCode/useIsAccountContract.js.map +1 -1
- package/dist/hooks/getCode/useIsContractAtAddress.js +0 -10
- package/dist/hooks/getCode/useIsContractAtAddress.js.map +1 -1
- package/dist/hooks/permit/hooks/useGetPermitInfo.js +0 -10
- package/dist/hooks/permit/hooks/useGetPermitInfo.js.map +1 -1
- package/dist/hooks/permit/hooks/useGetSafePermitInfo.js +0 -10
- package/dist/hooks/permit/hooks/useGetSafePermitInfo.js.map +1 -1
- package/dist/hooks/permit/hooks/usePermit1Nonce.js +1 -12
- package/dist/hooks/permit/hooks/usePermit1Nonce.js.map +1 -1
- package/dist/hooks/permit/hooks/useSignArbitraryTypedData.js +0 -10
- package/dist/hooks/permit/hooks/useSignArbitraryTypedData.js.map +1 -1
- package/dist/hooks/permit/hooks/useSignPermit.js +0 -10
- package/dist/hooks/permit/hooks/useSignPermit.js.map +1 -1
- package/dist/hooks/permit/hooks/useSignTokenFromPermit1.js +0 -10
- package/dist/hooks/permit/hooks/useSignTokenFromPermit1.js.map +1 -1
- package/dist/hooks/permit/hooks/useTokenFromPermit1Nonce.js +0 -10
- package/dist/hooks/permit/hooks/useTokenFromPermit1Nonce.js.map +1 -1
- package/dist/hooks/permit/hooks/useTokenFromPermitInfo.js +0 -10
- package/dist/hooks/permit/hooks/useTokenFromPermitInfo.js.map +1 -1
- package/dist/hooks/permit/hooks/useTryToSignPermit1.js +0 -10
- package/dist/hooks/permit/hooks/useTryToSignPermit1.js.map +1 -1
- package/dist/hooks/permit/utils/abi.js +0 -10
- package/dist/hooks/permit/utils/abi.js.map +1 -1
- package/dist/hooks/permit/utils/constants.js +0 -10
- package/dist/hooks/permit/utils/constants.js.map +1 -1
- package/dist/hooks/permit/utils/construct.js +0 -10
- package/dist/hooks/permit/utils/construct.js.map +1 -1
- package/dist/hooks/permit/utils/detect.js +0 -10
- package/dist/hooks/permit/utils/detect.js.map +1 -1
- package/dist/hooks/permit/utils/domainSeparator.js +0 -10
- package/dist/hooks/permit/utils/domainSeparator.js.map +1 -1
- package/dist/hooks/permit/utils/encodeArgs.js +0 -10
- package/dist/hooks/permit/utils/encodeArgs.js.map +1 -1
- package/dist/hooks/permit/utils/trySignPermit1.js +0 -10
- package/dist/hooks/permit/utils/trySignPermit1.js.map +1 -1
- package/dist/hooks/permit/utils/utils.js +0 -10
- package/dist/hooks/permit/utils/utils.js.map +1 -1
- package/dist/hooks/sdk/useGetContracts.js +0 -10
- package/dist/hooks/sdk/useGetContracts.js.map +1 -1
- package/dist/hooks/sdk/useSpender.js +0 -10
- package/dist/hooks/sdk/useSpender.js.map +1 -1
- package/dist/hooks/swap/prices/delta/bridge/utils.js +0 -10
- package/dist/hooks/swap/prices/delta/bridge/utils.js.map +1 -1
- package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.js +0 -10
- package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.js.map +1 -1
- package/dist/hooks/swap/prices/delta/orders/utils.js +0 -10
- package/dist/hooks/swap/prices/delta/orders/utils.js.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useBridgeInfo.js +0 -10
- package/dist/hooks/swap/prices/delta/queries/useBridgeInfo.js.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useDeltaPriceQuery.js +0 -10
- package/dist/hooks/swap/prices/delta/queries/useDeltaPriceQuery.js.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useIsTokenSupportedInDelta.js +0 -10
- package/dist/hooks/swap/prices/delta/queries/useIsTokenSupportedInDelta.js.map +1 -1
- package/dist/hooks/swap/prices/delta/queries/useWatchDeltaOrder.js +0 -10
- package/dist/hooks/swap/prices/delta/queries/useWatchDeltaOrder.js.map +1 -1
- package/dist/hooks/swap/prices/market/mutations/useBuildTx.js +0 -10
- package/dist/hooks/swap/prices/market/mutations/useBuildTx.js.map +1 -1
- package/dist/hooks/swap/prices/market/mutations/useSendMarketSwapTx.js +0 -10
- package/dist/hooks/swap/prices/market/mutations/useSendMarketSwapTx.js.map +1 -1
- package/dist/hooks/swap/prices/market/queries/useMarketPriceQuery.js +0 -10
- package/dist/hooks/swap/prices/market/queries/useMarketPriceQuery.js.map +1 -1
- package/dist/hooks/swap/prices/market/queries/useSpenderAndContracts.js +0 -10
- package/dist/hooks/swap/prices/market/queries/useSpenderAndContracts.js.map +1 -1
- package/dist/hooks/swap/prices/usePricesParams.js +0 -10
- package/dist/hooks/swap/prices/usePricesParams.js.map +1 -1
- package/dist/hooks/swap/prices/useSwapPrices.js +0 -11
- package/dist/hooks/swap/prices/useSwapPrices.js.map +1 -1
- package/dist/hooks/swap/prices/useTokenInputsFromPrice.js +0 -10
- package/dist/hooks/swap/prices/useTokenInputsFromPrice.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/common/errors.js +0 -10
- package/dist/hooks/swap/tradeFlow/common/errors.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/useDeltaFlow.js +2 -13
- package/dist/hooks/swap/tradeFlow/useDeltaFlow.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/useDeltaSwapStep.js +2 -11
- package/dist/hooks/swap/tradeFlow/useDeltaSwapStep.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/useMarketFlow.js +2 -13
- package/dist/hooks/swap/tradeFlow/useMarketFlow.js.map +1 -1
- package/dist/hooks/swap/tradeFlow/useMarketSwapStep.js +2 -11
- package/dist/hooks/swap/tradeFlow/useMarketSwapStep.js.map +1 -1
- package/dist/hooks/tokens/allowance/useGenericTokenAllowance.js +0 -10
- package/dist/hooks/tokens/allowance/useGenericTokenAllowance.js.map +1 -1
- package/dist/hooks/tokens/allowance/useTokenAllowance.js +0 -10
- package/dist/hooks/tokens/allowance/useTokenAllowance.js.map +1 -1
- package/dist/hooks/tokens/balances/queries.js +0 -10
- package/dist/hooks/tokens/balances/queries.js.map +1 -1
- package/dist/hooks/tokens/balances/useAttachTokenBalanceMultichain.js +0 -10
- package/dist/hooks/tokens/balances/useAttachTokenBalanceMultichain.js.map +1 -1
- package/dist/hooks/tokens/balances/useInvalidateTokenData.js +0 -10
- package/dist/hooks/tokens/balances/useInvalidateTokenData.js.map +1 -1
- package/dist/hooks/tokens/balances/useIsInsufficientTokenBalance.js +0 -10
- package/dist/hooks/tokens/balances/useIsInsufficientTokenBalance.js.map +1 -1
- package/dist/hooks/tokens/balances/useMultichainTokenBalances.js +0 -10
- package/dist/hooks/tokens/balances/useMultichainTokenBalances.js.map +1 -1
- package/dist/hooks/tokens/balances/useTokenBalance.js +0 -10
- package/dist/hooks/tokens/balances/useTokenBalance.js.map +1 -1
- package/dist/hooks/tokens/prices/queries.js +0 -10
- package/dist/hooks/tokens/prices/queries.js.map +1 -1
- package/dist/hooks/tokens/prices/useMultichainTokenPrices.js +0 -10
- package/dist/hooks/tokens/prices/useMultichainTokenPrices.js.map +1 -1
- package/dist/hooks/tokens/prices/useTokenPrices.js +0 -10
- package/dist/hooks/tokens/prices/useTokenPrices.js.map +1 -1
- package/dist/hooks/tokens/useNativeToken.js +0 -10
- package/dist/hooks/tokens/useNativeToken.js.map +1 -1
- package/dist/hooks/tokens/useTokenLists.js +0 -10
- package/dist/hooks/tokens/useTokenLists.js.map +1 -1
- package/dist/hooks/tokens/useTokensByAddress.js +0 -10
- package/dist/hooks/tokens/useTokensByAddress.js.map +1 -1
- package/dist/hooks/tokens/useTokensFromAcross.js +0 -10
- package/dist/hooks/tokens/useTokensFromAcross.js.map +1 -1
- package/dist/hooks/txs/mutations/useApprove.js +0 -10
- package/dist/hooks/txs/mutations/useApprove.js.map +1 -1
- package/dist/hooks/txs/mutations/useDepositWeth.js +0 -10
- package/dist/hooks/txs/mutations/useDepositWeth.js.map +1 -1
- package/dist/hooks/txs/mutations/useSendTx.js +0 -10
- package/dist/hooks/txs/mutations/useSendTx.js.map +1 -1
- package/dist/hooks/txs/queries/useAwaitTx.js +0 -10
- package/dist/hooks/txs/queries/useAwaitTx.js.map +1 -1
- package/dist/hooks/useAvailableCrosses.js +0 -10
- package/dist/hooks/useAvailableCrosses.js.map +1 -1
- package/dist/hooks/useBridgeInfo.js +0 -10
- package/dist/hooks/useBridgeInfo.js.map +1 -1
- package/dist/hooks/useCurrentChain.js +0 -10
- package/dist/hooks/useCurrentChain.js.map +1 -1
- package/dist/hooks/useDebouncedInputState.js +0 -10
- package/dist/hooks/useDebouncedInputState.js.map +1 -1
- package/dist/hooks/useGlobalDeltaEnabled.js +0 -10
- package/dist/hooks/useGlobalDeltaEnabled.js.map +1 -1
- package/dist/hooks/useIsCrosschainPossible.js +0 -10
- package/dist/hooks/useIsCrosschainPossible.js.map +1 -1
- package/dist/hooks/useMinViemClient.js +0 -10
- package/dist/hooks/useMinViemClient.js.map +1 -1
- package/dist/hooks/useSDK.js +0 -10
- package/dist/hooks/useSDK.js.map +1 -1
- package/dist/hooks/useSlippage.js +0 -10
- package/dist/hooks/useSlippage.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -11
- package/dist/index.js.map +1 -1
- package/dist/lib/constants/delta.js +0 -10
- package/dist/lib/constants/delta.js.map +1 -1
- package/dist/lib/constants/index.js +0 -10
- package/dist/lib/constants/index.js.map +1 -1
- package/dist/lib/constants/time.js +0 -10
- package/dist/lib/constants/time.js.map +1 -1
- package/dist/lib/constants/weth.js +0 -10
- package/dist/lib/constants/weth.js.map +1 -1
- package/dist/lib/ipfs.js +0 -10
- package/dist/lib/ipfs.js.map +1 -1
- package/dist/lib/queryClient.js +0 -10
- package/dist/lib/queryClient.js.map +1 -1
- package/dist/lib/utils/delta.js +0 -10
- package/dist/lib/utils/delta.js.map +1 -1
- package/dist/lib/utils/dexes.js +0 -10
- package/dist/lib/utils/dexes.js.map +1 -1
- package/dist/lib/utils/explorer.js +0 -10
- package/dist/lib/utils/explorer.js.map +1 -1
- package/dist/lib/utils/fee.js +0 -10
- package/dist/lib/utils/fee.js.map +1 -1
- package/dist/lib/utils/formatFiatPrice.js +0 -10
- package/dist/lib/utils/formatFiatPrice.js.map +1 -1
- package/dist/lib/utils/formatTokenBalance.js +0 -10
- package/dist/lib/utils/formatTokenBalance.js.map +1 -1
- package/dist/lib/utils/index.js +0 -10
- package/dist/lib/utils/index.js.map +1 -1
- package/dist/lib/utils/price.js +0 -10
- package/dist/lib/utils/price.js.map +1 -1
- package/dist/lib/utils/priceImpact.js +0 -10
- package/dist/lib/utils/priceImpact.js.map +1 -1
- package/dist/lib/utils/rate.js +0 -10
- package/dist/lib/utils/rate.js.map +1 -1
- package/dist/lib/utils/removeZeroDecimals.js +0 -10
- package/dist/lib/utils/removeZeroDecimals.js.map +1 -1
- package/dist/lib/utils/slippage.js +0 -10
- package/dist/lib/utils/slippage.js.map +1 -1
- package/dist/lib/utils/toDecimal.js +0 -10
- package/dist/lib/utils/toDecimal.js.map +1 -1
- package/dist/lib/utils/toasts.js +0 -10
- package/dist/lib/utils/toasts.js.map +1 -1
- package/dist/lib/web3/privy/config.js +1 -11
- package/dist/lib/web3/privy/config.js.map +1 -1
- package/dist/lib/web3/wagmi/config.js +1 -11
- package/dist/lib/web3/wagmi/config.js.map +1 -1
- package/dist/lib/web3/wagmi/constants.js +0 -10
- package/dist/lib/web3/wagmi/constants.js.map +1 -1
- package/dist/lib/web3/wagmi/transports.js +0 -10
- package/dist/lib/web3/wagmi/transports.js.map +1 -1
- package/dist/lib/web3/wagmi/utils.js +0 -10
- package/dist/lib/web3/wagmi/utils.js.map +1 -1
- package/dist/styles.css +5 -265
- package/dist/styles2.css +256 -0
- package/dist/test/TestButton.d.ts +2 -0
- package/dist/test/TestButton.d.ts.map +1 -0
- package/dist/test/connect/AccountDisplay.js +0 -10
- package/dist/test/connect/AccountDisplay.js.map +1 -1
- package/dist/test/connect/App.js +0 -10
- package/dist/test/connect/App.js.map +1 -1
- package/dist/test/connect/ConnectWallet.js +0 -10
- package/dist/test/connect/ConnectWallet.js.map +1 -1
- package/dist/test/connect/WagmiProfile.js +0 -10
- package/dist/test/connect/WagmiProfile.js.map +1 -1
- package/dist/test/connect/WalletActions.js +0 -10
- package/dist/test/connect/WalletActions.js.map +1 -1
- package/dist/test/logger-demo.d.ts +5 -0
- package/dist/test/logger-demo.d.ts.map +1 -0
- package/dist/tokens/blacklist.js +0 -10
- package/dist/tokens/blacklist.js.map +1 -1
- package/dist/tokens/constants.js +0 -10
- package/dist/tokens/constants.js.map +1 -1
- package/dist/tokens/constructor.js +0 -10
- package/dist/tokens/constructor.js.map +1 -1
- package/dist/tokens/defaultTokens.js +0 -10
- package/dist/tokens/defaultTokens.js.map +1 -1
- package/dist/tokens/hooks.js +0 -10
- package/dist/tokens/hooks.js.map +1 -1
- package/dist/tokens/lists/constants.js +0 -10
- package/dist/tokens/lists/constants.js.map +1 -1
- package/dist/tokens/lists/download.js +0 -10
- package/dist/tokens/lists/download.js.map +1 -1
- package/dist/tokens/lists/hooks.js +0 -10
- package/dist/tokens/lists/hooks.js.map +1 -1
- package/dist/tokens/lists/state/observer.js +0 -10
- package/dist/tokens/lists/state/observer.js.map +1 -1
- package/dist/tokens/lists/state/tokenListsActionsAtom.js +2 -13
- package/dist/tokens/lists/state/tokenListsActionsAtom.js.map +1 -1
- package/dist/tokens/lists/state/tokenListsStateAtom.js +2 -14
- package/dist/tokens/lists/state/tokenListsStateAtom.js.map +1 -1
- package/dist/tokens/lists/utils.js +0 -10
- package/dist/tokens/lists/utils.js.map +1 -1
- package/dist/tokens/overrides.js +0 -10
- package/dist/tokens/overrides.js.map +1 -1
- package/dist/tokens/queries.js +0 -10
- package/dist/tokens/queries.js.map +1 -1
- package/dist/tokens/stabeCoins/hooks.js +0 -10
- package/dist/tokens/stabeCoins/hooks.js.map +1 -1
- package/dist/tokens/stabeCoins/index.js +0 -10
- package/dist/tokens/stabeCoins/index.js.map +1 -1
- package/dist/tokens/state/constructTokens.js +0 -10
- package/dist/tokens/state/constructTokens.js.map +1 -1
- package/dist/tokens/state/tokensAtom.js +2 -13
- package/dist/tokens/state/tokensAtom.js.map +1 -1
- package/dist/tokens/utils/areTokensSame.js +0 -10
- package/dist/tokens/utils/areTokensSame.js.map +1 -1
- package/dist/tokens/utils/eth.js +0 -10
- package/dist/tokens/utils/eth.js.map +1 -1
- package/dist/tokens/utils/filtering.js +0 -10
- package/dist/tokens/utils/filtering.js.map +1 -1
- package/dist/tokens/utils/sets.js +0 -10
- package/dist/tokens/utils/sets.js.map +1 -1
- package/dist/tokens/utils/sorting.js +0 -10
- package/dist/tokens/utils/sorting.js.map +1 -1
- package/dist/widget/DevTools.d.ts +2 -0
- package/dist/widget/DevTools.d.ts.map +1 -0
- package/dist/widget/DevTools.js +24 -0
- package/dist/widget/DevTools.js.map +1 -0
- package/dist/widget/Updaters.js +0 -10
- package/dist/widget/Updaters.js.map +1 -1
- package/dist/widget/across/utils.js +0 -10
- package/dist/widget/across/utils.js.map +1 -1
- package/dist/widget/button/hooks/useWidgetButtonExtraProps.js +0 -10
- package/dist/widget/button/hooks/useWidgetButtonExtraProps.js.map +1 -1
- package/dist/widget/constants.js +0 -10
- package/dist/widget/constants.js.map +1 -1
- package/dist/widget/index.d.ts.map +1 -1
- package/dist/widget/index.js +34 -28
- package/dist/widget/index.js.map +1 -1
- package/dist/widget/inputs/hooks/useTokenFromInputProps.js +0 -11
- package/dist/widget/inputs/hooks/useTokenFromInputProps.js.map +1 -1
- package/dist/widget/inputs/hooks/useTokenSwitcherProps.js +0 -10
- package/dist/widget/inputs/hooks/useTokenSwitcherProps.js.map +1 -1
- package/dist/widget/inputs/hooks/useTokenToInputProps.js +0 -10
- package/dist/widget/inputs/hooks/useTokenToInputProps.js.map +1 -1
- package/dist/widget/inputs/state/inputAmountAtom.js +6 -20
- package/dist/widget/inputs/state/inputAmountAtom.js.map +1 -1
- package/dist/widget/inputs/state/selectedTokenActionsAtom.js +6 -19
- package/dist/widget/inputs/state/selectedTokenActionsAtom.js.map +1 -1
- package/dist/widget/inputs/state/selectedTokenAtom.js +2 -15
- package/dist/widget/inputs/state/selectedTokenAtom.js.map +1 -1
- package/dist/widget/inputs/state/subscriptions.js +0 -10
- package/dist/widget/inputs/state/subscriptions.js.map +1 -1
- package/dist/widget/state/chainToAtom.js +2 -13
- package/dist/widget/state/chainToAtom.js.map +1 -1
- package/dist/widget/state/configActionsAtom.js +2 -13
- package/dist/widget/state/configActionsAtom.js.map +1 -1
- package/dist/widget/state/configAtom.js +1 -12
- package/dist/widget/state/configAtom.js.map +1 -1
- package/dist/widget/state/containerAtom.js +1 -12
- package/dist/widget/state/containerAtom.js.map +1 -1
- package/dist/widget/state/currentSwapInputAtom.js +1 -12
- package/dist/widget/state/currentSwapInputAtom.js.map +1 -1
- package/dist/widget/state/isCrosschainAtom.js +2 -13
- package/dist/widget/state/isCrosschainAtom.js.map +1 -1
- package/dist/widget/subscriptions.js +0 -10
- package/dist/widget/subscriptions.js.map +1 -1
- package/dist/widget/swapDetails/fees.js +0 -10
- package/dist/widget/swapDetails/fees.js.map +1 -1
- package/dist/widget/swapDetails/orderRouting.js +0 -10
- package/dist/widget/swapDetails/orderRouting.js.map +1 -1
- package/dist/widget/swapDetails/priceImpact.js +0 -10
- package/dist/widget/swapDetails/priceImpact.js.map +1 -1
- package/dist/widget/swapDetails/useSwapDetailsListProps.js +0 -10
- package/dist/widget/swapDetails/useSwapDetailsListProps.js.map +1 -1
- package/dist/widget/swapDetails/youGet.js +0 -10
- package/dist/widget/swapDetails/youGet.js.map +1 -1
- package/package.json +2 -1
- package/dist/components/widget/SwapModeSwitcher/state/types.js +0 -11
- package/dist/components/widget/SwapModeSwitcher/state/types.js.map +0 -1
- package/dist/components/widget/TokenBadge/types.js +0 -11
- package/dist/components/widget/TokenBadge/types.js.map +0 -1
- package/dist/hooks/txs/index.js +0 -13
- package/dist/hooks/txs/index.js.map +0 -1
- package/dist/lib/utils/logger.js +0 -11
- package/dist/lib/utils/logger.js.map +0 -1
- package/dist/tokens/state/types.js +0 -11
- package/dist/tokens/state/types.js.map +0 -1
|
@@ -1,16 +1,6 @@
|
|
|
1
1
|
import { useLayoutEffect, useEffect } from 'react';
|
|
2
2
|
import { isIOS } from './browser.js';
|
|
3
3
|
|
|
4
|
-
globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
|
|
5
|
-
cache: /* @__PURE__ */ new Map(),
|
|
6
|
-
get(name, inst) {
|
|
7
|
-
if (this.cache.has(name)) {
|
|
8
|
-
return this.cache.get(name);
|
|
9
|
-
}
|
|
10
|
-
this.cache.set(name, inst);
|
|
11
|
-
return inst;
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
4
|
const KEYBOARD_BUFFER = 24;
|
|
15
5
|
const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
|
|
16
6
|
function chain(...callbacks) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-prevent-scroll.js","sources":["../../../../src/components/ui/vaul/use-prevent-scroll.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable prefer-const */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// This code comes from https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/overlays/src/usePreventScroll.ts\n\nimport { useEffect, useLayoutEffect } from \"react\";\nimport { isIOS } from \"./browser\";\n\nconst KEYBOARD_BUFFER = 24;\n\nexport const useIsomorphicLayoutEffect =\n typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\ninterface PreventScrollOptions {\n /** Whether the scroll lock is disabled. */\n isDisabled?: boolean;\n focusCallback?: () => void;\n}\n\nfunction chain(...callbacks: any[]): (...args: any[]) => void {\n return (...args: any[]) => {\n for (let callback of callbacks) {\n if (typeof callback === \"function\") {\n callback(...args);\n }\n }\n };\n}\n\n// @ts-ignore\nconst visualViewport = typeof document !== \"undefined\" && window.visualViewport;\n\nexport function isScrollable(node: Element): boolean {\n let style = window.getComputedStyle(node);\n return /(auto|scroll)/.test(\n style.overflow + style.overflowX + style.overflowY\n );\n}\n\nexport function getScrollParent(node: Element): Element {\n if (isScrollable(node)) {\n node = node.parentElement as HTMLElement;\n }\n\n while (node && !isScrollable(node)) {\n node = node.parentElement as HTMLElement;\n }\n\n return node || document.scrollingElement || document.documentElement;\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\n \"checkbox\",\n \"radio\",\n \"range\",\n \"color\",\n \"file\",\n \"image\",\n \"button\",\n \"submit\",\n \"reset\",\n]);\n\n// The number of active usePreventScroll calls. Used to determine whether to revert back to the original page style/scroll position\nlet preventScrollCount = 0;\nlet restore: () => void;\n\n/**\n * Prevents scrolling on the document body on mount, and\n * restores it on unmount. Also ensures that content does not\n * shift due to the scrollbars disappearing.\n */\nexport function usePreventScroll(options: PreventScrollOptions = {}) {\n let { isDisabled } = options;\n\n useIsomorphicLayoutEffect(() => {\n if (isDisabled) {\n return;\n }\n\n preventScrollCount++;\n if (preventScrollCount === 1) {\n if (isIOS()) {\n restore = preventScrollMobileSafari();\n }\n }\n\n return () => {\n preventScrollCount--;\n if (preventScrollCount === 0) {\n restore?.();\n }\n };\n }, [isDisabled]);\n}\n\n// Mobile Safari is a whole different beast. Even with overflow: hidden,\n// it still scrolls the page in many situations:\n//\n// 1. When the bottom toolbar and address bar are collapsed, page scrolling is always allowed.\n// 2. When the keyboard is visible, the viewport does not resize. Instead, the keyboard covers part of\n// it, so it becomes scrollable.\n// 3. When tapping on an input, the page always scrolls so that the input is centered in the visual viewport.\n// This may cause even fixed position elements to scroll off the screen.\n// 4. When using the next/previous buttons in the keyboard to navigate between inputs, the whole page always\n// scrolls, even if the input is inside a nested scrollable element that could be scrolled instead.\n//\n// In order to work around these cases, and prevent scrolling without jankiness, we do a few things:\n//\n// 1. Prevent default on `touchmove` events that are not in a scrollable element. This prevents touch scrolling\n// on the window.\n// 2. Prevent default on `touchmove` events inside a scrollable element when the scroll position is at the\n// top or bottom. This avoids the whole page scrolling instead, but does prevent overscrolling.\n// 3. Prevent default on `touchend` events on input elements and handle focusing the element ourselves.\n// 4. When focusing an input, apply a transform to trick Safari into thinking the input is at the top\n// of the page, which prevents it from scrolling the page. After the input is focused, scroll the element\n// into view ourselves, without scrolling the whole page.\n// 5. Offset the body by the scroll position using a negative margin and scroll to the top. This should appear the\n// same visually, but makes the actual scroll position always zero. This is required to make all of the\n// above work or Safari will still try to scroll the page when focusing an input.\n// 6. As a last resort, handle window scroll events, and scroll back to the top. This can happen when attempting\n// to navigate to an input with the next/previous buttons that's outside a modal.\nfunction preventScrollMobileSafari() {\n let scrollable: Element;\n let lastY = 0;\n let onTouchStart = (e: TouchEvent) => {\n // Store the nearest scrollable parent element from the element that the user touched.\n scrollable = getScrollParent(e.target as Element);\n if (\n scrollable === document.documentElement &&\n scrollable === document.body\n ) {\n return;\n }\n\n // @ts-expect-error\n lastY = e.changedTouches[0].pageY;\n };\n\n let onTouchMove = (e: TouchEvent) => {\n // Prevent scrolling the window.\n if (\n !scrollable ||\n scrollable === document.documentElement ||\n scrollable === document.body\n ) {\n e.preventDefault();\n return;\n }\n\n // Prevent scrolling up when at the top and scrolling down when at the bottom\n // of a nested scrollable area, otherwise mobile Safari will start scrolling\n // the window instead. Unfortunately, this disables bounce scrolling when at\n // the top but it's the best we can do.\n // @ts-expect-error\n let y = e.changedTouches[0].pageY;\n let scrollTop = scrollable.scrollTop;\n let bottom = scrollable.scrollHeight - scrollable.clientHeight;\n\n if (bottom === 0) {\n return;\n }\n\n if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n e.preventDefault();\n }\n\n lastY = y;\n };\n\n let onTouchEnd = (e: TouchEvent) => {\n let target = e.target as HTMLElement;\n\n // Apply this change if we're not already focused on the target element\n if (isInput(target) && target !== document.activeElement) {\n e.preventDefault();\n\n // Apply a transform to trick Safari into thinking the input is at the top of the page\n // so it doesn't try to scroll it into view. When tapping on an input, this needs to\n // be done before the \"focus\" event, so we have to focus the element ourselves.\n target.style.transform = \"translateY(-2000px)\";\n target.focus();\n requestAnimationFrame(() => {\n target.style.transform = \"\";\n });\n }\n };\n\n let onFocus = (e: FocusEvent) => {\n let target = e.target as HTMLElement;\n if (isInput(target)) {\n // Transform also needs to be applied in the focus event in cases where focus moves\n // other than tapping on an input directly, e.g. the next/previous buttons in the\n // software keyboard. In these cases, it seems applying the transform in the focus event\n // is good enough, whereas when tapping an input, it must be done before the focus event. 🤷♂️\n target.style.transform = \"translateY(-2000px)\";\n requestAnimationFrame(() => {\n target.style.transform = \"\";\n\n // This will have prevented the browser from scrolling the focused element into view,\n // so we need to do this ourselves in a way that doesn't cause the whole page to scroll.\n if (visualViewport) {\n if (visualViewport.height < window.innerHeight) {\n // If the keyboard is already visible, do this after one additional frame\n // to wait for the transform to be removed.\n requestAnimationFrame(() => {\n scrollIntoView(target);\n });\n } else {\n // Otherwise, wait for the visual viewport to resize before scrolling so we can\n // measure the correct position to scroll to.\n visualViewport.addEventListener(\n \"resize\",\n () => scrollIntoView(target),\n { once: true }\n );\n }\n }\n });\n }\n };\n\n let onWindowScroll = () => {\n // Last resort. If the window scrolled, scroll it back to the top.\n // It should always be at the top because the body will have a negative margin (see below).\n window.scrollTo(0, 0);\n };\n\n // Record the original scroll position so we can restore it.\n // Then apply a negative margin to the body to offset it by the scroll position. This will\n // enable us to scroll the window to the top, which is required for the rest of this to work.\n let scrollX = window.pageXOffset;\n let scrollY = window.pageYOffset;\n\n let restoreStyles = chain(\n setStyle(\n document.documentElement,\n \"paddingRight\",\n `${window.innerWidth - document.documentElement.clientWidth}px`\n )\n // setStyle(document.documentElement, 'overflow', 'hidden'),\n // setStyle(document.body, 'marginTop', `-${scrollY}px`),\n );\n\n // Scroll to the top. The negative margin on the body will make this appear the same.\n window.scrollTo(0, 0);\n\n let removeEvents = chain(\n addEvent(document, \"touchstart\", onTouchStart, {\n passive: false,\n capture: true,\n }),\n addEvent(document, \"touchmove\", onTouchMove, {\n passive: false,\n capture: true,\n }),\n addEvent(document, \"touchend\", onTouchEnd, {\n passive: false,\n capture: true,\n }),\n addEvent(document, \"focus\", onFocus, true),\n addEvent(window, \"scroll\", onWindowScroll)\n );\n\n return () => {\n // Restore styles and scroll the page back to where it was.\n restoreStyles();\n removeEvents();\n window.scrollTo(scrollX, scrollY);\n };\n}\n\n// Sets a CSS property on an element, and returns a function to revert it to the previous value.\nfunction setStyle(\n element: HTMLElement,\n style: keyof React.CSSProperties,\n value: string\n) {\n // https://github.com/microsoft/TypeScript/issues/17827#issuecomment-391663310\n // @ts-ignore\n let cur = element.style[style];\n // @ts-ignore\n element.style[style] = value;\n\n return () => {\n // @ts-ignore\n element.style[style] = cur;\n };\n}\n\n// Adds an event listener to an element, and returns a function to remove it.\nfunction addEvent<K extends keyof GlobalEventHandlersEventMap>(\n target: EventTarget,\n event: K,\n handler: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,\n options?: boolean | AddEventListenerOptions\n) {\n // @ts-ignore\n target.addEventListener(event, handler, options);\n\n return () => {\n // @ts-ignore\n target.removeEventListener(event, handler, options);\n };\n}\n\nfunction scrollIntoView(target: Element) {\n let root = document.scrollingElement || document.documentElement;\n while (target && target !== root) {\n // Find the parent scrollable element and adjust the scroll position if the target is not already in view.\n let scrollable = getScrollParent(target);\n if (\n scrollable !== document.documentElement &&\n scrollable !== document.body &&\n scrollable !== target\n ) {\n let scrollableTop = scrollable.getBoundingClientRect().top;\n let targetTop = target.getBoundingClientRect().top;\n let targetBottom = target.getBoundingClientRect().bottom;\n // Buffer is needed for some edge cases\n const keyboardHeight =\n scrollable.getBoundingClientRect().bottom + KEYBOARD_BUFFER;\n\n if (targetBottom > keyboardHeight) {\n scrollable.scrollTop += targetTop - scrollableTop;\n }\n }\n\n // @ts-ignore\n target = scrollable.parentElement;\n }\n}\n\nexport function isInput(target: Element) {\n return (\n (target instanceof HTMLInputElement &&\n !nonTextInputTypes.has(target.type)) ||\n target instanceof HTMLTextAreaElement ||\n (target instanceof HTMLElement && target.isContentEditable)\n );\n}\n"],"names":["KEYBOARD_BUFFER","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","chain","callbacks","args","callback","visualViewport","document","isScrollable","node","style","getComputedStyle","test","overflow","overflowX","overflowY","getScrollParent","parentElement","scrollingElement","documentElement","nonTextInputTypes","Set","preventScrollCount","restore","usePreventScroll","options","isDisabled","isIOS","preventScrollMobileSafari","scrollable","lastY","onTouchStart","e","target","body","changedTouches","pageY","onTouchMove","preventDefault","y","scrollTop","bottom","scrollHeight","clientHeight","onTouchEnd","isInput","activeElement","transform","focus","requestAnimationFrame","onFocus","height","innerHeight","scrollIntoView","addEventListener","once","onWindowScroll","scrollTo","scrollX","pageXOffset","scrollY","pageYOffset","restoreStyles","setStyle","innerWidth","clientWidth","removeEvents","addEvent","passive","capture","element","value","cur","event","handler","removeEventListener","root","scrollableTop","getBoundingClientRect","top","targetTop","targetBottom","keyboardHeight","HTMLInputElement","has","type","HTMLTextAreaElement","HTMLElement","isContentEditable"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"use-prevent-scroll.js","sources":["../../../../src/components/ui/vaul/use-prevent-scroll.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable prefer-const */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// This code comes from https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/overlays/src/usePreventScroll.ts\n\nimport { useEffect, useLayoutEffect } from \"react\";\nimport { isIOS } from \"./browser\";\n\nconst KEYBOARD_BUFFER = 24;\n\nexport const useIsomorphicLayoutEffect =\n typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\ninterface PreventScrollOptions {\n /** Whether the scroll lock is disabled. */\n isDisabled?: boolean;\n focusCallback?: () => void;\n}\n\nfunction chain(...callbacks: any[]): (...args: any[]) => void {\n return (...args: any[]) => {\n for (let callback of callbacks) {\n if (typeof callback === \"function\") {\n callback(...args);\n }\n }\n };\n}\n\n// @ts-ignore\nconst visualViewport = typeof document !== \"undefined\" && window.visualViewport;\n\nexport function isScrollable(node: Element): boolean {\n let style = window.getComputedStyle(node);\n return /(auto|scroll)/.test(\n style.overflow + style.overflowX + style.overflowY\n );\n}\n\nexport function getScrollParent(node: Element): Element {\n if (isScrollable(node)) {\n node = node.parentElement as HTMLElement;\n }\n\n while (node && !isScrollable(node)) {\n node = node.parentElement as HTMLElement;\n }\n\n return node || document.scrollingElement || document.documentElement;\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\n \"checkbox\",\n \"radio\",\n \"range\",\n \"color\",\n \"file\",\n \"image\",\n \"button\",\n \"submit\",\n \"reset\",\n]);\n\n// The number of active usePreventScroll calls. Used to determine whether to revert back to the original page style/scroll position\nlet preventScrollCount = 0;\nlet restore: () => void;\n\n/**\n * Prevents scrolling on the document body on mount, and\n * restores it on unmount. Also ensures that content does not\n * shift due to the scrollbars disappearing.\n */\nexport function usePreventScroll(options: PreventScrollOptions = {}) {\n let { isDisabled } = options;\n\n useIsomorphicLayoutEffect(() => {\n if (isDisabled) {\n return;\n }\n\n preventScrollCount++;\n if (preventScrollCount === 1) {\n if (isIOS()) {\n restore = preventScrollMobileSafari();\n }\n }\n\n return () => {\n preventScrollCount--;\n if (preventScrollCount === 0) {\n restore?.();\n }\n };\n }, [isDisabled]);\n}\n\n// Mobile Safari is a whole different beast. Even with overflow: hidden,\n// it still scrolls the page in many situations:\n//\n// 1. When the bottom toolbar and address bar are collapsed, page scrolling is always allowed.\n// 2. When the keyboard is visible, the viewport does not resize. Instead, the keyboard covers part of\n// it, so it becomes scrollable.\n// 3. When tapping on an input, the page always scrolls so that the input is centered in the visual viewport.\n// This may cause even fixed position elements to scroll off the screen.\n// 4. When using the next/previous buttons in the keyboard to navigate between inputs, the whole page always\n// scrolls, even if the input is inside a nested scrollable element that could be scrolled instead.\n//\n// In order to work around these cases, and prevent scrolling without jankiness, we do a few things:\n//\n// 1. Prevent default on `touchmove` events that are not in a scrollable element. This prevents touch scrolling\n// on the window.\n// 2. Prevent default on `touchmove` events inside a scrollable element when the scroll position is at the\n// top or bottom. This avoids the whole page scrolling instead, but does prevent overscrolling.\n// 3. Prevent default on `touchend` events on input elements and handle focusing the element ourselves.\n// 4. When focusing an input, apply a transform to trick Safari into thinking the input is at the top\n// of the page, which prevents it from scrolling the page. After the input is focused, scroll the element\n// into view ourselves, without scrolling the whole page.\n// 5. Offset the body by the scroll position using a negative margin and scroll to the top. This should appear the\n// same visually, but makes the actual scroll position always zero. This is required to make all of the\n// above work or Safari will still try to scroll the page when focusing an input.\n// 6. As a last resort, handle window scroll events, and scroll back to the top. This can happen when attempting\n// to navigate to an input with the next/previous buttons that's outside a modal.\nfunction preventScrollMobileSafari() {\n let scrollable: Element;\n let lastY = 0;\n let onTouchStart = (e: TouchEvent) => {\n // Store the nearest scrollable parent element from the element that the user touched.\n scrollable = getScrollParent(e.target as Element);\n if (\n scrollable === document.documentElement &&\n scrollable === document.body\n ) {\n return;\n }\n\n // @ts-expect-error\n lastY = e.changedTouches[0].pageY;\n };\n\n let onTouchMove = (e: TouchEvent) => {\n // Prevent scrolling the window.\n if (\n !scrollable ||\n scrollable === document.documentElement ||\n scrollable === document.body\n ) {\n e.preventDefault();\n return;\n }\n\n // Prevent scrolling up when at the top and scrolling down when at the bottom\n // of a nested scrollable area, otherwise mobile Safari will start scrolling\n // the window instead. Unfortunately, this disables bounce scrolling when at\n // the top but it's the best we can do.\n // @ts-expect-error\n let y = e.changedTouches[0].pageY;\n let scrollTop = scrollable.scrollTop;\n let bottom = scrollable.scrollHeight - scrollable.clientHeight;\n\n if (bottom === 0) {\n return;\n }\n\n if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n e.preventDefault();\n }\n\n lastY = y;\n };\n\n let onTouchEnd = (e: TouchEvent) => {\n let target = e.target as HTMLElement;\n\n // Apply this change if we're not already focused on the target element\n if (isInput(target) && target !== document.activeElement) {\n e.preventDefault();\n\n // Apply a transform to trick Safari into thinking the input is at the top of the page\n // so it doesn't try to scroll it into view. When tapping on an input, this needs to\n // be done before the \"focus\" event, so we have to focus the element ourselves.\n target.style.transform = \"translateY(-2000px)\";\n target.focus();\n requestAnimationFrame(() => {\n target.style.transform = \"\";\n });\n }\n };\n\n let onFocus = (e: FocusEvent) => {\n let target = e.target as HTMLElement;\n if (isInput(target)) {\n // Transform also needs to be applied in the focus event in cases where focus moves\n // other than tapping on an input directly, e.g. the next/previous buttons in the\n // software keyboard. In these cases, it seems applying the transform in the focus event\n // is good enough, whereas when tapping an input, it must be done before the focus event. 🤷♂️\n target.style.transform = \"translateY(-2000px)\";\n requestAnimationFrame(() => {\n target.style.transform = \"\";\n\n // This will have prevented the browser from scrolling the focused element into view,\n // so we need to do this ourselves in a way that doesn't cause the whole page to scroll.\n if (visualViewport) {\n if (visualViewport.height < window.innerHeight) {\n // If the keyboard is already visible, do this after one additional frame\n // to wait for the transform to be removed.\n requestAnimationFrame(() => {\n scrollIntoView(target);\n });\n } else {\n // Otherwise, wait for the visual viewport to resize before scrolling so we can\n // measure the correct position to scroll to.\n visualViewport.addEventListener(\n \"resize\",\n () => scrollIntoView(target),\n { once: true }\n );\n }\n }\n });\n }\n };\n\n let onWindowScroll = () => {\n // Last resort. If the window scrolled, scroll it back to the top.\n // It should always be at the top because the body will have a negative margin (see below).\n window.scrollTo(0, 0);\n };\n\n // Record the original scroll position so we can restore it.\n // Then apply a negative margin to the body to offset it by the scroll position. This will\n // enable us to scroll the window to the top, which is required for the rest of this to work.\n let scrollX = window.pageXOffset;\n let scrollY = window.pageYOffset;\n\n let restoreStyles = chain(\n setStyle(\n document.documentElement,\n \"paddingRight\",\n `${window.innerWidth - document.documentElement.clientWidth}px`\n )\n // setStyle(document.documentElement, 'overflow', 'hidden'),\n // setStyle(document.body, 'marginTop', `-${scrollY}px`),\n );\n\n // Scroll to the top. The negative margin on the body will make this appear the same.\n window.scrollTo(0, 0);\n\n let removeEvents = chain(\n addEvent(document, \"touchstart\", onTouchStart, {\n passive: false,\n capture: true,\n }),\n addEvent(document, \"touchmove\", onTouchMove, {\n passive: false,\n capture: true,\n }),\n addEvent(document, \"touchend\", onTouchEnd, {\n passive: false,\n capture: true,\n }),\n addEvent(document, \"focus\", onFocus, true),\n addEvent(window, \"scroll\", onWindowScroll)\n );\n\n return () => {\n // Restore styles and scroll the page back to where it was.\n restoreStyles();\n removeEvents();\n window.scrollTo(scrollX, scrollY);\n };\n}\n\n// Sets a CSS property on an element, and returns a function to revert it to the previous value.\nfunction setStyle(\n element: HTMLElement,\n style: keyof React.CSSProperties,\n value: string\n) {\n // https://github.com/microsoft/TypeScript/issues/17827#issuecomment-391663310\n // @ts-ignore\n let cur = element.style[style];\n // @ts-ignore\n element.style[style] = value;\n\n return () => {\n // @ts-ignore\n element.style[style] = cur;\n };\n}\n\n// Adds an event listener to an element, and returns a function to remove it.\nfunction addEvent<K extends keyof GlobalEventHandlersEventMap>(\n target: EventTarget,\n event: K,\n handler: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,\n options?: boolean | AddEventListenerOptions\n) {\n // @ts-ignore\n target.addEventListener(event, handler, options);\n\n return () => {\n // @ts-ignore\n target.removeEventListener(event, handler, options);\n };\n}\n\nfunction scrollIntoView(target: Element) {\n let root = document.scrollingElement || document.documentElement;\n while (target && target !== root) {\n // Find the parent scrollable element and adjust the scroll position if the target is not already in view.\n let scrollable = getScrollParent(target);\n if (\n scrollable !== document.documentElement &&\n scrollable !== document.body &&\n scrollable !== target\n ) {\n let scrollableTop = scrollable.getBoundingClientRect().top;\n let targetTop = target.getBoundingClientRect().top;\n let targetBottom = target.getBoundingClientRect().bottom;\n // Buffer is needed for some edge cases\n const keyboardHeight =\n scrollable.getBoundingClientRect().bottom + KEYBOARD_BUFFER;\n\n if (targetBottom > keyboardHeight) {\n scrollable.scrollTop += targetTop - scrollableTop;\n }\n }\n\n // @ts-ignore\n target = scrollable.parentElement;\n }\n}\n\nexport function isInput(target: Element) {\n return (\n (target instanceof HTMLInputElement &&\n !nonTextInputTypes.has(target.type)) ||\n target instanceof HTMLTextAreaElement ||\n (target instanceof HTMLElement && target.isContentEditable)\n );\n}\n"],"names":["KEYBOARD_BUFFER","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","chain","callbacks","args","callback","visualViewport","document","isScrollable","node","style","getComputedStyle","test","overflow","overflowX","overflowY","getScrollParent","parentElement","scrollingElement","documentElement","nonTextInputTypes","Set","preventScrollCount","restore","usePreventScroll","options","isDisabled","isIOS","preventScrollMobileSafari","scrollable","lastY","onTouchStart","e","target","body","changedTouches","pageY","onTouchMove","preventDefault","y","scrollTop","bottom","scrollHeight","clientHeight","onTouchEnd","isInput","activeElement","transform","focus","requestAnimationFrame","onFocus","height","innerHeight","scrollIntoView","addEventListener","once","onWindowScroll","scrollTo","scrollX","pageXOffset","scrollY","pageYOffset","restoreStyles","setStyle","innerWidth","clientWidth","removeEvents","addEvent","passive","capture","element","value","cur","event","handler","removeEventListener","root","scrollableTop","getBoundingClientRect","top","targetTop","targetBottom","keyboardHeight","HTMLInputElement","has","type","HTMLTextAreaElement","HTMLElement","isContentEditable"],"mappings":"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"}
|
|
@@ -3,16 +3,6 @@ import { useDrawerContext } from './context.js';
|
|
|
3
3
|
import { chain, assignStyle, isVertical } from './helpers.js';
|
|
4
4
|
import { TRANSITIONS, BORDER_RADIUS, WINDOW_TOP_OFFSET } from './constants.js';
|
|
5
5
|
|
|
6
|
-
globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
|
|
7
|
-
cache: /* @__PURE__ */ new Map(),
|
|
8
|
-
get(name, inst) {
|
|
9
|
-
if (this.cache.has(name)) {
|
|
10
|
-
return this.cache.get(name);
|
|
11
|
-
}
|
|
12
|
-
this.cache.set(name, inst);
|
|
13
|
-
return inst;
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
6
|
const noop = () => () => {
|
|
17
7
|
};
|
|
18
8
|
function useScaleBackground() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-scale-background.js","sources":["../../../../src/components/ui/vaul/use-scale-background.ts"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useDrawerContext } from \"./context\";\nimport { assignStyle, chain, isVertical } from \"./helpers\";\nimport { BORDER_RADIUS, TRANSITIONS, WINDOW_TOP_OFFSET } from \"./constants\";\n\nconst noop = () => () => {};\n\nexport function useScaleBackground() {\n const {\n direction,\n isOpen,\n shouldScaleBackground,\n setBackgroundColorOnScale,\n noBodyStyles,\n } = useDrawerContext();\n const timeoutIdRef = React.useRef<number | null>(null);\n const initialBackgroundColor = useMemo(\n () => document.body.style.backgroundColor,\n []\n );\n\n function getScale() {\n return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;\n }\n\n React.useEffect(() => {\n if (isOpen && shouldScaleBackground) {\n if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n const wrapper =\n (document.querySelector(\"[data-vaul-drawer-wrapper]\") as HTMLElement) ||\n (document.querySelector(\"[vaul-drawer-wrapper]\") as HTMLElement);\n\n if (!wrapper) return;\n\n chain(\n setBackgroundColorOnScale && !noBodyStyles\n ? assignStyle(document.body, { background: \"black\" })\n : noop,\n assignStyle(wrapper, {\n transformOrigin: isVertical(direction) ? \"top\" : \"left\",\n transitionProperty: \"transform, border-radius\",\n transitionDuration: `${TRANSITIONS.DURATION}s`,\n transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n })\n );\n\n const wrapperStylesCleanup = assignStyle(wrapper, {\n borderRadius: `${BORDER_RADIUS}px`,\n overflow: \"hidden\",\n ...(isVertical(direction)\n ? {\n transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,\n }\n : {\n transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,\n }),\n });\n\n return () => {\n wrapperStylesCleanup();\n timeoutIdRef.current = window.setTimeout(() => {\n if (initialBackgroundColor) {\n document.body.style.background = initialBackgroundColor;\n } else {\n document.body.style.removeProperty(\"background\");\n }\n }, TRANSITIONS.DURATION * 1000);\n };\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isOpen, shouldScaleBackground, initialBackgroundColor]);\n}\n"],"names":["noop","useScaleBackground","direction","isOpen","shouldScaleBackground","setBackgroundColorOnScale","noBodyStyles","useDrawerContext","timeoutIdRef","React","useRef","initialBackgroundColor","useMemo","document","body","style","backgroundColor","getScale","window","innerWidth","WINDOW_TOP_OFFSET","useEffect","current","clearTimeout","wrapper","querySelector","chain","assignStyle","background","transformOrigin","isVertical","transitionProperty","transitionDuration","TRANSITIONS","DURATION","transitionTimingFunction","EASE","join","wrapperStylesCleanup","borderRadius","BORDER_RADIUS","overflow","transform","setTimeout","removeProperty"],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-scale-background.js","sources":["../../../../src/components/ui/vaul/use-scale-background.ts"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useDrawerContext } from \"./context\";\nimport { assignStyle, chain, isVertical } from \"./helpers\";\nimport { BORDER_RADIUS, TRANSITIONS, WINDOW_TOP_OFFSET } from \"./constants\";\n\nconst noop = () => () => {};\n\nexport function useScaleBackground() {\n const {\n direction,\n isOpen,\n shouldScaleBackground,\n setBackgroundColorOnScale,\n noBodyStyles,\n } = useDrawerContext();\n const timeoutIdRef = React.useRef<number | null>(null);\n const initialBackgroundColor = useMemo(\n () => document.body.style.backgroundColor,\n []\n );\n\n function getScale() {\n return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;\n }\n\n React.useEffect(() => {\n if (isOpen && shouldScaleBackground) {\n if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n const wrapper =\n (document.querySelector(\"[data-vaul-drawer-wrapper]\") as HTMLElement) ||\n (document.querySelector(\"[vaul-drawer-wrapper]\") as HTMLElement);\n\n if (!wrapper) return;\n\n chain(\n setBackgroundColorOnScale && !noBodyStyles\n ? assignStyle(document.body, { background: \"black\" })\n : noop,\n assignStyle(wrapper, {\n transformOrigin: isVertical(direction) ? \"top\" : \"left\",\n transitionProperty: \"transform, border-radius\",\n transitionDuration: `${TRANSITIONS.DURATION}s`,\n transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n })\n );\n\n const wrapperStylesCleanup = assignStyle(wrapper, {\n borderRadius: `${BORDER_RADIUS}px`,\n overflow: \"hidden\",\n ...(isVertical(direction)\n ? {\n transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,\n }\n : {\n transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,\n }),\n });\n\n return () => {\n wrapperStylesCleanup();\n timeoutIdRef.current = window.setTimeout(() => {\n if (initialBackgroundColor) {\n document.body.style.background = initialBackgroundColor;\n } else {\n document.body.style.removeProperty(\"background\");\n }\n }, TRANSITIONS.DURATION * 1000);\n };\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isOpen, shouldScaleBackground, initialBackgroundColor]);\n}\n"],"names":["noop","useScaleBackground","direction","isOpen","shouldScaleBackground","setBackgroundColorOnScale","noBodyStyles","useDrawerContext","timeoutIdRef","React","useRef","initialBackgroundColor","useMemo","document","body","style","backgroundColor","getScale","window","innerWidth","WINDOW_TOP_OFFSET","useEffect","current","clearTimeout","wrapper","querySelector","chain","assignStyle","background","transformOrigin","isVertical","transitionProperty","transitionDuration","TRANSITIONS","DURATION","transitionTimingFunction","EASE","join","wrapperStylesCleanup","borderRadius","BORDER_RADIUS","overflow","transform","setTimeout","removeProperty"],"mappings":";;;;;AAKA,MAAMA,IAAAA,GAAOA,MAAM,MAAM;AAAC,CAAA;AAEnB,SAASC,kBAAAA,GAAqB;AACnC,EAAA,MAAM;AAAA,IACJC,SAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,yBAAAA;AAAAA,IACAC;AAAAA,MACEC,gBAAAA,EAAiB;AACrB,EAAA,MAAMC,YAAAA,GAAeC,cAAAA,CAAMC,MAAAA,CAAsB,IAAI,CAAA;AACrD,EAAA,MAAMC,sBAAAA,GAAyBC,QAC7B,MAAMC,QAAAA,CAASC,KAAKC,KAAAA,CAAMC,eAAAA,EAC1B,EACF,CAAA;AAEA,EAAA,SAASC,QAAAA,GAAW;AAClB,IAAA,OAAA,CAAQC,MAAAA,CAAOC,UAAAA,GAAaC,iBAAAA,IAAqBF,MAAAA,CAAOC,UAAAA;AAAAA;AAG1DV,EAAAA,cAAAA,CAAMY,UAAU,MAAM;AACpB,IAAA,IAAIlB,UAAUC,qBAAAA,EAAuB;AACnC,MAAA,IAAII,YAAAA,CAAac,OAAAA,EAASC,YAAAA,CAAaf,YAAAA,CAAac,OAAO,CAAA;AAC3D,MAAA,MAAME,UACHX,QAAAA,CAASY,aAAAA,CAAc,4BAA4B,CAAA,IACnDZ,QAAAA,CAASY,cAAc,uBAAuB,CAAA;AAEjD,MAAA,IAAI,CAACD,OAAAA,EAAS;AAEdE,MAAAA,KAAAA,CACErB,yBAAAA,IAA6B,CAACC,YAAAA,GAC1BqB,WAAAA,CAAYd,SAASC,IAAAA,EAAM;AAAA,QAAEc,UAAAA,EAAY;AAAA,OAAS,CAAA,GAClD5B,IAAAA,EACJ2B,WAAAA,CAAYH,OAAAA,EAAS;AAAA,QACnBK,eAAAA,EAAiBC,UAAAA,CAAW5B,SAAS,CAAA,GAAI,KAAA,GAAQ,MAAA;AAAA,QACjD6B,kBAAAA,EAAoB,0BAAA;AAAA,QACpBC,kBAAAA,EAAoB,CAAA,EAAGC,WAAAA,CAAYC,QAAQ,CAAA,CAAA,CAAA;AAAA,QAC3CC,0BAA0B,CAAA,aAAA,EAAgBF,WAAAA,CAAYG,IAAAA,CAAKC,IAAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,OACrE,CACH,CAAA;AAEA,MAAA,MAAMC,oBAAAA,GAAuBX,YAAYH,OAAAA,EAAS;AAAA,QAChDe,YAAAA,EAAc,GAAGC,aAAa,CAAA,EAAA,CAAA;AAAA,QAC9BC,QAAAA,EAAU,QAAA;AAAA,QACV,GAAIX,UAAAA,CAAW5B,SAAS,CAAA,GACpB;AAAA,UACEwC,SAAAA,EAAW,CAAA,MAAA,EAASzB,QAAAA,EAAU,CAAA,0DAAA;AAAA,SAChC,GACA;AAAA,UACEyB,SAAAA,EAAW,CAAA,MAAA,EAASzB,QAAAA,EAAU,CAAA,0DAAA;AAAA;AAChC,OACL,CAAA;AAED,MAAA,OAAO,MAAM;AACXqB,QAAAA,oBAAAA,EAAqB;AACrB9B,QAAAA,YAAAA,CAAac,OAAAA,GAAUJ,MAAAA,CAAOyB,UAAAA,CAAW,MAAM;AAC7C,UAAA,IAAIhC,sBAAAA,EAAwB;AAC1BE,YAAAA,QAAAA,CAASC,IAAAA,CAAKC,MAAMa,UAAAA,GAAajB,sBAAAA;AAAAA,WACnC,MAAO;AACLE,YAAAA,QAAAA,CAASC,IAAAA,CAAKC,KAAAA,CAAM6B,cAAAA,CAAe,YAAY,CAAA;AAAA;AACjD,SACF,EAAGX,WAAAA,CAAYC,QAAAA,GAAW,GAAI,CAAA;AAAA,OAChC;AAAA;AACF,GAEF,EAAG,CAAC/B,MAAAA,EAAQC,qBAAAA,EAAuBO,sBAAsB,CAAC,CAAA;AAC5D;;;;"}
|
|
@@ -3,16 +3,6 @@ import { isVertical, set } from './helpers.js';
|
|
|
3
3
|
import { TRANSITIONS, VELOCITY_THRESHOLD } from './constants.js';
|
|
4
4
|
import { useControllableState } from './use-controllable-state.js';
|
|
5
5
|
|
|
6
|
-
globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
|
|
7
|
-
cache: /* @__PURE__ */ new Map(),
|
|
8
|
-
get(name, inst) {
|
|
9
|
-
if (this.cache.has(name)) {
|
|
10
|
-
return this.cache.get(name);
|
|
11
|
-
}
|
|
12
|
-
this.cache.set(name, inst);
|
|
13
|
-
return inst;
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
6
|
function useSnapPoints({
|
|
17
7
|
activeSnapPointProp,
|
|
18
8
|
setActiveSnapPointProp,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-snap-points.js","sources":["../../../../src/components/ui/vaul/use-snap-points.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from \"react\";\nimport { set, isVertical } from \"./helpers\";\nimport { TRANSITIONS, VELOCITY_THRESHOLD } from \"./constants\";\nimport { useControllableState } from \"./use-controllable-state\";\nimport type { DrawerDirection } from \"./types\";\n\nexport function useSnapPoints({\n activeSnapPointProp,\n setActiveSnapPointProp,\n snapPoints,\n drawerRef,\n overlayRef,\n fadeFromIndex,\n onSnapPointChange,\n direction = \"bottom\",\n container,\n snapToSequentialPoint,\n}: {\n activeSnapPointProp?: number | string | null;\n setActiveSnapPointProp?(snapPoint: number | null | string): void;\n snapPoints?: (number | string)[];\n fadeFromIndex?: number;\n drawerRef: React.RefObject<HTMLDivElement>;\n overlayRef: React.RefObject<HTMLDivElement>;\n onSnapPointChange(activeSnapPointIndex: number): void;\n direction?: DrawerDirection;\n container?: HTMLElement | null | undefined;\n snapToSequentialPoint?: boolean;\n}) {\n const [activeSnapPoint, setActiveSnapPoint] = useControllableState<\n string | number | null\n >({\n prop: activeSnapPointProp,\n defaultProp: snapPoints?.[0],\n onChange: setActiveSnapPointProp,\n });\n\n const [windowDimensions, setWindowDimensions] = React.useState(\n typeof window !== \"undefined\"\n ? {\n innerWidth: window.innerWidth,\n innerHeight: window.innerHeight,\n }\n : undefined\n );\n\n React.useEffect(() => {\n function onResize() {\n setWindowDimensions({\n innerWidth: window.innerWidth,\n innerHeight: window.innerHeight,\n });\n }\n window.addEventListener(\"resize\", onResize);\n\n return () => window.removeEventListener(\"resize\", onResize);\n }, []);\n\n const isLastSnapPoint = React.useMemo(\n () => activeSnapPoint === snapPoints?.[snapPoints.length - 1] || null,\n [snapPoints, activeSnapPoint]\n );\n\n const activeSnapPointIndex = React.useMemo(\n () =>\n snapPoints?.findIndex((snapPoint) => snapPoint === activeSnapPoint) ??\n null,\n [snapPoints, activeSnapPoint]\n );\n\n const shouldFade =\n (snapPoints &&\n snapPoints.length > 0 &&\n (fadeFromIndex || fadeFromIndex === 0) &&\n !Number.isNaN(fadeFromIndex) &&\n snapPoints[fadeFromIndex] === activeSnapPoint) ||\n !snapPoints;\n\n const snapPointsOffset = React.useMemo(() => {\n const containerSize = container\n ? {\n width: container.getBoundingClientRect().width,\n height: container.getBoundingClientRect().height,\n }\n : typeof window !== \"undefined\"\n ? { width: window.innerWidth, height: window.innerHeight }\n : { width: 0, height: 0 };\n\n return (\n snapPoints?.map((snapPoint) => {\n const isPx = typeof snapPoint === \"string\";\n let snapPointAsNumber = 0;\n\n if (isPx) {\n snapPointAsNumber = parseInt(snapPoint, 10);\n }\n\n if (isVertical(direction)) {\n const height = isPx\n ? snapPointAsNumber\n : windowDimensions\n ? snapPoint * containerSize.height\n : 0;\n\n if (windowDimensions) {\n return direction === \"bottom\"\n ? containerSize.height - height\n : -containerSize.height + height;\n }\n\n return height;\n }\n const width = isPx\n ? snapPointAsNumber\n : windowDimensions\n ? snapPoint * containerSize.width\n : 0;\n\n if (windowDimensions) {\n return direction === \"right\"\n ? containerSize.width - width\n : -containerSize.width + width;\n }\n\n return width;\n }) ?? []\n );\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [snapPoints, windowDimensions, container]);\n\n const activeSnapPointOffset = React.useMemo(\n () =>\n activeSnapPointIndex !== null\n ? snapPointsOffset?.[activeSnapPointIndex]\n : null,\n [snapPointsOffset, activeSnapPointIndex]\n );\n\n const snapToPoint = React.useCallback(\n (dimension: number) => {\n const newSnapPointIndex =\n snapPointsOffset?.findIndex(\n (snapPointDim) => snapPointDim === dimension\n ) ?? null;\n onSnapPointChange(newSnapPointIndex);\n\n set(drawerRef.current, {\n transition: `transform ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n transform: isVertical(direction)\n ? `translate3d(0, ${dimension}px, 0)`\n : `translate3d(${dimension}px, 0, 0)`,\n });\n\n if (\n snapPointsOffset &&\n newSnapPointIndex !== snapPointsOffset.length - 1 &&\n fadeFromIndex !== undefined &&\n newSnapPointIndex !== fadeFromIndex &&\n newSnapPointIndex < fadeFromIndex\n ) {\n set(overlayRef.current, {\n transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n opacity: \"0\",\n });\n } else {\n set(overlayRef.current, {\n transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n opacity: \"1\",\n });\n }\n\n setActiveSnapPoint(snapPoints?.[Math.max(newSnapPointIndex, 0)]);\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n drawerRef.current,\n snapPoints,\n snapPointsOffset,\n fadeFromIndex,\n overlayRef,\n setActiveSnapPoint,\n ]\n );\n\n React.useEffect(() => {\n if (activeSnapPoint || activeSnapPointProp) {\n const newIndex =\n snapPoints?.findIndex(\n (snapPoint) =>\n snapPoint === activeSnapPointProp || snapPoint === activeSnapPoint\n ) ?? -1;\n if (\n snapPointsOffset &&\n newIndex !== -1 &&\n typeof snapPointsOffset[newIndex] === \"number\"\n ) {\n snapToPoint(snapPointsOffset[newIndex] as number);\n }\n }\n }, [\n activeSnapPoint,\n activeSnapPointProp,\n snapPoints,\n snapPointsOffset,\n snapToPoint,\n ]);\n\n function onRelease({\n draggedDistance,\n closeDrawer,\n velocity,\n dismissible,\n }: {\n draggedDistance: number;\n closeDrawer: () => void;\n velocity: number;\n dismissible: boolean;\n }) {\n if (fadeFromIndex === undefined) return;\n\n const currentPosition =\n direction === \"bottom\" || direction === \"right\"\n ? (activeSnapPointOffset ?? 0) - draggedDistance\n : (activeSnapPointOffset ?? 0) + draggedDistance;\n const isOverlaySnapPoint = activeSnapPointIndex === fadeFromIndex - 1;\n const isFirst = activeSnapPointIndex === 0;\n const hasDraggedUp = draggedDistance > 0;\n\n if (isOverlaySnapPoint) {\n set(overlayRef.current, {\n transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n });\n }\n\n if (!snapToSequentialPoint && velocity > 2 && !hasDraggedUp) {\n if (dismissible) closeDrawer();\n // @ts-expect-error\n else snapToPoint(snapPointsOffset[0]); // snap to initial point\n return;\n }\n\n if (\n !snapToSequentialPoint &&\n velocity > 2 &&\n hasDraggedUp &&\n snapPointsOffset &&\n snapPoints\n ) {\n snapToPoint(snapPointsOffset[snapPoints.length - 1] as number);\n return;\n }\n\n // Find the closest snap point to the current position\n const closestSnapPoint = snapPointsOffset?.reduce((prev, curr) => {\n if (typeof prev !== \"number\" || typeof curr !== \"number\") return prev;\n\n return Math.abs(curr - currentPosition) < Math.abs(prev - currentPosition)\n ? curr\n : prev;\n });\n\n const dim = isVertical(direction) ? window.innerHeight : window.innerWidth;\n if (\n velocity > VELOCITY_THRESHOLD &&\n Math.abs(draggedDistance) < dim * 0.4\n ) {\n const dragDirection = hasDraggedUp ? 1 : -1; // 1 = up, -1 = down\n\n // Don't do anything if we swipe upwards while being on the last snap point\n if (dragDirection > 0 && isLastSnapPoint && snapPoints) {\n // @ts-expect-error\n snapToPoint(snapPointsOffset[snapPoints.length - 1]);\n return;\n }\n\n if (isFirst && dragDirection < 0 && dismissible) {\n closeDrawer();\n }\n\n if (activeSnapPointIndex === null) return;\n // @ts-expect-error\n snapToPoint(snapPointsOffset[activeSnapPointIndex + dragDirection]);\n return;\n }\n\n snapToPoint(closestSnapPoint);\n }\n\n function onDrag({ draggedDistance }: { draggedDistance: number }) {\n if (activeSnapPointOffset === null) return;\n const newValue =\n direction === \"bottom\" || direction === \"right\"\n ? // @ts-expect-error\n activeSnapPointOffset - draggedDistance\n : // @ts-expect-error\n activeSnapPointOffset + draggedDistance;\n\n // Don't do anything if we exceed the last(biggest) snap point\n if (\n (direction === \"bottom\" || direction === \"right\") &&\n // @ts-expect-error\n newValue < snapPointsOffset[snapPointsOffset.length - 1]\n ) {\n return;\n }\n if (\n (direction === \"top\" || direction === \"left\") &&\n // @ts-expect-error\n newValue > snapPointsOffset[snapPointsOffset.length - 1]\n ) {\n return;\n }\n\n set(drawerRef.current, {\n transform: isVertical(direction)\n ? `translate3d(0, ${newValue}px, 0)`\n : `translate3d(${newValue}px, 0, 0)`,\n });\n }\n\n function getPercentageDragged(\n absDraggedDistance: number,\n isDraggingDown: boolean\n ) {\n if (\n !snapPoints ||\n typeof activeSnapPointIndex !== \"number\" ||\n !snapPointsOffset ||\n fadeFromIndex === undefined\n )\n return null;\n\n // If this is true we are dragging to a snap point that is supposed to have an overlay\n const isOverlaySnapPoint = activeSnapPointIndex === fadeFromIndex - 1;\n const isOverlaySnapPointOrHigher = activeSnapPointIndex >= fadeFromIndex;\n\n if (isOverlaySnapPointOrHigher && isDraggingDown) {\n return 0;\n }\n\n // Don't animate, but still use this one if we are dragging away from the overlaySnapPoint\n if (isOverlaySnapPoint && !isDraggingDown) return 1;\n if (!shouldFade && !isOverlaySnapPoint) return null;\n\n // Either fadeFrom index or the one before\n const targetSnapPointIndex = isOverlaySnapPoint\n ? activeSnapPointIndex + 1\n : activeSnapPointIndex - 1;\n\n // Get the distance from overlaySnapPoint to the one before or vice-versa to calculate the opacity percentage accordingly\n const snapPointDistance = isOverlaySnapPoint\n ? // @ts-expect-error\n snapPointsOffset[targetSnapPointIndex] -\n // @ts-expect-error\n snapPointsOffset[targetSnapPointIndex - 1]\n : // @ts-expect-error\n snapPointsOffset[targetSnapPointIndex + 1] -\n // @ts-expect-error\n snapPointsOffset[targetSnapPointIndex];\n\n const percentageDragged = absDraggedDistance / Math.abs(snapPointDistance);\n\n if (isOverlaySnapPoint) {\n return 1 - percentageDragged;\n } else {\n return percentageDragged;\n }\n }\n\n return {\n isLastSnapPoint,\n activeSnapPoint,\n shouldFade,\n getPercentageDragged,\n setActiveSnapPoint,\n activeSnapPointIndex,\n onRelease,\n onDrag,\n snapPointsOffset,\n };\n}\n"],"names":["useSnapPoints","activeSnapPointProp","setActiveSnapPointProp","snapPoints","drawerRef","overlayRef","fadeFromIndex","onSnapPointChange","direction","container","snapToSequentialPoint","activeSnapPoint","setActiveSnapPoint","useControllableState","prop","defaultProp","onChange","windowDimensions","setWindowDimensions","React","useState","window","innerWidth","innerHeight","undefined","useEffect","onResize","addEventListener","removeEventListener","isLastSnapPoint","useMemo","length","activeSnapPointIndex","findIndex","snapPoint","shouldFade","Number","isNaN","snapPointsOffset","containerSize","width","getBoundingClientRect","height","map","isPx","snapPointAsNumber","parseInt","isVertical","activeSnapPointOffset","snapToPoint","useCallback","dimension","newSnapPointIndex","snapPointDim","set","current","transition","TRANSITIONS","DURATION","EASE","join","transform","opacity","Math","max","newIndex","onRelease","draggedDistance","closeDrawer","velocity","dismissible","currentPosition","isOverlaySnapPoint","isFirst","hasDraggedUp","closestSnapPoint","reduce","prev","curr","abs","dim","VELOCITY_THRESHOLD","dragDirection","onDrag","newValue","getPercentageDragged","absDraggedDistance","isDraggingDown","isOverlaySnapPointOrHigher","targetSnapPointIndex","snapPointDistance","percentageDragged"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"use-snap-points.js","sources":["../../../../src/components/ui/vaul/use-snap-points.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from \"react\";\nimport { set, isVertical } from \"./helpers\";\nimport { TRANSITIONS, VELOCITY_THRESHOLD } from \"./constants\";\nimport { useControllableState } from \"./use-controllable-state\";\nimport type { DrawerDirection } from \"./types\";\n\nexport function useSnapPoints({\n activeSnapPointProp,\n setActiveSnapPointProp,\n snapPoints,\n drawerRef,\n overlayRef,\n fadeFromIndex,\n onSnapPointChange,\n direction = \"bottom\",\n container,\n snapToSequentialPoint,\n}: {\n activeSnapPointProp?: number | string | null;\n setActiveSnapPointProp?(snapPoint: number | null | string): void;\n snapPoints?: (number | string)[];\n fadeFromIndex?: number;\n drawerRef: React.RefObject<HTMLDivElement>;\n overlayRef: React.RefObject<HTMLDivElement>;\n onSnapPointChange(activeSnapPointIndex: number): void;\n direction?: DrawerDirection;\n container?: HTMLElement | null | undefined;\n snapToSequentialPoint?: boolean;\n}) {\n const [activeSnapPoint, setActiveSnapPoint] = useControllableState<\n string | number | null\n >({\n prop: activeSnapPointProp,\n defaultProp: snapPoints?.[0],\n onChange: setActiveSnapPointProp,\n });\n\n const [windowDimensions, setWindowDimensions] = React.useState(\n typeof window !== \"undefined\"\n ? {\n innerWidth: window.innerWidth,\n innerHeight: window.innerHeight,\n }\n : undefined\n );\n\n React.useEffect(() => {\n function onResize() {\n setWindowDimensions({\n innerWidth: window.innerWidth,\n innerHeight: window.innerHeight,\n });\n }\n window.addEventListener(\"resize\", onResize);\n\n return () => window.removeEventListener(\"resize\", onResize);\n }, []);\n\n const isLastSnapPoint = React.useMemo(\n () => activeSnapPoint === snapPoints?.[snapPoints.length - 1] || null,\n [snapPoints, activeSnapPoint]\n );\n\n const activeSnapPointIndex = React.useMemo(\n () =>\n snapPoints?.findIndex((snapPoint) => snapPoint === activeSnapPoint) ??\n null,\n [snapPoints, activeSnapPoint]\n );\n\n const shouldFade =\n (snapPoints &&\n snapPoints.length > 0 &&\n (fadeFromIndex || fadeFromIndex === 0) &&\n !Number.isNaN(fadeFromIndex) &&\n snapPoints[fadeFromIndex] === activeSnapPoint) ||\n !snapPoints;\n\n const snapPointsOffset = React.useMemo(() => {\n const containerSize = container\n ? {\n width: container.getBoundingClientRect().width,\n height: container.getBoundingClientRect().height,\n }\n : typeof window !== \"undefined\"\n ? { width: window.innerWidth, height: window.innerHeight }\n : { width: 0, height: 0 };\n\n return (\n snapPoints?.map((snapPoint) => {\n const isPx = typeof snapPoint === \"string\";\n let snapPointAsNumber = 0;\n\n if (isPx) {\n snapPointAsNumber = parseInt(snapPoint, 10);\n }\n\n if (isVertical(direction)) {\n const height = isPx\n ? snapPointAsNumber\n : windowDimensions\n ? snapPoint * containerSize.height\n : 0;\n\n if (windowDimensions) {\n return direction === \"bottom\"\n ? containerSize.height - height\n : -containerSize.height + height;\n }\n\n return height;\n }\n const width = isPx\n ? snapPointAsNumber\n : windowDimensions\n ? snapPoint * containerSize.width\n : 0;\n\n if (windowDimensions) {\n return direction === \"right\"\n ? containerSize.width - width\n : -containerSize.width + width;\n }\n\n return width;\n }) ?? []\n );\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [snapPoints, windowDimensions, container]);\n\n const activeSnapPointOffset = React.useMemo(\n () =>\n activeSnapPointIndex !== null\n ? snapPointsOffset?.[activeSnapPointIndex]\n : null,\n [snapPointsOffset, activeSnapPointIndex]\n );\n\n const snapToPoint = React.useCallback(\n (dimension: number) => {\n const newSnapPointIndex =\n snapPointsOffset?.findIndex(\n (snapPointDim) => snapPointDim === dimension\n ) ?? null;\n onSnapPointChange(newSnapPointIndex);\n\n set(drawerRef.current, {\n transition: `transform ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n transform: isVertical(direction)\n ? `translate3d(0, ${dimension}px, 0)`\n : `translate3d(${dimension}px, 0, 0)`,\n });\n\n if (\n snapPointsOffset &&\n newSnapPointIndex !== snapPointsOffset.length - 1 &&\n fadeFromIndex !== undefined &&\n newSnapPointIndex !== fadeFromIndex &&\n newSnapPointIndex < fadeFromIndex\n ) {\n set(overlayRef.current, {\n transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n opacity: \"0\",\n });\n } else {\n set(overlayRef.current, {\n transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n opacity: \"1\",\n });\n }\n\n setActiveSnapPoint(snapPoints?.[Math.max(newSnapPointIndex, 0)]);\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n drawerRef.current,\n snapPoints,\n snapPointsOffset,\n fadeFromIndex,\n overlayRef,\n setActiveSnapPoint,\n ]\n );\n\n React.useEffect(() => {\n if (activeSnapPoint || activeSnapPointProp) {\n const newIndex =\n snapPoints?.findIndex(\n (snapPoint) =>\n snapPoint === activeSnapPointProp || snapPoint === activeSnapPoint\n ) ?? -1;\n if (\n snapPointsOffset &&\n newIndex !== -1 &&\n typeof snapPointsOffset[newIndex] === \"number\"\n ) {\n snapToPoint(snapPointsOffset[newIndex] as number);\n }\n }\n }, [\n activeSnapPoint,\n activeSnapPointProp,\n snapPoints,\n snapPointsOffset,\n snapToPoint,\n ]);\n\n function onRelease({\n draggedDistance,\n closeDrawer,\n velocity,\n dismissible,\n }: {\n draggedDistance: number;\n closeDrawer: () => void;\n velocity: number;\n dismissible: boolean;\n }) {\n if (fadeFromIndex === undefined) return;\n\n const currentPosition =\n direction === \"bottom\" || direction === \"right\"\n ? (activeSnapPointOffset ?? 0) - draggedDistance\n : (activeSnapPointOffset ?? 0) + draggedDistance;\n const isOverlaySnapPoint = activeSnapPointIndex === fadeFromIndex - 1;\n const isFirst = activeSnapPointIndex === 0;\n const hasDraggedUp = draggedDistance > 0;\n\n if (isOverlaySnapPoint) {\n set(overlayRef.current, {\n transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n });\n }\n\n if (!snapToSequentialPoint && velocity > 2 && !hasDraggedUp) {\n if (dismissible) closeDrawer();\n // @ts-expect-error\n else snapToPoint(snapPointsOffset[0]); // snap to initial point\n return;\n }\n\n if (\n !snapToSequentialPoint &&\n velocity > 2 &&\n hasDraggedUp &&\n snapPointsOffset &&\n snapPoints\n ) {\n snapToPoint(snapPointsOffset[snapPoints.length - 1] as number);\n return;\n }\n\n // Find the closest snap point to the current position\n const closestSnapPoint = snapPointsOffset?.reduce((prev, curr) => {\n if (typeof prev !== \"number\" || typeof curr !== \"number\") return prev;\n\n return Math.abs(curr - currentPosition) < Math.abs(prev - currentPosition)\n ? curr\n : prev;\n });\n\n const dim = isVertical(direction) ? window.innerHeight : window.innerWidth;\n if (\n velocity > VELOCITY_THRESHOLD &&\n Math.abs(draggedDistance) < dim * 0.4\n ) {\n const dragDirection = hasDraggedUp ? 1 : -1; // 1 = up, -1 = down\n\n // Don't do anything if we swipe upwards while being on the last snap point\n if (dragDirection > 0 && isLastSnapPoint && snapPoints) {\n // @ts-expect-error\n snapToPoint(snapPointsOffset[snapPoints.length - 1]);\n return;\n }\n\n if (isFirst && dragDirection < 0 && dismissible) {\n closeDrawer();\n }\n\n if (activeSnapPointIndex === null) return;\n // @ts-expect-error\n snapToPoint(snapPointsOffset[activeSnapPointIndex + dragDirection]);\n return;\n }\n\n snapToPoint(closestSnapPoint);\n }\n\n function onDrag({ draggedDistance }: { draggedDistance: number }) {\n if (activeSnapPointOffset === null) return;\n const newValue =\n direction === \"bottom\" || direction === \"right\"\n ? // @ts-expect-error\n activeSnapPointOffset - draggedDistance\n : // @ts-expect-error\n activeSnapPointOffset + draggedDistance;\n\n // Don't do anything if we exceed the last(biggest) snap point\n if (\n (direction === \"bottom\" || direction === \"right\") &&\n // @ts-expect-error\n newValue < snapPointsOffset[snapPointsOffset.length - 1]\n ) {\n return;\n }\n if (\n (direction === \"top\" || direction === \"left\") &&\n // @ts-expect-error\n newValue > snapPointsOffset[snapPointsOffset.length - 1]\n ) {\n return;\n }\n\n set(drawerRef.current, {\n transform: isVertical(direction)\n ? `translate3d(0, ${newValue}px, 0)`\n : `translate3d(${newValue}px, 0, 0)`,\n });\n }\n\n function getPercentageDragged(\n absDraggedDistance: number,\n isDraggingDown: boolean\n ) {\n if (\n !snapPoints ||\n typeof activeSnapPointIndex !== \"number\" ||\n !snapPointsOffset ||\n fadeFromIndex === undefined\n )\n return null;\n\n // If this is true we are dragging to a snap point that is supposed to have an overlay\n const isOverlaySnapPoint = activeSnapPointIndex === fadeFromIndex - 1;\n const isOverlaySnapPointOrHigher = activeSnapPointIndex >= fadeFromIndex;\n\n if (isOverlaySnapPointOrHigher && isDraggingDown) {\n return 0;\n }\n\n // Don't animate, but still use this one if we are dragging away from the overlaySnapPoint\n if (isOverlaySnapPoint && !isDraggingDown) return 1;\n if (!shouldFade && !isOverlaySnapPoint) return null;\n\n // Either fadeFrom index or the one before\n const targetSnapPointIndex = isOverlaySnapPoint\n ? activeSnapPointIndex + 1\n : activeSnapPointIndex - 1;\n\n // Get the distance from overlaySnapPoint to the one before or vice-versa to calculate the opacity percentage accordingly\n const snapPointDistance = isOverlaySnapPoint\n ? // @ts-expect-error\n snapPointsOffset[targetSnapPointIndex] -\n // @ts-expect-error\n snapPointsOffset[targetSnapPointIndex - 1]\n : // @ts-expect-error\n snapPointsOffset[targetSnapPointIndex + 1] -\n // @ts-expect-error\n snapPointsOffset[targetSnapPointIndex];\n\n const percentageDragged = absDraggedDistance / Math.abs(snapPointDistance);\n\n if (isOverlaySnapPoint) {\n return 1 - percentageDragged;\n } else {\n return percentageDragged;\n }\n }\n\n return {\n isLastSnapPoint,\n activeSnapPoint,\n shouldFade,\n getPercentageDragged,\n setActiveSnapPoint,\n activeSnapPointIndex,\n onRelease,\n onDrag,\n snapPointsOffset,\n };\n}\n"],"names":["useSnapPoints","activeSnapPointProp","setActiveSnapPointProp","snapPoints","drawerRef","overlayRef","fadeFromIndex","onSnapPointChange","direction","container","snapToSequentialPoint","activeSnapPoint","setActiveSnapPoint","useControllableState","prop","defaultProp","onChange","windowDimensions","setWindowDimensions","React","useState","window","innerWidth","innerHeight","undefined","useEffect","onResize","addEventListener","removeEventListener","isLastSnapPoint","useMemo","length","activeSnapPointIndex","findIndex","snapPoint","shouldFade","Number","isNaN","snapPointsOffset","containerSize","width","getBoundingClientRect","height","map","isPx","snapPointAsNumber","parseInt","isVertical","activeSnapPointOffset","snapToPoint","useCallback","dimension","newSnapPointIndex","snapPointDim","set","current","transition","TRANSITIONS","DURATION","EASE","join","transform","opacity","Math","max","newIndex","onRelease","draggedDistance","closeDrawer","velocity","dismissible","currentPosition","isOverlaySnapPoint","isFirst","hasDraggedUp","closestSnapPoint","reduce","prev","curr","abs","dim","VELOCITY_THRESHOLD","dragDirection","onDrag","newValue","getPercentageDragged","absDraggedDistance","isDraggingDown","isOverlaySnapPointOrHigher","targetSnapPointIndex","snapPointDistance","percentageDragged"],"mappings":";;;;;AAOO,SAASA,aAAAA,CAAc;AAAA,EAC5BC,mBAAAA;AAAAA,EACAC,sBAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,SAAAA,GAAY,QAAA;AAAA,EACZC,SAAAA;AAAAA,EACAC;AAYF,CAAA,EAAG;AACD,EAAA,MAAM,CAACC,eAAAA,EAAiBC,kBAAkB,CAAA,GAAIC,oBAAAA,CAE5C;AAAA,IACAC,IAAAA,EAAMb,mBAAAA;AAAAA,IACNc,WAAAA,EAAaZ,aAAa,CAAC,CAAA;AAAA,IAC3Ba,QAAAA,EAAUd;AAAAA,GACX,CAAA;AAED,EAAA,MAAM,CAACe,kBAAkBC,mBAAmB,CAAA,GAAIC,eAAMC,QAAAA,CACpD,OAAOC,WAAW,WAAA,GACd;AAAA,IACEC,YAAYD,MAAAA,CAAOC,UAAAA;AAAAA,IACnBC,aAAaF,MAAAA,CAAOE;AAAAA,MAEtBC,MACN,CAAA;AAEAL,EAAAA,cAAAA,CAAMM,UAAU,MAAM;AACpB,IAAA,SAASC,QAAAA,GAAW;AAClBR,MAAAA,mBAAAA,CAAoB;AAAA,QAClBI,YAAYD,MAAAA,CAAOC,UAAAA;AAAAA,QACnBC,aAAaF,MAAAA,CAAOE;AAAAA,OACrB,CAAA;AAAA;AAEHF,IAAAA,MAAAA,CAAOM,gBAAAA,CAAiB,UAAUD,QAAQ,CAAA;AAE1C,IAAA,OAAO,MAAML,MAAAA,CAAOO,mBAAAA,CAAoB,QAAA,EAAUF,QAAQ,CAAA;AAAA,GAC5D,EAAG,EAAE,CAAA;AAEL,EAAA,MAAMG,eAAAA,GAAkBV,cAAAA,CAAMW,OAAAA,CAC5B,MAAMnB,oBAAoBR,UAAAA,GAAaA,UAAAA,CAAW4B,MAAAA,GAAS,CAAC,CAAA,IAAK,IAAA,EACjE,CAAC5B,UAAAA,EAAYQ,eAAe,CAC9B,CAAA;AAEA,EAAA,MAAMqB,oBAAAA,GAAuBb,cAAAA,CAAMW,OAAAA,CACjC,MACE3B,YAAY8B,SAAAA,CAAWC,CAAAA,SAAAA,KAAcA,SAAAA,KAAcvB,eAAe,CAAA,IAClE,IAAA,EACF,CAACR,UAAAA,EAAYQ,eAAe,CAC9B,CAAA;AAEA,EAAA,MAAMwB,aACHhC,UAAAA,IACCA,UAAAA,CAAW4B,MAAAA,GAAS,CAAA,KACnBzB,iBAAiBA,aAAAA,KAAkB,CAAA,CAAA,IACpC,CAAC8B,MAAAA,CAAOC,MAAM/B,aAAa,CAAA,IAC3BH,WAAWG,aAAa,CAAA,KAAMK,mBAChC,CAACR,UAAAA;AAEH,EAAA,MAAMmC,gBAAAA,GAAmBnB,cAAAA,CAAMW,OAAAA,CAAQ,MAAM;AAC3C,IAAA,MAAMS,gBAAgB9B,SAAAA,GAClB;AAAA,MACE+B,KAAAA,EAAO/B,SAAAA,CAAUgC,qBAAAA,EAAsB,CAAED,KAAAA;AAAAA,MACzCE,MAAAA,EAAQjC,SAAAA,CAAUgC,qBAAAA,EAAsB,CAAEC;AAAAA,KAC5C,GACA,OAAOrB,MAAAA,KAAW,WAAA,GAChB;AAAA,MAAEmB,OAAOnB,MAAAA,CAAOC,UAAAA;AAAAA,MAAYoB,QAAQrB,MAAAA,CAAOE;AAAAA,KAAY,GACvD;AAAA,MAAEiB,KAAAA,EAAO,CAAA;AAAA,MAAGE,MAAAA,EAAQ;AAAA,KAAE;AAE5B,IAAA,OACEvC,UAAAA,EAAYwC,IAAKT,CAAAA,SAAAA,KAAc;AAC7B,MAAA,MAAMU,IAAAA,GAAO,OAAOV,SAAAA,KAAc,QAAA;AAClC,MAAA,IAAIW,iBAAAA,GAAoB,CAAA;AAExB,MAAA,IAAID,IAAAA,EAAM;AACRC,QAAAA,iBAAAA,GAAoBC,QAAAA,CAASZ,WAAW,EAAE,CAAA;AAAA;AAG5C,MAAA,IAAIa,UAAAA,CAAWvC,SAAS,CAAA,EAAG;AACzB,QAAA,MAAMkC,SAASE,IAAAA,GACXC,iBAAAA,GACA5B,gBAAAA,GACEiB,SAAAA,GAAYK,cAAcG,MAAAA,GAC1B,CAAA;AAEN,QAAA,IAAIzB,gBAAAA,EAAkB;AACpB,UAAA,OAAOT,cAAc,QAAA,GACjB+B,aAAAA,CAAcG,SAASA,MAAAA,GACvB,CAACH,cAAcG,MAAAA,GAASA,MAAAA;AAAAA;AAG9B,QAAA,OAAOA,MAAAA;AAAAA;AAET,MAAA,MAAMF,QAAQI,IAAAA,GACVC,iBAAAA,GACA5B,gBAAAA,GACEiB,SAAAA,GAAYK,cAAcC,KAAAA,GAC1B,CAAA;AAEN,MAAA,IAAIvB,gBAAAA,EAAkB;AACpB,QAAA,OAAOT,cAAc,OAAA,GACjB+B,aAAAA,CAAcC,QAAQA,KAAAA,GACtB,CAACD,cAAcC,KAAAA,GAAQA,KAAAA;AAAAA;AAG7B,MAAA,OAAOA,KAAAA;AAAAA,KACR,KAAK,EAAA;AAAA,GAGV,EAAG,CAACrC,UAAAA,EAAYc,gBAAAA,EAAkBR,SAAS,CAAC,CAAA;AAE5C,EAAA,MAAMuC,qBAAAA,GAAwB7B,cAAAA,CAAMW,OAAAA,CAClC,MACEE,oBAAAA,KAAyB,IAAA,GACrBM,gBAAAA,GAAmBN,oBAAoB,CAAA,GACvC,IAAA,EACN,CAACM,gBAAAA,EAAkBN,oBAAoB,CACzC,CAAA;AAEA,EAAA,MAAMiB,cAAc9B,cAAAA,CAAM+B,WAAAA;AAAAA,IACxB,CAACC,SAAAA,KAAsB;AACrB,MAAA,MAAMC,oBACJd,gBAAAA,EAAkBL,SAAAA,CACfoB,CAAAA,YAAAA,KAAiBA,YAAAA,KAAiBF,SACrC,CAAA,IAAK,IAAA;AACP5C,MAAAA,iBAAAA,CAAkB6C,iBAAiB,CAAA;AAEnCE,MAAAA,GAAAA,CAAIlD,UAAUmD,OAAAA,EAAS;AAAA,QACrBC,UAAAA,EAAY,aAAaC,WAAAA,CAAYC,QAAQ,kBAAkBD,WAAAA,CAAYE,IAAAA,CAAKC,IAAAA,CAAK,GAAG,CAAC,CAAA,CAAA,CAAA;AAAA,QACzFC,SAAAA,EAAWd,WAAWvC,SAAS,CAAA,GAC3B,kBAAkB2C,SAAS,CAAA,MAAA,CAAA,GAC3B,eAAeA,SAAS,CAAA,SAAA;AAAA,OAC7B,CAAA;AAED,MAAA,IACEb,gBAAAA,IACAc,iBAAAA,KAAsBd,gBAAAA,CAAiBP,MAAAA,GAAS,CAAA,IAChDzB,kBAAkBkB,MAAAA,IAClB4B,iBAAAA,KAAsB9C,aAAAA,IACtB8C,iBAAAA,GAAoB9C,aAAAA,EACpB;AACAgD,QAAAA,GAAAA,CAAIjD,WAAWkD,OAAAA,EAAS;AAAA,UACtBC,UAAAA,EAAY,WAAWC,WAAAA,CAAYC,QAAQ,kBAAkBD,WAAAA,CAAYE,IAAAA,CAAKC,IAAAA,CAAK,GAAG,CAAC,CAAA,CAAA,CAAA;AAAA,UACvFE,OAAAA,EAAS;AAAA,SACV,CAAA;AAAA,OACH,MAAO;AACLR,QAAAA,GAAAA,CAAIjD,WAAWkD,OAAAA,EAAS;AAAA,UACtBC,UAAAA,EAAY,WAAWC,WAAAA,CAAYC,QAAQ,kBAAkBD,WAAAA,CAAYE,IAAAA,CAAKC,IAAAA,CAAK,GAAG,CAAC,CAAA,CAAA,CAAA;AAAA,UACvFE,OAAAA,EAAS;AAAA,SACV,CAAA;AAAA;AAGHlD,MAAAA,kBAAAA,CAAmBT,aAAa4D,IAAAA,CAAKC,GAAAA,CAAIZ,iBAAAA,EAAmB,CAAC,CAAC,CAAC,CAAA;AAAA,KACjE;AAAA;AAAA,IAEA,CACEhD,SAAAA,CAAUmD,OAAAA,EACVpD,YACAmC,gBAAAA,EACAhC,aAAAA,EACAD,YACAO,kBAAkB;AAAA,GAEtB;AAEAO,EAAAA,cAAAA,CAAMM,UAAU,MAAM;AACpB,IAAA,IAAId,mBAAmBV,mBAAAA,EAAqB;AAC1C,MAAA,MAAMgE,QAAAA,GACJ9D,YAAY8B,SAAAA,CACTC,CAAAA,SAAAA,KACCA,cAAcjC,mBAAAA,IAAuBiC,SAAAA,KAAcvB,eACvD,CAAA,IAAK,EAAA;AACP,MAAA,IACE2B,oBACA2B,QAAAA,KAAa,EAAA,IACb,OAAO3B,gBAAAA,CAAiB2B,QAAQ,MAAM,QAAA,EACtC;AACAhB,QAAAA,WAAAA,CAAYX,gBAAAA,CAAiB2B,QAAQ,CAAW,CAAA;AAAA;AAClD;AACF,KACC,CACDtD,eAAAA,EACAV,qBACAE,UAAAA,EACAmC,gBAAAA,EACAW,WAAW,CACZ,CAAA;AAED,EAAA,SAASiB,SAAAA,CAAU;AAAA,IACjBC,eAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC;AAAAA,GAMF,EAAG;AACD,IAAA,IAAIhE,kBAAkBkB,MAAAA,EAAW;AAEjC,IAAA,MAAM+C,eAAAA,GACJ/D,cAAc,QAAA,IAAYA,SAAAA,KAAc,WACnCwC,qBAAAA,IAAyB,CAAA,IAAKmB,eAAAA,GAAAA,CAC9BnB,qBAAAA,IAAyB,CAAA,IAAKmB,eAAAA;AACrC,IAAA,MAAMK,kBAAAA,GAAqBxC,yBAAyB1B,aAAAA,GAAgB,CAAA;AACpE,IAAA,MAAMmE,UAAUzC,oBAAAA,KAAyB,CAAA;AACzC,IAAA,MAAM0C,eAAeP,eAAAA,GAAkB,CAAA;AAEvC,IAAA,IAAIK,kBAAAA,EAAoB;AACtBlB,MAAAA,GAAAA,CAAIjD,WAAWkD,OAAAA,EAAS;AAAA,QACtBC,UAAAA,EAAY,WAAWC,WAAAA,CAAYC,QAAQ,kBAAkBD,WAAAA,CAAYE,IAAAA,CAAKC,IAAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,OACxF,CAAA;AAAA;AAGH,IAAA,IAAI,CAAClD,qBAAAA,IAAyB2D,QAAAA,GAAW,CAAA,IAAK,CAACK,YAAAA,EAAc;AAC3D,MAAA,IAAIJ,aAAaF,WAAAA,EAAY;AAAA,WAExBnB,WAAAA,CAAYX,gBAAAA,CAAiB,CAAC,CAAC,CAAA;AACpC,MAAA;AAAA;AAGF,IAAA,IACE,CAAC5B,qBAAAA,IACD2D,QAAAA,GAAW,CAAA,IACXK,YAAAA,IACApC,oBACAnC,UAAAA,EACA;AACA8C,MAAAA,WAAAA,CAAYX,gBAAAA,CAAiBnC,UAAAA,CAAW4B,MAAAA,GAAS,CAAC,CAAW,CAAA;AAC7D,MAAA;AAAA;AAIF,IAAA,MAAM4C,gBAAAA,GAAmBrC,gBAAAA,EAAkBsC,MAAAA,CAAO,CAACC,MAAMC,IAAAA,KAAS;AAChE,MAAA,IAAI,OAAOD,IAAAA,KAAS,QAAA,IAAY,OAAOC,IAAAA,KAAS,UAAU,OAAOD,IAAAA;AAEjE,MAAA,OAAOd,IAAAA,CAAKgB,GAAAA,CAAID,IAAAA,GAAOP,eAAe,CAAA,GAAIR,KAAKgB,GAAAA,CAAIF,IAAAA,GAAON,eAAe,CAAA,GACrEO,IAAAA,GACAD,IAAAA;AAAAA,KACL,CAAA;AAED,IAAA,MAAMG,MAAMjC,UAAAA,CAAWvC,SAAS,CAAA,GAAIa,MAAAA,CAAOE,cAAcF,MAAAA,CAAOC,UAAAA;AAChE,IAAA,IACE+C,WAAWY,kBAAAA,IACXlB,IAAAA,CAAKgB,IAAIZ,eAAe,CAAA,GAAIa,MAAM,GAAA,EAClC;AACA,MAAA,MAAME,aAAAA,GAAgBR,eAAe,CAAA,GAAI,EAAA;AAGzC,MAAA,IAAIQ,aAAAA,GAAgB,CAAA,IAAKrD,eAAAA,IAAmB1B,UAAAA,EAAY;AAEtD8C,QAAAA,WAAAA,CAAYX,gBAAAA,CAAiBnC,UAAAA,CAAW4B,MAAAA,GAAS,CAAC,CAAC,CAAA;AACnD,QAAA;AAAA;AAGF,MAAA,IAAI0C,OAAAA,IAAWS,aAAAA,GAAgB,CAAA,IAAKZ,WAAAA,EAAa;AAC/CF,QAAAA,WAAAA,EAAY;AAAA;AAGd,MAAA,IAAIpC,yBAAyB,IAAA,EAAM;AAEnCiB,MAAAA,WAAAA,CAAYX,gBAAAA,CAAiBN,oBAAAA,GAAuBkD,aAAa,CAAC,CAAA;AAClE,MAAA;AAAA;AAGFjC,IAAAA,WAAAA,CAAY0B,gBAAgB,CAAA;AAAA;AAG9B,EAAA,SAASQ,MAAAA,CAAO;AAAA,IAAEhB;AAAAA,GAA6C,EAAG;AAChE,IAAA,IAAInB,0BAA0B,IAAA,EAAM;AACpC,IAAA,MAAMoC,QAAAA,GACJ5E,SAAAA,KAAc,QAAA,IAAYA,SAAAA,KAAc,OAAA;AAAA;AAAA,MAEpCwC,qBAAAA,GAAwBmB;AAAAA;AAAAA;AAAAA,MAExBnB,qBAAAA,GAAwBmB;AAAAA,KAAAA;AAG9B,IAAA,IAAA,CACG3D,SAAAA,KAAc,YAAYA,SAAAA,KAAc,OAAA;AAAA,IAEzC4E,QAAAA,GAAW9C,gBAAAA,CAAiBA,gBAAAA,CAAiBP,MAAAA,GAAS,CAAC,CAAA,EACvD;AACA,MAAA;AAAA;AAEF,IAAA,IAAA,CACGvB,SAAAA,KAAc,SAASA,SAAAA,KAAc,MAAA;AAAA,IAEtC4E,QAAAA,GAAW9C,gBAAAA,CAAiBA,gBAAAA,CAAiBP,MAAAA,GAAS,CAAC,CAAA,EACvD;AACA,MAAA;AAAA;AAGFuB,IAAAA,GAAAA,CAAIlD,UAAUmD,OAAAA,EAAS;AAAA,MACrBM,SAAAA,EAAWd,WAAWvC,SAAS,CAAA,GAC3B,kBAAkB4E,QAAQ,CAAA,MAAA,CAAA,GAC1B,eAAeA,QAAQ,CAAA,SAAA;AAAA,KAC5B,CAAA;AAAA;AAGH,EAAA,SAASC,oBAAAA,CACPC,oBACAC,cAAAA,EACA;AACA,IAAA,IACE,CAACpF,cACD,OAAO6B,oBAAAA,KAAyB,YAChC,CAACM,gBAAAA,IACDhC,aAAAA,KAAkBkB,MAAAA,EAElB,OAAO,IAAA;AAGT,IAAA,MAAMgD,kBAAAA,GAAqBxC,yBAAyB1B,aAAAA,GAAgB,CAAA;AACpE,IAAA,MAAMkF,6BAA6BxD,oBAAAA,IAAwB1B,aAAAA;AAE3D,IAAA,IAAIkF,8BAA8BD,cAAAA,EAAgB;AAChD,MAAA,OAAO,CAAA;AAAA;AAIT,IAAA,IAAIf,kBAAAA,IAAsB,CAACe,cAAAA,EAAgB,OAAO,CAAA;AAClD,IAAA,IAAI,CAACpD,UAAAA,IAAc,CAACqC,kBAAAA,EAAoB,OAAO,IAAA;AAG/C,IAAA,MAAMiB,oBAAAA,GAAuBjB,kBAAAA,GACzBxC,oBAAAA,GAAuB,CAAA,GACvBA,oBAAAA,GAAuB,CAAA;AAG3B,IAAA,MAAM0D,iBAAAA,GAAoBlB,kBAAAA;AAAAA;AAAAA,MAEtBlC,iBAAiBmD,oBAAoB,CAAA;AAAA,MAErCnD,gBAAAA,CAAiBmD,uBAAuB,CAAC;AAAA;AAAA;AAAA,MAEzCnD,gBAAAA,CAAiBmD,uBAAuB,CAAC,CAAA;AAAA,MAEzCnD,iBAAiBmD,oBAAoB;AAAA,KAAA;AAEzC,IAAA,MAAME,iBAAAA,GAAoBL,kBAAAA,GAAqBvB,IAAAA,CAAKgB,GAAAA,CAAIW,iBAAiB,CAAA;AAEzE,IAAA,IAAIlB,kBAAAA,EAAoB;AACtB,MAAA,OAAO,CAAA,GAAImB,iBAAAA;AAAAA,KACb,MAAO;AACL,MAAA,OAAOA,iBAAAA;AAAAA;AACT;AAGF,EAAA,OAAO;AAAA,IACL9D,eAAAA;AAAAA,IACAlB,eAAAA;AAAAA,IACAwB,UAAAA;AAAAA,IACAkD,oBAAAA;AAAAA,IACAzE,kBAAAA;AAAAA,IACAoB,oBAAAA;AAAAA,IACAkC,SAAAA;AAAAA,IACAiB,MAAAA;AAAAA,IACA7C;AAAAA,GACF;AACF;;;;"}
|
|
@@ -9,16 +9,6 @@ import { ConnectWalletsContainer } from './ConnectWallets/index.js';
|
|
|
9
9
|
import { useDrawerControls } from '../widget/Drawer/state/useDrawerControls.js';
|
|
10
10
|
import { useContainerAtom } from '../../widget/state/containerAtom.js';
|
|
11
11
|
|
|
12
|
-
globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
|
|
13
|
-
cache: /* @__PURE__ */ new Map(),
|
|
14
|
-
get(name, inst) {
|
|
15
|
-
if (this.cache.has(name)) {
|
|
16
|
-
return this.cache.get(name);
|
|
17
|
-
}
|
|
18
|
-
this.cache.set(name, inst);
|
|
19
|
-
return inst;
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
12
|
const AccountButton = () => {
|
|
23
13
|
const $ = distExports.c(15);
|
|
24
14
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountButton.js","sources":["../../../src/components/web3/AccountButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { useAccount } from \"wagmi\";\nimport { Wallet } from \"lucide-react\";\nimport { ControlledDrawer } from \"@/components/widget/Drawer\";\nimport { ConnectWalletsContainer } from \"./ConnectWallets\";\nimport { useDrawerControls } from \"@/components/widget/Drawer/state/useDrawerControls\";\nimport { useContainerAtom } from \"@/widget/state/containerAtom\";\n\nexport const AccountButton = () => {\n const { address } = useAccount();\n const { onOpen, ...drawerProps } = useDrawerControls();\n const drawerContainer = useContainerAtom();\n\n // have to render ControlledDrawer always, otherwise on AccountButton mount it auto-opens,\n // because of memoization of previous result by react-compiler.\n // and \"use no memo\" is ignored for some reason\n\n return (\n <>\n {address && (\n <Button\n variant=\"outline\"\n className=\"rounded-[17px] h-[24px] text-contrast-1 dark:text-contrast-7\"\n onClick={onOpen}\n >\n <Wallet className=\"size-4\" />\n <span className=\"text-sm font-medium\">{shortenAddress(address)}</span>\n </Button>\n )}\n <ControlledDrawer\n {...drawerProps}\n container={drawerContainer}\n title=\"Connect Your Wallet\"\n showCloseButton\n >\n <ConnectWalletsContainer onComplete={drawerProps.onClose} />\n </ControlledDrawer>\n </>\n );\n};\n"],"names":["AccountButton","$","_c","address","useAccount","t0","useDrawerControls","drawerProps","onOpen","drawerContainer","useContainerAtom","t1","shortenAddress","t2","onClose","t3","t4"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccountButton.js","sources":["../../../src/components/web3/AccountButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { useAccount } from \"wagmi\";\nimport { Wallet } from \"lucide-react\";\nimport { ControlledDrawer } from \"@/components/widget/Drawer\";\nimport { ConnectWalletsContainer } from \"./ConnectWallets\";\nimport { useDrawerControls } from \"@/components/widget/Drawer/state/useDrawerControls\";\nimport { useContainerAtom } from \"@/widget/state/containerAtom\";\n\nexport const AccountButton = () => {\n const { address } = useAccount();\n const { onOpen, ...drawerProps } = useDrawerControls();\n const drawerContainer = useContainerAtom();\n\n // have to render ControlledDrawer always, otherwise on AccountButton mount it auto-opens,\n // because of memoization of previous result by react-compiler.\n // and \"use no memo\" is ignored for some reason\n\n return (\n <>\n {address && (\n <Button\n variant=\"outline\"\n className=\"rounded-[17px] h-[24px] text-contrast-1 dark:text-contrast-7\"\n onClick={onOpen}\n >\n <Wallet className=\"size-4\" />\n <span className=\"text-sm font-medium\">{shortenAddress(address)}</span>\n </Button>\n )}\n <ControlledDrawer\n {...drawerProps}\n container={drawerContainer}\n title=\"Connect Your Wallet\"\n showCloseButton\n >\n <ConnectWalletsContainer onComplete={drawerProps.onClose} />\n </ControlledDrawer>\n </>\n );\n};\n"],"names":["AccountButton","$","_c","address","useAccount","t0","useDrawerControls","drawerProps","onOpen","drawerContainer","useContainerAtom","t1","shortenAddress","t2","onClose","t3","t4"],"mappings":"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"}
|
|
@@ -6,16 +6,6 @@ import { getWalletIcon, getWalletName } from './walletIcons.js';
|
|
|
6
6
|
import { cn } from '../../../lib/utils/index.js';
|
|
7
7
|
import { PrivyConnectButton } from './privy/button.js';
|
|
8
8
|
|
|
9
|
-
globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
|
|
10
|
-
cache: /* @__PURE__ */ new Map(),
|
|
11
|
-
get(name, inst) {
|
|
12
|
-
if (this.cache.has(name)) {
|
|
13
|
-
return this.cache.get(name);
|
|
14
|
-
}
|
|
15
|
-
this.cache.set(name, inst);
|
|
16
|
-
return inst;
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
9
|
function ConnectWalletButton(t0) {
|
|
20
10
|
const $ = distExports.c(29);
|
|
21
11
|
let compact;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletConnectButtons.js","sources":["../../../../src/components/web3/ConnectWallets/WalletConnectButtons.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { Globe, CreditCard, Waves, AtSign, ChevronRight } from \"lucide-react\";\nimport { getWalletIcon, getWalletName } from \"./walletIcons\";\nimport { cn } from \"@/lib/utils\";\nimport { type PrivyLogInButtonProps, type PrivyIds } from \"./privy/types\";\nimport { PrivyConnectButton } from \"./privy/button\";\nimport type { MinConnector } from \"./types\";\n\nconst wallets = [\n {\n key: \"browser\",\n label: \"Browser Wallet\",\n icon: <Globe className=\"size-6\" />,\n },\n {\n key: \"ledger\",\n label: \"Ledger\",\n icon: <CreditCard className=\"size-6\" />,\n },\n {\n key: \"walletconnect\",\n label: \"Wallet Connect\",\n icon: <Waves className=\"size-6\" />,\n },\n {\n key: \"email\",\n label: \"Connect with Email\",\n icon: <AtSign className=\"size-6\" />,\n },\n];\n\nexport function WalletConnectButtons({\n activeKey,\n onSelect,\n}: {\n activeKey?: string;\n onSelect?: (key: string) => void;\n}) {\n return (\n <div className=\"bg-background/90 rounded-2xl p-6 w-full max-w-md mx-auto flex flex-col gap-4 shadow-xl\">\n <h2 className=\"text-xl font-semibold mb-2 text-contrast-7\">\n Connect Your Wallet\n </h2>\n <div className=\"flex flex-col gap-3\">\n {wallets.map((wallet) => (\n <Button\n key={wallet.key}\n variant={activeKey === wallet.key ? \"secondary\" : \"outline\"}\n size=\"lg\"\n radius=\"xl\"\n className={`justify-start gap-4 px-5 ${activeKey === wallet.key ? \"ring-2 ring-primary-azul-1\" : \"\"}`}\n onClick={() => onSelect?.(wallet.key)}\n >\n {wallet.icon}\n <span className=\"text-base font-medium\">{wallet.label}</span>\n {wallet.key === \"ledger\" && activeKey === \"ledger\" && (\n <span className=\"ml-auto animate-spin text-muted-foreground\">\n ●\n </span>\n )}\n </Button>\n ))}\n </div>\n </div>\n );\n}\n\ntype ConnectWalletButtonProps = {\n onActivate?: () => void;\n isActive?: boolean;\n compact?: boolean;\n name?: string;\n iconURI?: string;\n} & React.ComponentProps<typeof Button>;\n\nexport function ConnectWalletButton({\n onActivate,\n isActive,\n compact,\n name,\n iconURI,\n ...props\n}: ConnectWalletButtonProps) {\n return (\n <Button\n {...props}\n variant=\"secondary\"\n size=\"lg\"\n className={cn(\n \"h-[72px] px-[16px] dark:bg-contrast-2 dark:text-contrast-8\",\n { \"border-primary-azul-1 border-1\": isActive },\n { \"min-h-[92px] w-[120px]\": compact }\n )}\n radius=\"sm\"\n onClick={props.onClick ?? onActivate}\n >\n <div className=\"flex items-center justify-between w-full\">\n <div\n className={cn(\"flex items-center gap-[12px]\", {\n \"flex-col m-auto\": compact,\n })}\n >\n {iconURI && <img width={24} height={24} src={iconURI} alt={name} />}\n {name}\n </div>\n {!compact && (\n <div className=\"flex items-center\">\n <ChevronRight className=\"size-6 dark:text-contrast-4 text-brand-4\" />\n </div>\n )}\n </div>\n </Button>\n );\n}\n\ntype ConnectWalletButtonsProps<C extends MinConnector> = {\n onActivate?: (connectorObject: { connector: C }) => void;\n connectors: readonly C[];\n activeConnectorId?: string;\n compact?: boolean;\n};\n\n// to connect injected (if only one) + others(coinbase, walletconnect, etc.) + privy\nexport function BasicConnectorsButtons<C extends MinConnector>({\n onActivate,\n connectors,\n activeConnectorId,\n compact,\n}: ConnectWalletButtonsProps<C>) {\n return (\n <>\n {connectors.map((connector) => {\n const connectorIcon = getWalletIcon({\n id: connector.id,\n icon: connector.icon,\n });\n\n const connectorName = getWalletName({\n id: connector.id,\n name: connector.name,\n });\n\n return (\n <ConnectWalletButton\n key={connector.id}\n onActivate={() => onActivate?.({ connector })}\n isActive={activeConnectorId === connector.id}\n compact={compact}\n name={connectorName ?? undefined}\n iconURI={connectorIcon ?? undefined}\n />\n );\n })}\n </>\n );\n}\n\ntype PrivyWalletButtonProps = PrivyIds & {\n onActivate: PrivyLogInButtonProps[\"onSuccess\"];\n connector: MinConnector;\n activeConnectorId?: string;\n compact?: boolean;\n};\n\nexport function PrivyWalletButton({\n onActivate,\n connector,\n activeConnectorId,\n compact,\n privyAppId,\n privyClientId,\n}: PrivyWalletButtonProps) {\n const connectorIcon = getWalletIcon({\n id: connector.id,\n icon: connector.icon,\n });\n\n const connectorName = getWalletName({\n id: connector.id,\n name: connector.name,\n });\n\n const isActive = activeConnectorId === connector.id;\n\n return (\n <PrivyConnectButton\n asChild\n onSuccess={onActivate}\n // Privy gets reactivated when it's already active because of useEffect() setup,\n // disable when active to avoid that\n disabled={isActive}\n privyAppId={privyAppId}\n privyClientId={privyClientId}\n >\n <ConnectWalletButton\n name={connectorName ?? undefined}\n iconURI={connectorIcon ?? undefined}\n isActive={isActive}\n compact={compact}\n />\n </PrivyConnectButton>\n );\n}\n"],"names":["ConnectWalletButton","t0","$","_c","compact","iconURI","isActive","name","onActivate","props","t1","cn","t2","onClick","t3","t4","t5","t6","t7","t8","BasicConnectorsButtons","connectors","activeConnectorId","connector","connectorIcon","getWalletIcon","id","icon","connectorName","getWalletName","undefined","map","PrivyWalletButton","privyAppId","privyClientId"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"WalletConnectButtons.js","sources":["../../../../src/components/web3/ConnectWallets/WalletConnectButtons.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { Globe, CreditCard, Waves, AtSign, ChevronRight } from \"lucide-react\";\nimport { getWalletIcon, getWalletName } from \"./walletIcons\";\nimport { cn } from \"@/lib/utils\";\nimport { type PrivyLogInButtonProps, type PrivyIds } from \"./privy/types\";\nimport { PrivyConnectButton } from \"./privy/button\";\nimport type { MinConnector } from \"./types\";\n\nconst wallets = [\n {\n key: \"browser\",\n label: \"Browser Wallet\",\n icon: <Globe className=\"size-6\" />,\n },\n {\n key: \"ledger\",\n label: \"Ledger\",\n icon: <CreditCard className=\"size-6\" />,\n },\n {\n key: \"walletconnect\",\n label: \"Wallet Connect\",\n icon: <Waves className=\"size-6\" />,\n },\n {\n key: \"email\",\n label: \"Connect with Email\",\n icon: <AtSign className=\"size-6\" />,\n },\n];\n\nexport function WalletConnectButtons({\n activeKey,\n onSelect,\n}: {\n activeKey?: string;\n onSelect?: (key: string) => void;\n}) {\n return (\n <div className=\"bg-background/90 rounded-2xl p-6 w-full max-w-md mx-auto flex flex-col gap-4 shadow-xl\">\n <h2 className=\"text-xl font-semibold mb-2 text-contrast-7\">\n Connect Your Wallet\n </h2>\n <div className=\"flex flex-col gap-3\">\n {wallets.map((wallet) => (\n <Button\n key={wallet.key}\n variant={activeKey === wallet.key ? \"secondary\" : \"outline\"}\n size=\"lg\"\n radius=\"xl\"\n className={`justify-start gap-4 px-5 ${activeKey === wallet.key ? \"ring-2 ring-primary-azul-1\" : \"\"}`}\n onClick={() => onSelect?.(wallet.key)}\n >\n {wallet.icon}\n <span className=\"text-base font-medium\">{wallet.label}</span>\n {wallet.key === \"ledger\" && activeKey === \"ledger\" && (\n <span className=\"ml-auto animate-spin text-muted-foreground\">\n ●\n </span>\n )}\n </Button>\n ))}\n </div>\n </div>\n );\n}\n\ntype ConnectWalletButtonProps = {\n onActivate?: () => void;\n isActive?: boolean;\n compact?: boolean;\n name?: string;\n iconURI?: string;\n} & React.ComponentProps<typeof Button>;\n\nexport function ConnectWalletButton({\n onActivate,\n isActive,\n compact,\n name,\n iconURI,\n ...props\n}: ConnectWalletButtonProps) {\n return (\n <Button\n {...props}\n variant=\"secondary\"\n size=\"lg\"\n className={cn(\n \"h-[72px] px-[16px] dark:bg-contrast-2 dark:text-contrast-8\",\n { \"border-primary-azul-1 border-1\": isActive },\n { \"min-h-[92px] w-[120px]\": compact }\n )}\n radius=\"sm\"\n onClick={props.onClick ?? onActivate}\n >\n <div className=\"flex items-center justify-between w-full\">\n <div\n className={cn(\"flex items-center gap-[12px]\", {\n \"flex-col m-auto\": compact,\n })}\n >\n {iconURI && <img width={24} height={24} src={iconURI} alt={name} />}\n {name}\n </div>\n {!compact && (\n <div className=\"flex items-center\">\n <ChevronRight className=\"size-6 dark:text-contrast-4 text-brand-4\" />\n </div>\n )}\n </div>\n </Button>\n );\n}\n\ntype ConnectWalletButtonsProps<C extends MinConnector> = {\n onActivate?: (connectorObject: { connector: C }) => void;\n connectors: readonly C[];\n activeConnectorId?: string;\n compact?: boolean;\n};\n\n// to connect injected (if only one) + others(coinbase, walletconnect, etc.) + privy\nexport function BasicConnectorsButtons<C extends MinConnector>({\n onActivate,\n connectors,\n activeConnectorId,\n compact,\n}: ConnectWalletButtonsProps<C>) {\n return (\n <>\n {connectors.map((connector) => {\n const connectorIcon = getWalletIcon({\n id: connector.id,\n icon: connector.icon,\n });\n\n const connectorName = getWalletName({\n id: connector.id,\n name: connector.name,\n });\n\n return (\n <ConnectWalletButton\n key={connector.id}\n onActivate={() => onActivate?.({ connector })}\n isActive={activeConnectorId === connector.id}\n compact={compact}\n name={connectorName ?? undefined}\n iconURI={connectorIcon ?? undefined}\n />\n );\n })}\n </>\n );\n}\n\ntype PrivyWalletButtonProps = PrivyIds & {\n onActivate: PrivyLogInButtonProps[\"onSuccess\"];\n connector: MinConnector;\n activeConnectorId?: string;\n compact?: boolean;\n};\n\nexport function PrivyWalletButton({\n onActivate,\n connector,\n activeConnectorId,\n compact,\n privyAppId,\n privyClientId,\n}: PrivyWalletButtonProps) {\n const connectorIcon = getWalletIcon({\n id: connector.id,\n icon: connector.icon,\n });\n\n const connectorName = getWalletName({\n id: connector.id,\n name: connector.name,\n });\n\n const isActive = activeConnectorId === connector.id;\n\n return (\n <PrivyConnectButton\n asChild\n onSuccess={onActivate}\n // Privy gets reactivated when it's already active because of useEffect() setup,\n // disable when active to avoid that\n disabled={isActive}\n privyAppId={privyAppId}\n privyClientId={privyClientId}\n >\n <ConnectWalletButton\n name={connectorName ?? undefined}\n iconURI={connectorIcon ?? undefined}\n isActive={isActive}\n compact={compact}\n />\n </PrivyConnectButton>\n );\n}\n"],"names":["ConnectWalletButton","t0","$","_c","compact","iconURI","isActive","name","onActivate","props","t1","cn","t2","onClick","t3","t4","t5","t6","t7","t8","BasicConnectorsButtons","connectors","activeConnectorId","connector","connectorIcon","getWalletIcon","id","icon","connectorName","getWalletName","undefined","map","PrivyWalletButton","privyAppId","privyClientId"],"mappings":"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"}
|
|
@@ -5,16 +5,6 @@ import { PrivyWalletButton, BasicConnectorsButtons } from './WalletConnectButton
|
|
|
5
5
|
import { useConnect, useAccount, useDisconnect } from 'wagmi';
|
|
6
6
|
import { useWidgetConfig } from '../../../widget/state/configAtom.js';
|
|
7
7
|
|
|
8
|
-
globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
|
|
9
|
-
cache: /* @__PURE__ */ new Map(),
|
|
10
|
-
get(name, inst) {
|
|
11
|
-
if (this.cache.has(name)) {
|
|
12
|
-
return this.cache.get(name);
|
|
13
|
-
}
|
|
14
|
-
this.cache.set(name, inst);
|
|
15
|
-
return inst;
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
8
|
function ConnectWalletsInitial(t0) {
|
|
19
9
|
const $ = distExports.c(2);
|
|
20
10
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/web3/ConnectWallets/index.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n BasicConnectorsButtons,\n PrivyWalletButton,\n} from \"./WalletConnectButtons\";\nimport { useAccount, useConnect, useDisconnect, type Connector } from \"wagmi\";\nimport type { ActivateConnectionObject, MinConnector } from \"./types\";\nimport { useWidgetConfig } from \"@/widget/state/configAtom\";\n\ntype ConnectWalletsProps = {\n children: React.ReactNode;\n};\n\nfunction ConnectWalletsInitial({ children }: ConnectWalletsProps) {\n return (\n <div className=\"flex flex-col gap-[16px] pr-[24px] pl-[24px] pb-[32px] w-full\">\n {children}\n </div>\n );\n}\n\nfunction ConnectWalletsMultiInjected({ children }: ConnectWalletsProps) {\n return (\n <div className=\"p-[16px] pb-[32px] w-full grid grid-cols-[repeat(auto-fit,minmax(120px,1fr))] justify-items-center gap-[16px]\">\n {children}\n </div>\n );\n}\n\ntype ConnectWalletSteps = \"initial\" | \"multiinjected\";\n\ntype ConnectWalletsContainerProps = {\n onComplete?: (connector?: Connector | MinConnector) => void;\n};\n\nexport function ConnectWalletsContainer({\n onComplete,\n}: ConnectWalletsContainerProps) {\n const [step, setStep] = useState<ConnectWalletSteps>(\"initial\");\n\n const { connectAsync, connectors } = useConnect();\n const { connector: currentConnector } = useAccount();\n const { disconnect } = useDisconnect();\n\n const activeConnectorId = currentConnector?.id;\n\n const handleActivate = async (connectorObject?: ActivateConnectionObject) => {\n if (!connectorObject) {\n onComplete?.();\n return;\n }\n\n const { connectorForChecks, connectorForConnection } =\n \"connectorFunction\" in connectorObject\n ? {\n // connectorFunction only comes from Privy so far\n connectorForChecks: connectorObject.minConnector,\n connectorForConnection: connectorObject.connectorFunction,\n }\n : {\n connectorForChecks: connectorObject.connector,\n connectorForConnection: connectorObject.connector,\n };\n\n const isAlreadyActive = activeConnectorId === connectorForChecks.id;\n if (isAlreadyActive) {\n onComplete?.(connectorForChecks);\n return;\n }\n\n if (isMainInjectedConnector(connectorForChecks)) {\n setStep(\"multiinjected\");\n return;\n }\n\n if (currentConnector) {\n disconnect({ connector: currentConnector });\n }\n\n await connectAsync({ connector: connectorForConnection });\n onComplete?.(connectorForChecks);\n };\n\n return (\n <div className=\"w-[460px]\">\n {step === \"initial\" && (\n <InitialStep\n connectors={connectors}\n activeConnectorId={activeConnectorId}\n handleActivate={handleActivate}\n />\n )}\n {step === \"multiinjected\" && (\n <MultiInjectedStep\n connectors={connectors}\n activeConnectorId={activeConnectorId}\n handleActivate={handleActivate}\n />\n )}\n </div>\n );\n}\n\nfunction isInjectedConnector(connector: Pick<Connector, \"type\">) {\n return connector.type === \"injected\";\n}\n\nfunction isUniqueInjectedConnector(connector: Pick<Connector, \"type\" | \"id\">) {\n // detected by injected() connector but not injected() itself\n return isInjectedConnector(connector) && connector.id !== \"injected\";\n}\n\nfunction isMainInjectedConnector(connector: Pick<Connector, \"type\" | \"id\">) {\n return isInjectedConnector(connector) && connector.id === \"injected\";\n}\n\nfunction isDistinctWalletOrMainInjectedConnector(\n connector: Pick<Connector, \"type\" | \"id\">\n) {\n return connector.type !== \"injected\" || isMainInjectedConnector(connector);\n}\n\nfunction isDistinctWalletExceptMainInjectedConnector(\n connector: Pick<Connector, \"type\" | \"id\">\n) {\n return !isMainInjectedConnector(connector);\n}\n\ntype ConnectStepProps = {\n connectors: readonly Connector[];\n activeConnectorId?: string;\n handleActivate: (connector?: ActivateConnectionObject) => void;\n};\n\nconst privyWalletFauxConnector = {\n id: \"io.privy.wallet\", // real id getting assigned to injectd({target: privyProvider}) on connection\n name: \"Privy Wallet\", // real name getting assigned to injectd({target: privyProvider}) on connection\n type: \"injected\", // real type that comes from injected() connector\n};\n\nfunction InitialStep({\n connectors,\n activeConnectorId,\n handleActivate,\n}: ConnectStepProps) {\n const injectedConnectors = connectors.filter(isInjectedConnector);\n // 1 of them is injected(), second is metamask() or some other if available\n // injected() is always there\n const onlyOneInjectedWalletDetected = injectedConnectors.length === 2;\n\n const displayedConnectors = connectors.filter(\n onlyOneInjectedWalletDetected\n ? // only MMask detected among injected, use it right away\n isDistinctWalletExceptMainInjectedConnector\n : // injected wallets>1, show BrowserWallets and go to next step onClick\n isDistinctWalletOrMainInjectedConnector\n );\n\n const widgetConfig = useWidgetConfig();\n\n return (\n <ConnectWalletsInitial>\n <BasicConnectorsButtons\n connectors={displayedConnectors}\n activeConnectorId={activeConnectorId}\n onActivate={handleActivate}\n />\n {widgetConfig.privyAppId && (\n <PrivyWalletButton\n onActivate={handleActivate}\n connector={privyWalletFauxConnector}\n activeConnectorId={activeConnectorId}\n privyAppId={widgetConfig.privyAppId}\n privyClientId={widgetConfig.privyClientId}\n />\n )}\n </ConnectWalletsInitial>\n );\n}\n\nfunction MultiInjectedStep({\n connectors,\n activeConnectorId,\n handleActivate,\n}: ConnectStepProps) {\n const displayedConnectors = connectors.filter(isUniqueInjectedConnector);\n\n return (\n <ConnectWalletsMultiInjected>\n <BasicConnectorsButtons\n connectors={displayedConnectors}\n activeConnectorId={activeConnectorId}\n onActivate={handleActivate}\n compact\n />\n </ConnectWalletsMultiInjected>\n );\n}\n"],"names":["ConnectWalletsInitial","t0","$","_c","children","t1","ConnectWalletsMultiInjected","ConnectWalletsContainer","onComplete","step","setStep","useState","connectAsync","connectors","useConnect","connector","currentConnector","useAccount","disconnect","useDisconnect","activeConnectorId","id","connectorObject","connectorForChecks","connectorForConnection","minConnector","connectorFunction","isAlreadyActive","isMainInjectedConnector","handleActivate","t2","t3","t4","isInjectedConnector","type","isUniqueInjectedConnector","isDistinctWalletOrMainInjectedConnector","isDistinctWalletExceptMainInjectedConnector","privyWalletFauxConnector","name","InitialStep","injectedConnectors","filter","onlyOneInjectedWalletDetected","length","displayedConnectors","widgetConfig","useWidgetConfig","privyAppId","privyClientId","MultiInjectedStep"],"mappings":";;;;;;;;;;;;;;;;;AAaA,SAAAA,sBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAA+B,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAAiC,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAE,QAAAA,EAAA;AAE5DC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,+DAAA,EACZD,QAAAA,EACH,CAAA;AAAMF,IAAAA,CAAAA,MAAAE,QAAAA;AAAAF,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAFNG,EAAAA;AAEM;AAIV,SAAAC,4BAAAL,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAqC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAAiC,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAE,QAAAA,EAAA;AAElEC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,+GAAA,EACZD,QAAAA,EACH,CAAA;AAAMF,IAAAA,CAAAA,MAAAE,QAAAA;AAAAF,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAFNG,EAAAA;AAEM;AAUH,SAAAE,wBAAAN,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAK;AAAAA,GAAA,GAAAP,EAAAA;AAGtC,EAAA,MAAA,CAAAQ,IAAAA,EAAAC,OAAA,CAAA,GAAwBC,SAA6B,SAAS,CAAA;AAE9D,EAAA,MAAA;AAAA,IAAAC,YAAAA;AAAAA,IAAAC;AAAAA,MAAqCC,UAAAA,EAAW;AAChD,EAAA,MAAA;AAAA,IAAAC,SAAAA,EAAAC;AAAAA,MAAwCC,UAAAA,EAAW;AACnD,EAAA,MAAA;AAAA,IAAAC;AAAAA,MAAuBC,aAAAA,EAAc;AAErC,EAAA,MAAAC,oBAA0BJ,gBAAAA,EAAgBK,EAAAA;AAAK,EAAA,IAAAhB,EAAAA;AAAA,EAAA,IAAAH,EAAA,CAAA,CAAA,KAAAkB,qBAAAlB,CAAAA,CAAA,CAAA,MAAAU,YAAAA,IAAAV,CAAAA,CAAA,CAAA,CAAA,KAAAc,gBAAAA,IAAAd,EAAA,CAAA,CAAA,KAAAgB,cAAAhB,CAAAA,QAAAM,UAAAA,EAAA;AAExBH,IAAAA,EAAAA,UAAAiB,eAAAA,KAAA;AAAA,MAAA,IAAA,CAChBA,eAAAA,EAAe;AAClBd,QAAAA,UAAAA,IAAU;AAAA,QAAA;AAAA;AAIZ,MAAA,MAAA;AAAA,QAAAe,kBAAAA;AAAAA,QAAAC;AAAAA,OAAA,GACE,uBAAuBF,eAAAA,GAAe;AAAA,QAAAC,oBAGZD,eAAAA,CAAeG,YAAAA;AAAAA,QAAAD,wBACXF,eAAAA,CAAeI;AAAAA,OAAA,GAAA;AAAA,QAAAH,oBAGnBD,eAAAA,CAAeP,SAAAA;AAAAA,QAAAS,wBACXF,eAAAA,CAAeP;AAAAA,OAAA;AAG/C,MAAA,MAAAY,eAAAA,GAAwBP,sBAAsBG,kBAAAA,CAAkBF,EAAAA;AAAI,MAAA,IAChEM,eAAAA,EAAe;AACjBnB,QAAAA,UAAAA,GAAae,kBAAkB,CAAA;AAAA,QAAA;AAAA;AAAA,MAAA,IAI7BK,uBAAAA,CAAwBL,kBAAkB,CAAA,EAAC;AAC7Cb,QAAAA,OAAAA,CAAQ,eAAe,CAAA;AAAC,QAAA;AAAA;AAAA,MAAA,IAItBM,gBAAAA,EAAgB;AAClBE,QAAAA,UAAAA,CAAU;AAAA,UAAAH,SAAAA,EAAcC;AAAAA,SAAkB,CAAA;AAAA;AAAC,MAAA,MAGvCJ,YAAAA,CAAY;AAAA,QAAAG,SAAAA,EAAcS;AAAAA,OAAwB,CAAA;AACxDhB,MAAAA,UAAAA,GAAae,kBAAkB,CAAA;AAAA,KAAA;AAChCrB,IAAAA,CAAAA,MAAAkB,iBAAAA;AAAAlB,IAAAA,CAAAA,MAAAU,YAAAA;AAAAV,IAAAA,CAAAA,MAAAc,gBAAAA;AAAAd,IAAAA,CAAAA,MAAAgB,UAAAA;AAAAhB,IAAAA,CAAAA,MAAAM,UAAAA;AAAAN,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA;AAnCD,EAAA,MAAA2B,cAAAA,GAAuBxB,EAAAA;AAmCrB,EAAA,IAAAyB,EAAAA;AAAA,EAAA,IAAA5B,CAAAA,CAAA,CAAA,CAAA,KAAAkB,iBAAAA,IAAAlB,EAAA,CAAA,CAAA,KAAAW,UAAAA,IAAAX,CAAAA,CAAA,CAAA,CAAA,KAAA2B,cAAAA,IAAA3B,CAAAA,QAAAO,IAAAA,EAAA;AAIGqB,IAAAA,EAAAA,GAAArB,SAAS,SAAA,oBACR,GAAA,CAAC,WAAA,EAAA,EACaI,UAAAA,EACOO,mBACHS,cAAAA,EAAc,CAAA;AAEjC3B,IAAAA,CAAAA,MAAAkB,iBAAAA;AAAAlB,IAAAA,CAAAA,MAAAW,UAAAA;AAAAX,IAAAA,CAAAA,MAAA2B,cAAAA;AAAA3B,IAAAA,CAAAA,MAAAO,IAAAA;AAAAP,IAAAA,CAAAA,OAAA4B,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA5B,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,IAAA6B,EAAAA;AAAA,EAAA,IAAA7B,CAAAA,CAAA,EAAA,CAAA,KAAAkB,iBAAAA,IAAAlB,EAAA,EAAA,CAAA,KAAAW,UAAAA,IAAAX,CAAAA,CAAA,EAAA,CAAA,KAAA2B,cAAAA,IAAA3B,CAAAA,SAAAO,IAAAA,EAAA;AACAsB,IAAAA,EAAAA,GAAAtB,SAAS,eAAA,oBACR,GAAA,CAAC,iBAAA,EAAA,EACaI,UAAAA,EACOO,mBACHS,cAAAA,EAAc,CAAA;AAEjC3B,IAAAA,CAAAA,OAAAkB,iBAAAA;AAAAlB,IAAAA,CAAAA,OAAAW,UAAAA;AAAAX,IAAAA,CAAAA,OAAA2B,cAAAA;AAAA3B,IAAAA,CAAAA,OAAAO,IAAAA;AAAAP,IAAAA,CAAAA,OAAA6B,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA7B,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,IAAA8B,EAAAA;AAAA,EAAA,IAAA9B,EAAA,EAAA,CAAA,KAAA4B,MAAA5B,CAAAA,SAAA6B,EAAAA,EAAA;AAdHC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,WAAA,EACZF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAOAC;AAAAA,KAAAA,EAOH,CAAA;AAAM7B,IAAAA,CAAAA,OAAA4B,EAAAA;AAAA5B,IAAAA,CAAAA,OAAA6B,EAAAA;AAAA7B,IAAAA,CAAAA,OAAA8B,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA9B,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,OAfN8B,EAAAA;AAeM;AAIV,SAASC,oBAAoBlB,SAAAA,EAAoC;AAC/D,EAAA,OAAOA,UAAUmB,IAAAA,KAAS,UAAA;AAC5B;AAEA,SAASC,0BAA0BpB,SAAAA,EAA2C;AAE5E,EAAA,OAAOkB,mBAAAA,CAAoBlB,SAAS,CAAA,IAAKA,SAAAA,CAAUM,EAAAA,KAAO,UAAA;AAC5D;AAEA,SAASO,wBAAwBb,SAAAA,EAA2C;AAC1E,EAAA,OAAOkB,mBAAAA,CAAoBlB,SAAS,CAAA,IAAKA,SAAAA,CAAUM,EAAAA,KAAO,UAAA;AAC5D;AAEA,SAASe,wCACPrB,SAAAA,EACA;AACA,EAAA,OAAOA,SAAAA,CAAUmB,IAAAA,KAAS,UAAA,IAAcN,uBAAAA,CAAwBb,SAAS,CAAA;AAC3E;AAEA,SAASsB,4CACPtB,SAAAA,EACA;AACA,EAAA,OAAO,CAACa,wBAAwBb,SAAS,CAAA;AAC3C;AAQA,MAAMuB,wBAAAA,GAA2B;AAAA,EAC/BjB,EAAAA,EAAI,iBAAA;AAAA;AAAA,EACJkB,IAAAA,EAAM,cAAA;AAAA;AAAA,EACNL,IAAAA,EAAM;AAAA;AACR,CAAA;AAEA,SAAAM,YAAAvC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAqB,EAAA,MAAA;AAAA,IAAAU,UAAAA;AAAAA,IAAAO,iBAAAA;AAAAA,IAAAS;AAAAA,GAAA,GAAA5B,EAAAA;AAKnB,EAAA,MAAAwC,kBAAAA,GAA2B5B,UAAAA,CAAU6B,MAAAA,CAAAT,mBAA2B,CAAA;AAGhE,EAAA,MAAAU,6BAAAA,GAAsCF,mBAAkBG,MAAAA,KAAA,CAAA;AAAc,EAAA,IAAAvC,EAAAA;AAAA,EAAA,IAAAH,EAAA,CAAA,CAAA,KAAAW,cAAAX,CAAAA,QAAAyC,6BAAAA,EAAA;AAE1CtC,IAAAA,EAAAA,GAAAQ,UAAAA,CAAU6B,MAAAA,CACpCC,6BAAAA,GAA6BN,2CAAAA,GAAAD,uCAK/B,CAAA;AAAClC,IAAAA,CAAAA,MAAAW,UAAAA;AAAAX,IAAAA,CAAAA,MAAAyC,6BAAAA;AAAAzC,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA;AAND,EAAA,MAAA2C,mBAAAA,GAA4BxC,EAAAA;AAQ5B,EAAA,MAAAyC,eAAqBC,eAAAA,EAAgB;AAAE,EAAA,IAAAjB,EAAAA;AAAA,EAAA,IAAA5B,CAAAA,CAAA,CAAA,CAAA,KAAAkB,iBAAAA,IAAAlB,CAAAA,QAAA2C,mBAAAA,IAAA3C,CAAAA,CAAA,CAAA,CAAA,KAAA2B,cAAAA,EAAA;AAInCC,IAAAA,EAAAA,uBAAC,sBAAA,EAAA,EACae,UAAAA,uBACOzB,iBAAAA,EACPS,YAAAA,cAAAA,EAAc,CAAA;AAC1B3B,IAAAA,CAAAA,MAAAkB,iBAAAA;AAAAlB,IAAAA,CAAAA,MAAA2C,mBAAAA;AAAA3C,IAAAA,CAAAA,MAAA2B,cAAAA;AAAA3B,IAAAA,CAAAA,MAAA4B,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA5B,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAA6B,EAAAA;AAAA,EAAA,IAAA7B,EAAA,CAAA,CAAA,KAAAkB,iBAAAA,IAAAlB,CAAAA,CAAA,CAAA,CAAA,KAAA2B,cAAAA,IAAA3B,CAAAA,CAAA,CAAA,MAAA4C,YAAAA,CAAAE,UAAAA,IAAA9C,EAAA,EAAA,CAAA,KAAA4C,aAAAG,aAAAA,EAAA;AACDlB,IAAAA,EAAAA,GAAAe,YAAAA,CAAYE,UAAAA,oBACX,GAAA,CAAC,iBAAA,EAAA,EACanB,4BACDS,SAAAA,EAAAA,wBAAAA,EACQlB,iBAAAA,EACP,UAAA,EAAA0B,YAAAA,CAAYE,UAAAA,EACT,aAAA,EAAAF,aAAYG,aAAAA,EAAc,CAAA;AAE5C/C,IAAAA,CAAAA,MAAAkB,iBAAAA;AAAAlB,IAAAA,CAAAA,MAAA2B,cAAAA;AAAA3B,IAAAA,CAAAA,CAAA,CAAA,IAAA4C,YAAAA,CAAAE,UAAAA;AAAA9C,IAAAA,CAAAA,CAAA,EAAA,IAAA4C,YAAAA,CAAAG,aAAAA;AAAA/C,IAAAA,CAAAA,OAAA6B,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA7B,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,IAAA8B,EAAAA;AAAA,EAAA,IAAA9B,EAAA,EAAA,CAAA,KAAA4B,MAAA5B,CAAAA,SAAA6B,EAAAA,EAAA;AAdHC,IAAAA,EAAAA,wBAAC,qBAAA,EAAA,EACCF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAKCC;AAAAA,KAAAA,EASH,CAAA;AAAwB7B,IAAAA,CAAAA,OAAA4B,EAAAA;AAAA5B,IAAAA,CAAAA,OAAA6B,EAAAA;AAAA7B,IAAAA,CAAAA,OAAA8B,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA9B,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,OAfxB8B,EAAAA;AAewB;AAI5B,SAAAkB,kBAAAjD,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAA2B,EAAA,MAAA;AAAA,IAAAU,UAAAA;AAAAA,IAAAO,iBAAAA;AAAAA,IAAAS;AAAAA,GAAA,GAAA5B,EAAAA;AAIR,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAW,UAAAA,EAAA;AACWR,IAAAA,EAAAA,GAAAQ,UAAAA,CAAU6B,OAAAP,yBAAiC,CAAA;AAACjC,IAAAA,CAAAA,MAAAW,UAAAA;AAAAX,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA;AAAxE,EAAA,MAAA2C,mBAAAA,GAA4BxC,EAAAA;AAA6C,EAAA,IAAAyB,EAAAA;AAAA,EAAA,IAAA5B,CAAAA,CAAA,CAAA,CAAA,KAAAkB,iBAAAA,IAAAlB,CAAAA,QAAA2C,mBAAAA,IAAA3C,CAAAA,CAAA,CAAA,CAAA,KAAA2B,cAAAA,EAAA;AAGvEC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,2BAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,sBAAA,EAAA,EACae,UAAAA,EAAAA,mBAAAA,EACOzB,iBAAAA,EACPS,UAAAA,EAAAA,cAAAA,EACZ,OAAA,EAAA,IAAA,EAAO,CAAA,EAEX,CAAA;AAA8B3B,IAAAA,CAAAA,MAAAkB,iBAAAA;AAAAlB,IAAAA,CAAAA,MAAA2C,mBAAAA;AAAA3C,IAAAA,CAAAA,MAAA2B,cAAAA;AAAA3B,IAAAA,CAAAA,MAAA4B,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA5B,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAP9B4B,EAAAA;AAO8B;;;;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/web3/ConnectWallets/index.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n BasicConnectorsButtons,\n PrivyWalletButton,\n} from \"./WalletConnectButtons\";\nimport { useAccount, useConnect, useDisconnect, type Connector } from \"wagmi\";\nimport type { ActivateConnectionObject, MinConnector } from \"./types\";\nimport { useWidgetConfig } from \"@/widget/state/configAtom\";\n\ntype ConnectWalletsProps = {\n children: React.ReactNode;\n};\n\nfunction ConnectWalletsInitial({ children }: ConnectWalletsProps) {\n return (\n <div className=\"flex flex-col gap-[16px] pr-[24px] pl-[24px] pb-[32px] w-full\">\n {children}\n </div>\n );\n}\n\nfunction ConnectWalletsMultiInjected({ children }: ConnectWalletsProps) {\n return (\n <div className=\"p-[16px] pb-[32px] w-full grid grid-cols-[repeat(auto-fit,minmax(120px,1fr))] justify-items-center gap-[16px]\">\n {children}\n </div>\n );\n}\n\ntype ConnectWalletSteps = \"initial\" | \"multiinjected\";\n\ntype ConnectWalletsContainerProps = {\n onComplete?: (connector?: Connector | MinConnector) => void;\n};\n\nexport function ConnectWalletsContainer({\n onComplete,\n}: ConnectWalletsContainerProps) {\n const [step, setStep] = useState<ConnectWalletSteps>(\"initial\");\n\n const { connectAsync, connectors } = useConnect();\n const { connector: currentConnector } = useAccount();\n const { disconnect } = useDisconnect();\n\n const activeConnectorId = currentConnector?.id;\n\n const handleActivate = async (connectorObject?: ActivateConnectionObject) => {\n if (!connectorObject) {\n onComplete?.();\n return;\n }\n\n const { connectorForChecks, connectorForConnection } =\n \"connectorFunction\" in connectorObject\n ? {\n // connectorFunction only comes from Privy so far\n connectorForChecks: connectorObject.minConnector,\n connectorForConnection: connectorObject.connectorFunction,\n }\n : {\n connectorForChecks: connectorObject.connector,\n connectorForConnection: connectorObject.connector,\n };\n\n const isAlreadyActive = activeConnectorId === connectorForChecks.id;\n if (isAlreadyActive) {\n onComplete?.(connectorForChecks);\n return;\n }\n\n if (isMainInjectedConnector(connectorForChecks)) {\n setStep(\"multiinjected\");\n return;\n }\n\n if (currentConnector) {\n disconnect({ connector: currentConnector });\n }\n\n await connectAsync({ connector: connectorForConnection });\n onComplete?.(connectorForChecks);\n };\n\n return (\n <div className=\"w-[460px]\">\n {step === \"initial\" && (\n <InitialStep\n connectors={connectors}\n activeConnectorId={activeConnectorId}\n handleActivate={handleActivate}\n />\n )}\n {step === \"multiinjected\" && (\n <MultiInjectedStep\n connectors={connectors}\n activeConnectorId={activeConnectorId}\n handleActivate={handleActivate}\n />\n )}\n </div>\n );\n}\n\nfunction isInjectedConnector(connector: Pick<Connector, \"type\">) {\n return connector.type === \"injected\";\n}\n\nfunction isUniqueInjectedConnector(connector: Pick<Connector, \"type\" | \"id\">) {\n // detected by injected() connector but not injected() itself\n return isInjectedConnector(connector) && connector.id !== \"injected\";\n}\n\nfunction isMainInjectedConnector(connector: Pick<Connector, \"type\" | \"id\">) {\n return isInjectedConnector(connector) && connector.id === \"injected\";\n}\n\nfunction isDistinctWalletOrMainInjectedConnector(\n connector: Pick<Connector, \"type\" | \"id\">\n) {\n return connector.type !== \"injected\" || isMainInjectedConnector(connector);\n}\n\nfunction isDistinctWalletExceptMainInjectedConnector(\n connector: Pick<Connector, \"type\" | \"id\">\n) {\n return !isMainInjectedConnector(connector);\n}\n\ntype ConnectStepProps = {\n connectors: readonly Connector[];\n activeConnectorId?: string;\n handleActivate: (connector?: ActivateConnectionObject) => void;\n};\n\nconst privyWalletFauxConnector = {\n id: \"io.privy.wallet\", // real id getting assigned to injectd({target: privyProvider}) on connection\n name: \"Privy Wallet\", // real name getting assigned to injectd({target: privyProvider}) on connection\n type: \"injected\", // real type that comes from injected() connector\n};\n\nfunction InitialStep({\n connectors,\n activeConnectorId,\n handleActivate,\n}: ConnectStepProps) {\n const injectedConnectors = connectors.filter(isInjectedConnector);\n // 1 of them is injected(), second is metamask() or some other if available\n // injected() is always there\n const onlyOneInjectedWalletDetected = injectedConnectors.length === 2;\n\n const displayedConnectors = connectors.filter(\n onlyOneInjectedWalletDetected\n ? // only MMask detected among injected, use it right away\n isDistinctWalletExceptMainInjectedConnector\n : // injected wallets>1, show BrowserWallets and go to next step onClick\n isDistinctWalletOrMainInjectedConnector\n );\n\n const widgetConfig = useWidgetConfig();\n\n return (\n <ConnectWalletsInitial>\n <BasicConnectorsButtons\n connectors={displayedConnectors}\n activeConnectorId={activeConnectorId}\n onActivate={handleActivate}\n />\n {widgetConfig.privyAppId && (\n <PrivyWalletButton\n onActivate={handleActivate}\n connector={privyWalletFauxConnector}\n activeConnectorId={activeConnectorId}\n privyAppId={widgetConfig.privyAppId}\n privyClientId={widgetConfig.privyClientId}\n />\n )}\n </ConnectWalletsInitial>\n );\n}\n\nfunction MultiInjectedStep({\n connectors,\n activeConnectorId,\n handleActivate,\n}: ConnectStepProps) {\n const displayedConnectors = connectors.filter(isUniqueInjectedConnector);\n\n return (\n <ConnectWalletsMultiInjected>\n <BasicConnectorsButtons\n connectors={displayedConnectors}\n activeConnectorId={activeConnectorId}\n onActivate={handleActivate}\n compact\n />\n </ConnectWalletsMultiInjected>\n );\n}\n"],"names":["ConnectWalletsInitial","t0","$","_c","children","t1","ConnectWalletsMultiInjected","ConnectWalletsContainer","onComplete","step","setStep","useState","connectAsync","connectors","useConnect","connector","currentConnector","useAccount","disconnect","useDisconnect","activeConnectorId","id","connectorObject","connectorForChecks","connectorForConnection","minConnector","connectorFunction","isAlreadyActive","isMainInjectedConnector","handleActivate","t2","t3","t4","isInjectedConnector","type","isUniqueInjectedConnector","isDistinctWalletOrMainInjectedConnector","isDistinctWalletExceptMainInjectedConnector","privyWalletFauxConnector","name","InitialStep","injectedConnectors","filter","onlyOneInjectedWalletDetected","length","displayedConnectors","widgetConfig","useWidgetConfig","privyAppId","privyClientId","MultiInjectedStep"],"mappings":"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"}
|
|
@@ -7,16 +7,6 @@ import { Slot } from '@radix-ui/react-slot';
|
|
|
7
7
|
import { PrivyConnectorRunner } from './connectRunner.js';
|
|
8
8
|
import { PrivyConnectorProvider } from './provider.js';
|
|
9
9
|
|
|
10
|
-
globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
|
|
11
|
-
cache: /* @__PURE__ */ new Map(),
|
|
12
|
-
get(name, inst) {
|
|
13
|
-
if (this.cache.has(name)) {
|
|
14
|
-
return this.cache.get(name);
|
|
15
|
-
}
|
|
16
|
-
this.cache.set(name, inst);
|
|
17
|
-
return inst;
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
10
|
function PrivyConnectButton(t0) {
|
|
21
11
|
const $ = distExports.c(19);
|
|
22
12
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../../../../src/components/web3/ConnectWallets/privy/button.tsx"],"sourcesContent":["import { useLogin, useWallets } from \"@privy-io/react-auth\";\nimport { Button } from \"@/components/ui/button\";\nimport { useState } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { PrivyConnectorRunner } from \"./connectRunner\";\nimport { PrivyConnectorProvider } from \"./provider\";\nimport type { PrivyConnectButtonProps, PrivyLogInButtonProps } from \"./types\";\n\nexport function PrivyConnectButton({\n onSuccess,\n onError,\n onComplete,\n children,\n asChild,\n disabled,\n privyAppId,\n privyClientId,\n}: PrivyConnectButtonProps) {\n if (disabled) {\n // skip the whole PrivyProvider initialization\n return <Button asChild={asChild}>{children}</Button>;\n }\n\n // the idea is to wrap PrivyProvider around the minimum necessary components,\n // and then wagmi.connect(injected(privy provider))\n return (\n <PrivyConnectorProvider\n privyAppId={privyAppId}\n privyClientId={privyClientId}\n >\n <PrivyUtilLogInButton\n onSuccess={(wallet) => {\n console.log(\"PrivyConnectButton::success\");\n onSuccess?.(wallet);\n }}\n onError={(error) => {\n console.error(\"PrivyConnectButton::error\", error);\n onError?.(error);\n }}\n onComplete={() => {\n console.log(\"PrivyConnectButton::complete\");\n onComplete?.();\n }}\n asChild={asChild}\n >\n {children ?? \"Log in with Privy\"}\n </PrivyUtilLogInButton>\n </PrivyConnectorProvider>\n );\n}\n\n// must be inside both a PrivyProvider and WagmiProvider\nfunction PrivyUtilLogInButton({\n onSuccess,\n onError,\n onComplete,\n children,\n asChild,\n}: PrivyLogInButtonProps) {\n // if Privy is configured to pick up injected wallets, then wallets[0] is the injected wallet,\n // and it will be auto re-activated. So need to filter requered wallet from the list.\n // if Privy is configured for email wallets only, then no other wallets will be picked up.\n const { wallets } = useWallets();\n // if allowing multiple Piryv wallet connectors, be sure to pick up what you need\n const wallet = wallets[0];\n\n const { login } = useLogin({\n onComplete: (params) => {\n console.log(\"ConnectOrCreateWallet::success\", params);\n },\n onError: (error) => {\n console.error(\"ConnectOrCreateWallet::error\", error);\n onError?.(error);\n },\n });\n\n const Comp = asChild ? Slot : Button;\n\n // don't autoconnect wagmi to Privy wallet, just because a wallet is available,\n // otherwise when switching wallets, Privy hijacks the connection as long as PrivyUtilLogInButton is simply rendered\n const [explicitlyActivated, setExplicitlyActivated] = useState(false);\n\n return (\n <>\n <Comp\n // instead of firing up the Privy modal\n // can even use our own inputs for email + code with useLoginWithEmail()\n // https://docs.privy.io/authentication/user-authentication/login-methods/email#usage\n onClick={() => {\n login();\n setExplicitlyActivated(true);\n }}\n >\n {children}\n </Comp>\n {wallet && explicitlyActivated && (\n <PrivyConnectorRunner\n onComplete={onComplete}\n onError={onError}\n onSuccess={onSuccess}\n wallet={wallet}\n />\n )}\n </>\n );\n}\n"],"names":["PrivyConnectButton","t0","$","_c","onSuccess","onError","onComplete","children","asChild","disabled","privyAppId","privyClientId","t1","wallet","console","log","t2","error","t3","t4","t5","t6","PrivyUtilLogInButton","wallets","useWallets","_temp","login","useLogin","Comp","Slot","Button","explicitlyActivated","setExplicitlyActivated","useState","params"],"mappings":"
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../../../../src/components/web3/ConnectWallets/privy/button.tsx"],"sourcesContent":["import { useLogin, useWallets } from \"@privy-io/react-auth\";\nimport { Button } from \"@/components/ui/button\";\nimport { useState } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { PrivyConnectorRunner } from \"./connectRunner\";\nimport { PrivyConnectorProvider } from \"./provider\";\nimport type { PrivyConnectButtonProps, PrivyLogInButtonProps } from \"./types\";\n\nexport function PrivyConnectButton({\n onSuccess,\n onError,\n onComplete,\n children,\n asChild,\n disabled,\n privyAppId,\n privyClientId,\n}: PrivyConnectButtonProps) {\n if (disabled) {\n // skip the whole PrivyProvider initialization\n return <Button asChild={asChild}>{children}</Button>;\n }\n\n // the idea is to wrap PrivyProvider around the minimum necessary components,\n // and then wagmi.connect(injected(privy provider))\n return (\n <PrivyConnectorProvider\n privyAppId={privyAppId}\n privyClientId={privyClientId}\n >\n <PrivyUtilLogInButton\n onSuccess={(wallet) => {\n console.log(\"PrivyConnectButton::success\");\n onSuccess?.(wallet);\n }}\n onError={(error) => {\n console.error(\"PrivyConnectButton::error\", error);\n onError?.(error);\n }}\n onComplete={() => {\n console.log(\"PrivyConnectButton::complete\");\n onComplete?.();\n }}\n asChild={asChild}\n >\n {children ?? \"Log in with Privy\"}\n </PrivyUtilLogInButton>\n </PrivyConnectorProvider>\n );\n}\n\n// must be inside both a PrivyProvider and WagmiProvider\nfunction PrivyUtilLogInButton({\n onSuccess,\n onError,\n onComplete,\n children,\n asChild,\n}: PrivyLogInButtonProps) {\n // if Privy is configured to pick up injected wallets, then wallets[0] is the injected wallet,\n // and it will be auto re-activated. So need to filter requered wallet from the list.\n // if Privy is configured for email wallets only, then no other wallets will be picked up.\n const { wallets } = useWallets();\n // if allowing multiple Piryv wallet connectors, be sure to pick up what you need\n const wallet = wallets[0];\n\n const { login } = useLogin({\n onComplete: (params) => {\n console.log(\"ConnectOrCreateWallet::success\", params);\n },\n onError: (error) => {\n console.error(\"ConnectOrCreateWallet::error\", error);\n onError?.(error);\n },\n });\n\n const Comp = asChild ? Slot : Button;\n\n // don't autoconnect wagmi to Privy wallet, just because a wallet is available,\n // otherwise when switching wallets, Privy hijacks the connection as long as PrivyUtilLogInButton is simply rendered\n const [explicitlyActivated, setExplicitlyActivated] = useState(false);\n\n return (\n <>\n <Comp\n // instead of firing up the Privy modal\n // can even use our own inputs for email + code with useLoginWithEmail()\n // https://docs.privy.io/authentication/user-authentication/login-methods/email#usage\n onClick={() => {\n login();\n setExplicitlyActivated(true);\n }}\n >\n {children}\n </Comp>\n {wallet && explicitlyActivated && (\n <PrivyConnectorRunner\n onComplete={onComplete}\n onError={onError}\n onSuccess={onSuccess}\n wallet={wallet}\n />\n )}\n </>\n );\n}\n"],"names":["PrivyConnectButton","t0","$","_c","onSuccess","onError","onComplete","children","asChild","disabled","privyAppId","privyClientId","t1","wallet","console","log","t2","error","t3","t4","t5","t6","PrivyUtilLogInButton","wallets","useWallets","_temp","login","useLogin","Comp","Slot","Button","explicitlyActivated","setExplicitlyActivated","useState","params"],"mappings":";;;;;;;;;AAQO,SAAAA,mBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAA4B,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAV,EAAAA;AAST,EAAA,IACpBQ,QAAAA,EAAQ;AAAA,IAAA,IAAAG,GAAAA;AAAA,IAAA,IAAAV,EAAA,CAAA,CAAA,KAAAM,WAAAN,CAAAA,QAAAK,QAAAA,EAAA;AAEHK,MAAAA,GAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EAAgBJ,OAAAA,EAAUD,QAAAA,EAAS,CAAA;AAASL,MAAAA,CAAAA,MAAAM,OAAAA;AAAAN,MAAAA,CAAAA,MAAAK,QAAAA;AAAAL,MAAAA,CAAAA,MAAAU,GAAAA;AAAAA,KAAA,MAAA;AAAAA,MAAAA,GAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA;AAAA,IAAA,OAA7CU,GAAAA;AAAAA;AAA6C,EAAA,IAAAA,EAAAA;AAAA,EAAA,IAAAV,CAAAA,QAAAE,SAAAA,EAAA;AAWrCQ,IAAAA,EAAAA,GAAAC,CAAAA,MAAAA,KAAA;AACTC,MAAAA,OAAAA,CAAAC,IAAY,6BAA6B,CAAA;AACzCX,MAAAA,SAAAA,GAAYS,MAAM,CAAA;AAAA,KAAA;AACnBX,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAc,EAAAA;AAAA,EAAA,IAAAd,CAAAA,QAAAG,OAAAA,EAAA;AACQW,IAAAA,EAAAA,GAAAC,CAAAA,KAAAA,KAAA;AACPH,MAAAA,OAAAA,CAAAG,KAAAA,CAAc,6BAA6BA,KAAK,CAAA;AAChDZ,MAAAA,OAAAA,GAAUY,KAAK,CAAA;AAAA,KAAA;AAChBf,IAAAA,CAAAA,MAAAG,OAAAA;AAAAH,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAgB,EAAAA;AAAA,EAAA,IAAAhB,CAAAA,QAAAI,UAAAA,EAAA;AACWY,IAAAA,EAAAA,GAAAA,MAAA;AACVJ,MAAAA,OAAAA,CAAAC,IAAY,8BAA8B,CAAA;AAC1CT,MAAAA,UAAAA,IAAU;AAAA,KAAA;AACXJ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAgB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,CAAA,CAAA;AAAA;AAGA,EAAA,MAAAiB,KAAAZ,QAAAA,IAAY,mBAAA;AAAmB,EAAA,IAAAa,EAAAA;AAAA,EAAA,IAAAlB,EAAA,CAAA,CAAA,KAAAM,WAAAN,CAAAA,CAAA,EAAA,MAAAU,EAAAA,IAAAV,CAAAA,CAAA,EAAA,CAAA,KAAAc,EAAAA,IAAAd,EAAA,EAAA,CAAA,KAAAgB,MAAAhB,CAAAA,SAAAiB,EAAAA,EAAA;AAflCC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,wBACY,SAAA,EAAAR,EAAAA,EAIF,SAAAI,EAAAA,EAIG,UAAA,EAAAE,EAAAA,EAIHV,OAAAA,EAERW,QAAAA,EAAAA,EAAAA,EACH,CAAA;AAAuBjB,IAAAA,CAAAA,MAAAM,OAAAA;AAAAN,IAAAA,CAAAA,OAAAU,EAAAA;AAAAV,IAAAA,CAAAA,OAAAc,EAAAA;AAAAd,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAhB,IAAAA,CAAAA,OAAAiB,EAAAA;AAAAjB,IAAAA,CAAAA,OAAAkB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAlB,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,IAAAmB,EAAAA;AAAA,EAAA,IAAAnB,CAAAA,CAAA,EAAA,CAAA,KAAAQ,UAAAA,IAAAR,CAAAA,SAAAS,aAAAA,IAAAT,CAAAA,CAAA,EAAA,CAAA,KAAAkB,EAAAA,EAAA;AApBzBC,IAAAA,EAAAA,uBAAC,sBAAA,EAAA,EACaX,UAAAA,EACGC,aAAAA,EAEfS,QAAAA,EAAAA,EAAAA,EAiBF,CAAA;AAAyBlB,IAAAA,CAAAA,OAAAQ,UAAAA;AAAAR,IAAAA,CAAAA,OAAAS,aAAAA;AAAAT,IAAAA,CAAAA,OAAAkB,EAAAA;AAAAlB,IAAAA,CAAAA,OAAAmB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAnB,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,OArBzBmB,EAAAA;AAqByB;AAK7B,SAAAC,qBAAArB,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAA8B,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAP,EAAAA;AAU5B,EAAA,MAAA;AAAA,IAAAsB;AAAAA,MAAoBC,UAAAA,EAAW;AAE/B,EAAA,MAAAX,MAAAA,GAAeU,QAAO,CAAA,CAAA;AAAI,EAAA,IAAAX,EAAAA;AAAA,EAAA,IAAAV,CAAAA,QAAAG,OAAAA,EAAA;AAECO,IAAAA,EAAAA,GAAA;AAAA,MAAAN,UAAAA,EAAAmB,KAAAA;AAAAA,MAAApB,SAAAY,CAAAA,KAAAA,KAAA;AAKvBH,QAAAA,OAAAA,CAAAG,KAAAA,CAAc,gCAAgCA,KAAK,CAAA;AACnDZ,QAAAA,OAAAA,GAAUY,KAAK,CAAA;AAAA;AAAA,KAAA;AAElBf,IAAAA,CAAAA,MAAAG,OAAAA;AAAAH,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA;AARD,EAAA,MAAA;AAAA,IAAAwB;AAAAA,GAAA,GAAkBC,SAASf,EAQ1B,CAAA;AAED,EAAA,MAAAgB,IAAAA,GAAapB,UAAOqB,IAAAA,GAAAC,MAAAA;AAIpB,EAAA,MAAA,CAAAC,mBAAAA,EAAAC,sBAAA,CAAA,GAAsDC,cAAc,CAAA;AAAE,EAAA,IAAAjB,EAAAA;AAAA,EAAA,IAAAd,CAAAA,QAAAwB,KAAAA,EAAA;AAQvDV,IAAAA,EAAAA,GAAAA,MAAA;AACPU,MAAAA,KAAAA,EAAM;AACNM,MAAAA,sBAAAA,KAA2B,CAAA;AAAA,KAAC;AAC7B9B,IAAAA,CAAAA,MAAAwB,KAAAA;AAAAxB,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAgB,EAAAA;AAAA,EAAA,IAAAhB,CAAAA,CAAA,CAAA,CAAA,KAAA0B,IAAAA,IAAA1B,CAAAA,QAAAK,QAAAA,IAAAL,CAAAA,CAAA,CAAA,CAAA,KAAAc,EAAAA,EAAA;AAPHE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,IAAA,EAAA,EAIU,OAAA,EAAAF,EAAAA,EAKRT,QAAAA,EACH,CAAA;AAAOL,IAAAA,CAAAA,MAAA0B,IAAAA;AAAA1B,IAAAA,CAAAA,MAAAK,QAAAA;AAAAL,IAAAA,CAAAA,MAAAc,EAAAA;AAAAd,IAAAA,CAAAA,MAAAgB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAiB,EAAAA;AAAA,EAAA,IAAAjB,EAAA,CAAA,CAAA,KAAA6B,uBAAA7B,CAAAA,CAAA,CAAA,MAAAI,UAAAA,IAAAJ,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,IAAAH,EAAA,EAAA,CAAA,KAAAE,aAAAF,CAAAA,SAAAW,MAAAA,EAAA;AACNM,IAAAA,EAAAA,GAAAN,UAAUkB,mBAAAA,oBACT,GAAA,CAAC,wBACazB,UAAAA,EACHD,OAAAA,EACED,WACHS,MAAAA,EAAM,CAAA;AAEjBX,IAAAA,CAAAA,MAAA6B,mBAAAA;AAAA7B,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAE,SAAAA;AAAAF,IAAAA,CAAAA,OAAAW,MAAAA;AAAAX,IAAAA,CAAAA,OAAAiB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAjB,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,IAAAkB,EAAAA;AAAA,EAAA,IAAAlB,EAAA,EAAA,CAAA,KAAAgB,MAAAhB,CAAAA,SAAAiB,EAAAA,EAAA;AAnBHC,IAAAA,EAAAA,oCACEF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAWCC;AAAAA,KAAAA,EAOA,CAAA;AACAjB,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAhB,IAAAA,CAAAA,OAAAiB,EAAAA;AAAAjB,IAAAA,CAAAA,OAAAkB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAlB,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,OApBHkB,EAAAA;AAoBG;AAnDP,SAAAK,MAAAS,MAAAA,EAAA;AAgBMpB,EAAAA,OAAAA,CAAAC,GAAAA,CAAY,kCAAkCmB,MAAM,CAAA;AAAC;;;;"}
|