@velora-dex/widget 0.6.1-dev.2 → 0.6.1-dev.3

package/dist/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.js

@@ -124,7 +124,7 @@ var b = {
 }, w = (i) => {
 	let l = _(58), { onClose: u, onSelect: h, onSelectImportToken: g, selectableChains: b, headerProps: x } = i, S = n(), C = S === "swap", w = S === "limit", T = S === "otc", E = S === "twap", D;
 	D = w ? "limit" : E ? "twap" : "swap";
-	let se = C || w || E, O = !T, k = ie(), A = s(), j = o(), M = c(), N = k;
+	let se = C || w, O = !T, k = ie(), A = s(), j = o(), M = c(), N = k;
 	C && A ? N = A : w && j ? N = j : E && M && (N = M);
 	let [P, F] = ne(N), I;
 	l[0] !== D || l[1] !== k ? (I = {

package/dist/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenDialog.js","names":["SelectTokenDialogProps","RegularTokenList","RegularTokenListProps","AcrossTokenLists","TokenSearch","useDeferredInputState","useEffect","useState","PropsWithChildren","useChainId","SupportedChainId","useLimitChainTo","useSwapChainTo","useTwapChainTo","Token","TokenCloud","useTradeMode","UseImportTokenDrawerReturn","assertProp","cn","useEnabledSrcChains","useSelectableDestChains","GenericScreen","GenericScreenHeader","GenericScreenHeaderProps","useImportTokenDrawer","useBreakpoints","NetworkSwitcherList","Prettify","ArbitraryNetworkSwitcherProps","NetworkSwitcherListProps","BridgeInfoMode","SelectTokenScreenProps","Pick","SelectTokenProps","drawerContainer","HTMLElement","headerClasses","root","title","const","SelectTokenScreen","t0","$","_c","props","t1","onClose","tokenType","onImported","onOpenImportTokenDrawer","importTokenDrawer","t2","showBackButton","onGoBack","classes","headerProps","t3","t4","SelectTokenContentProps","SelectTokenContent","tokenContentProps","SelectTokenContentComp","SelectTokenFromContent","SelectTokenToContent","onSelectImportToken","onSelect","token","selectableChains","networkSwitcherListClasses","_onSelect","_selectableChains","appChainId","selectedChainId","setSelectedChainId","enabledSrcChains","hasMultipleChains","length","isOverMd","showNetworksSidebar","effectiveInputValue","inputValue","handleInputValueChange","clearInputValue","token_0","fetchedOnChain","onConfirmAction","onSelectToken","t5","Symbol","for","chainId","t6","t7","selectedNetwork","networks","showCheckIcon","networkSwitcherProps","t8","undefined","t9","dropdownProps","align","disabled","t10","t11","input","t12","t13","t14","t15","tradeMode","isSwap","isLimit","isOTC","isTwap","acrossMode","modeSupportsCrosschain","includeNativeTokenInList","swapChainTo","limitChainTo","twapChainTo","initialChainId","fromChainId","mode","enabledDestChains","chainSwitchingDisabled","isChainSelectable","includes","chainToSet","shouldSetChainId","isCrossChain","chainId_0","t16","SelectTokenLayout","networkSwitcherListProps","children"],"sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.tsx"],"sourcesContent":["import type { SelectTokenDialogProps } from \"./types\";\nimport {\n  RegularTokenList,\n  type RegularTokenListProps,\n} from \"./TokenListBody/RegularTokenList\";\nimport { AcrossTokenLists } from \"./TokenListBody/AcrossTokenList\";\nimport { TokenSearch } from \"./TokenSearch\";\nimport { useDeferredInputState } from \"@/hooks/useDebouncedInputState\";\nimport { useEffect, useState, type PropsWithChildren } from \"react\";\nimport { useChainId } from \"wagmi\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport {\n  useLimitChainTo,\n  useSwapChainTo,\n  useTwapChainTo,\n} from \"@/core/state/chainToAtom\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { TokenCloud } from \"./TokenListBody/TokenCloud\";\nimport { useTradeMode } from \"@/core/state/tradeModeAtom\";\nimport type { UseImportTokenDrawerReturn } from \"../../ImportToken/types\";\nimport { assertProp, cn } from \"@/lib/utils\";\nimport { useEnabledSrcChains } from \"@/core/state/enabledChainsAtom\";\nimport { useSelectableDestChains } from \"@/hooks/useSelectableDestChains\";\nimport {\n  GenericScreen,\n  GenericScreenHeader,\n  type GenericScreenHeaderProps,\n} from \"../../Screen/GenericScreen\";\nimport { useImportTokenDrawer } from \"../../ImportToken/useImportTokenDrawer\";\nimport { useBreakpoints } from \"@/hooks/useBreakpoints\";\nimport { NetworkSwitcherList } from \"../../NetworkSwitcher/NetworkSwitcherList\";\nimport type { Prettify } from \"ts-essentials\";\nimport type {\n  ArbitraryNetworkSwitcherProps,\n  NetworkSwitcherListProps,\n} from \"../../NetworkSwitcher/types\";\nimport type { BridgeInfoMode } from \"@/hooks/swap/prices/delta/queries/bridgeInfo/types\";\n\nexport type SelectTokenScreenProps = Prettify<\n  Pick<\n    SelectTokenProps,\n    \"onClose\" | \"onSelect\" | \"selectableChains\" | \"tokenType\"\n  > & {\n    drawerContainer?: HTMLElement | null;\n  }\n>;\n\nconst headerClasses = {\n  root: \"px-4 pt-5 pb-4\",\n  title: \"text-[16px]\",\n} as const;\n\nexport const SelectTokenScreen = ({\n  drawerContainer,\n  ...props\n}: SelectTokenScreenProps) => {\n  const { onOpenImportTokenDrawer, importTokenDrawer } = useImportTokenDrawer({\n    drawerContainer,\n    tokenType: props.tokenType,\n    onImported: props.onClose,\n  });\n\n  const headerProps: GenericScreenHeaderProps = {\n    title: \"Select Token\",\n    showBackButton: true,\n    onGoBack: props.onClose,\n    classes: headerClasses,\n  };\n\n  return (\n    <GenericScreen>\n      <SelectTokenContent\n        {...props}\n        headerProps={headerProps}\n        onSelectImportToken={onOpenImportTokenDrawer}\n      />\n      {importTokenDrawer}\n    </GenericScreen>\n  );\n};\n\ntype SelectTokenProps = SelectTokenDialogProps & SelectTokenContentProps;\n\nconst SelectTokenContent = ({\n  tokenType,\n  ...tokenContentProps\n}: SelectTokenProps) => {\n  const SelectTokenContentComp =\n    tokenType === \"from\" ? SelectTokenFromContent : SelectTokenToContent;\n\n  return <SelectTokenContentComp {...tokenContentProps} />;\n};\n\ntype SelectTokenContentProps = {\n  onSelectImportToken: UseImportTokenDrawerReturn[\"onOpenImportTokenDrawer\"];\n  onClose?: () => void;\n  onSelect?: (token: Token) => void;\n  selectableChains?: SupportedChainId[];\n  headerProps: GenericScreenHeaderProps;\n};\n\nconst networkSwitcherListClasses = {\n  root: \"rounded-r-xxl\",\n} as const;\n\nconst SelectTokenFromContent = ({\n  onClose,\n  onSelect: _onSelect,\n  onSelectImportToken,\n  selectableChains: _selectableChains,\n  headerProps,\n}: SelectTokenContentProps) => {\n  const appChainId = useChainId();\n\n  const [selectedChainId, setSelectedChainId] =\n    useState<SupportedChainId>(appChainId);\n\n  const enabledSrcChains = useEnabledSrcChains();\n  const selectableChains = _selectableChains ?? enabledSrcChains;\n  const hasMultipleChains = selectableChains.length > 1;\n\n  const { isOverMd } = useBreakpoints();\n  const showNetworksSidebar = isOverMd && hasMultipleChains;\n\n  useEffect(() => {\n    // keep selectedChainId in sync with appChainId\n    setSelectedChainId(appChainId);\n  }, [appChainId]);\n\n  const {\n    effectiveInputValue,\n    inputValue,\n    handleInputValueChange,\n    clearInputValue,\n  } = useDeferredInputState();\n\n  const onSelect = (token: Token) => {\n    onClose?.();\n    _onSelect?.(token);\n  };\n\n  const onSelectToken: RegularTokenListProps[\"onSelectToken\"] = (token) => {\n    if (token.fetchedOnChain) {\n      assertProp(token, \"symbol\");\n\n      onSelectImportToken({ token, onConfirmAction: \"set-token-from\" });\n    } else {\n      onSelect(token);\n    }\n  };\n\n  const networkSwitcherProps: ArbitraryNetworkSwitcherProps = {\n    onSelect: (chainId) => chainId !== \"all\" && setSelectedChainId(chainId),\n    selectedNetwork: selectedChainId,\n    networks: selectableChains,\n    showCheckIcon: !showNetworksSidebar,\n  };\n\n  return (\n    <SelectTokenLayout\n      showNetworksSidebar={showNetworksSidebar}\n      headerProps={headerProps}\n      networkSwitcherListProps={\n        showNetworksSidebar\n          ? {\n              ...networkSwitcherProps,\n              classes: networkSwitcherListClasses,\n            }\n          : undefined\n      }\n    >\n      <TokenSearch\n        value={inputValue}\n        onChange={handleInputValueChange}\n        clearSearch={clearInputValue}\n        compactNetworkSwitcherProps={\n          !showNetworksSidebar\n            ? {\n                ...networkSwitcherProps,\n                dropdownProps: { align: \"end\" },\n                disabled: !hasMultipleChains,\n              }\n            : undefined\n        }\n        classes={{\n          input: cn({\n            \"pr-[42px] h-[40px] dark:bg-contrast-2\": showNetworksSidebar,\n          }),\n        }}\n      />\n      <TokenCloud\n        onSelectToken={onSelect}\n        forcedChainId={selectedChainId}\n        showNetworkIcon\n      />\n      <RegularTokenList\n        tokenFilter={effectiveInputValue}\n        onSelectToken={onSelectToken}\n        forcedChainId={selectedChainId}\n        className=\"flex-1\"\n      />\n    </SelectTokenLayout>\n  );\n};\n\nconst SelectTokenToContent = ({\n  onClose,\n  onSelect: _onSelect,\n  onSelectImportToken,\n  selectableChains: _selectableChains,\n  headerProps,\n}: SelectTokenContentProps) => {\n  const tradeMode = useTradeMode();\n  const isSwap = tradeMode === \"swap\";\n  const isLimit = tradeMode === \"limit\";\n  const isOTC = tradeMode === \"otc\";\n  const isTwap = tradeMode === \"twap\";\n\n  // types also expect \"otc\" here,\n  // but only \"swap\", \"limit\" and \"twap\" are actually possible for across mode\n  let acrossMode: BridgeInfoMode;\n  if (isLimit) {\n    acrossMode = \"limit\";\n  } else if (isTwap) {\n    acrossMode = \"twap\";\n  } else {\n    acrossMode = \"swap\";\n  }\n\n  const modeSupportsCrosschain = isSwap || isLimit || isTwap;\n\n  // otc doesn't support destToken=ETH\n  const includeNativeTokenInList = !isOTC;\n\n  const appChainId = useChainId();\n  const swapChainTo = useSwapChainTo();\n  const limitChainTo = useLimitChainTo();\n  const twapChainTo = useTwapChainTo();\n\n  let initialChainId = appChainId;\n  if (isSwap && swapChainTo) {\n    initialChainId = swapChainTo;\n  } else if (isLimit && limitChainTo) {\n    initialChainId = limitChainTo;\n  } else if (isTwap && twapChainTo) {\n    initialChainId = twapChainTo;\n  }\n  const [selectedChainId, setSelectedChainId] =\n    useState<SupportedChainId>(initialChainId);\n\n  const enabledDestChains = useSelectableDestChains({\n    fromChainId: appChainId,\n    mode: acrossMode,\n  }).selectableChains;\n  const selectableChains = _selectableChains ?? enabledDestChains;\n  const hasMultipleChains = selectableChains.length > 1;\n\n  const { isOverMd } = useBreakpoints();\n\n  const chainSwitchingDisabled = !modeSupportsCrosschain || !hasMultipleChains;\n  const showNetworksSidebar = isOverMd && !chainSwitchingDisabled;\n\n  const isChainSelectable = (chainId: SupportedChainId) =>\n    selectableChains?.includes(chainId) ?? false;\n\n  // keep track if selectedChainId is still selectable\n  // - if yes, keep it and don't change\n  // - if not, try to set to appChainId\n  // - else set to first selectable chain\n  const chainToSet = isChainSelectable(selectedChainId)\n    ? selectedChainId\n    : isChainSelectable(appChainId)\n      ? appChainId\n      : selectableChains[0];\n  const shouldSetChainId = chainToSet !== selectedChainId;\n\n  useEffect(() => {\n    if (!shouldSetChainId) return;\n\n    if (chainToSet) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setSelectedChainId(chainToSet);\n    } else {\n      onClose?.();\n    }\n  }, [chainToSet, onClose, shouldSetChainId]);\n\n  const {\n    effectiveInputValue,\n    inputValue,\n    handleInputValueChange,\n    clearInputValue,\n  } = useDeferredInputState();\n\n  const onSelect = (token: Token) => {\n    onClose?.();\n    _onSelect?.(token);\n  };\n\n  const isCrossChain = selectedChainId !== appChainId;\n\n  const onSelectToken: RegularTokenListProps[\"onSelectToken\"] = (token) => {\n    if (token.fetchedOnChain) {\n      assertProp(token, \"symbol\");\n\n      onSelectImportToken({ token, onConfirmAction: \"set-token-to\" });\n    } else {\n      onSelect(token);\n    }\n  };\n\n  const networkSwitcherProps: ArbitraryNetworkSwitcherProps = {\n    onSelect: (chainId) => chainId !== \"all\" && setSelectedChainId(chainId),\n    selectedNetwork: selectedChainId,\n    networks: selectableChains,\n    showCheckIcon: !showNetworksSidebar,\n  };\n\n  return (\n    <SelectTokenLayout\n      showNetworksSidebar={showNetworksSidebar}\n      headerProps={headerProps}\n      networkSwitcherListProps={\n        showNetworksSidebar\n          ? {\n              ...networkSwitcherProps,\n              classes: networkSwitcherListClasses,\n            }\n          : undefined\n      }\n    >\n      <TokenSearch\n        value={inputValue}\n        onChange={handleInputValueChange}\n        clearSearch={clearInputValue}\n        compactNetworkSwitcherProps={\n          !showNetworksSidebar\n            ? {\n                ...networkSwitcherProps,\n                disabled: chainSwitchingDisabled,\n                dropdownProps: {\n                  align: \"end\",\n                },\n              }\n            : undefined\n        }\n        classes={{\n          input: cn({\n            \"pr-[42px] h-[40px] dark:bg-contrast-2\": showNetworksSidebar,\n          }),\n        }}\n      />\n      {!isCrossChain ? (\n        <>\n          <TokenCloud\n            onSelectToken={onSelect}\n            forcedChainId={selectedChainId}\n            showNetworkIcon\n            withETH={includeNativeTokenInList}\n          />\n          <RegularTokenList\n            tokenFilter={effectiveInputValue}\n            onSelectToken={onSelectToken}\n            forcedChainId={selectedChainId}\n            className=\"flex-1\"\n            withETH={includeNativeTokenInList}\n            // when crosschain disallowed, don't search on other chains by tokenFilter\n            singleChainTokensOnly={chainSwitchingDisabled}\n            selectableChains={selectableChains}\n          />\n        </>\n      ) : (\n        <AcrossTokenLists\n          tokenFilter={effectiveInputValue}\n          onSelect={onSelect}\n          fromChainId={appChainId}\n          toChainId={selectedChainId}\n          className=\"flex-1\"\n          mode={acrossMode}\n        />\n      )}\n    </SelectTokenLayout>\n  );\n};\n\nconst SelectTokenLayout = ({\n  showNetworksSidebar,\n  networkSwitcherListProps,\n  headerProps,\n  children,\n}: PropsWithChildren<{\n  showNetworksSidebar: boolean;\n  networkSwitcherListProps?: NetworkSwitcherListProps;\n  headerProps: GenericScreenHeaderProps;\n}>) => {\n  return (\n    <div\n      className={cn({\n        \"grid grid-cols-[auto_minmax(0,140px)] bg-contrast-9 dark:bg-contrast-2 rounded-xxl\":\n          showNetworksSidebar,\n      })}\n    >\n      <div\n        className={cn({\n          \"bg-contrast-8 dark:bg-contrast-1 rounded-xxl\": showNetworksSidebar,\n        })}\n      >\n        <GenericScreenHeader {...headerProps} />\n        {/* 448px height to fit search bar + two rows of token cloud + five token rows */}\n        <div className=\"flex flex-col gap-y-3 h-[448px] pb-6\">{children}</div>\n      </div>\n      {showNetworksSidebar && networkSwitcherListProps && (\n        <NetworkSwitcherList {...networkSwitcherListProps} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SelectTokenDialog.js","names":["SelectTokenDialogProps","RegularTokenList","RegularTokenListProps","AcrossTokenLists","TokenSearch","useDeferredInputState","useEffect","useState","PropsWithChildren","useChainId","SupportedChainId","useLimitChainTo","useSwapChainTo","useTwapChainTo","Token","TokenCloud","useTradeMode","UseImportTokenDrawerReturn","assertProp","cn","useEnabledSrcChains","useSelectableDestChains","GenericScreen","GenericScreenHeader","GenericScreenHeaderProps","useImportTokenDrawer","useBreakpoints","NetworkSwitcherList","Prettify","ArbitraryNetworkSwitcherProps","NetworkSwitcherListProps","BridgeInfoMode","SelectTokenScreenProps","Pick","SelectTokenProps","drawerContainer","HTMLElement","headerClasses","root","title","const","SelectTokenScreen","t0","$","_c","props","t1","onClose","tokenType","onImported","onOpenImportTokenDrawer","importTokenDrawer","t2","showBackButton","onGoBack","classes","headerProps","t3","t4","SelectTokenContentProps","SelectTokenContent","tokenContentProps","SelectTokenContentComp","SelectTokenFromContent","SelectTokenToContent","onSelectImportToken","onSelect","token","selectableChains","networkSwitcherListClasses","_onSelect","_selectableChains","appChainId","selectedChainId","setSelectedChainId","enabledSrcChains","hasMultipleChains","length","isOverMd","showNetworksSidebar","effectiveInputValue","inputValue","handleInputValueChange","clearInputValue","token_0","fetchedOnChain","onConfirmAction","onSelectToken","t5","Symbol","for","chainId","t6","t7","selectedNetwork","networks","showCheckIcon","networkSwitcherProps","t8","undefined","t9","dropdownProps","align","disabled","t10","t11","input","t12","t13","t14","t15","tradeMode","isSwap","isLimit","isOTC","isTwap","acrossMode","modeSupportsCrosschain","includeNativeTokenInList","swapChainTo","limitChainTo","twapChainTo","initialChainId","fromChainId","mode","enabledDestChains","chainSwitchingDisabled","isChainSelectable","includes","chainToSet","shouldSetChainId","isCrossChain","chainId_0","t16","SelectTokenLayout","networkSwitcherListProps","children"],"sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.tsx"],"sourcesContent":["import type { SelectTokenDialogProps } from \"./types\";\nimport {\n  RegularTokenList,\n  type RegularTokenListProps,\n} from \"./TokenListBody/RegularTokenList\";\nimport { AcrossTokenLists } from \"./TokenListBody/AcrossTokenList\";\nimport { TokenSearch } from \"./TokenSearch\";\nimport { useDeferredInputState } from \"@/hooks/useDebouncedInputState\";\nimport { useEffect, useState, type PropsWithChildren } from \"react\";\nimport { useChainId } from \"wagmi\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport {\n  useLimitChainTo,\n  useSwapChainTo,\n  useTwapChainTo,\n} from \"@/core/state/chainToAtom\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { TokenCloud } from \"./TokenListBody/TokenCloud\";\nimport { useTradeMode } from \"@/core/state/tradeModeAtom\";\nimport type { UseImportTokenDrawerReturn } from \"../../ImportToken/types\";\nimport { assertProp, cn } from \"@/lib/utils\";\nimport { useEnabledSrcChains } from \"@/core/state/enabledChainsAtom\";\nimport { useSelectableDestChains } from \"@/hooks/useSelectableDestChains\";\nimport {\n  GenericScreen,\n  GenericScreenHeader,\n  type GenericScreenHeaderProps,\n} from \"../../Screen/GenericScreen\";\nimport { useImportTokenDrawer } from \"../../ImportToken/useImportTokenDrawer\";\nimport { useBreakpoints } from \"@/hooks/useBreakpoints\";\nimport { NetworkSwitcherList } from \"../../NetworkSwitcher/NetworkSwitcherList\";\nimport type { Prettify } from \"ts-essentials\";\nimport type {\n  ArbitraryNetworkSwitcherProps,\n  NetworkSwitcherListProps,\n} from \"../../NetworkSwitcher/types\";\nimport type { BridgeInfoMode } from \"@/hooks/swap/prices/delta/queries/bridgeInfo/types\";\n\nexport type SelectTokenScreenProps = Prettify<\n  Pick<\n    SelectTokenProps,\n    \"onClose\" | \"onSelect\" | \"selectableChains\" | \"tokenType\"\n  > & {\n    drawerContainer?: HTMLElement | null;\n  }\n>;\n\nconst headerClasses = {\n  root: \"px-4 pt-5 pb-4\",\n  title: \"text-[16px]\",\n} as const;\n\nexport const SelectTokenScreen = ({\n  drawerContainer,\n  ...props\n}: SelectTokenScreenProps) => {\n  const { onOpenImportTokenDrawer, importTokenDrawer } = useImportTokenDrawer({\n    drawerContainer,\n    tokenType: props.tokenType,\n    onImported: props.onClose,\n  });\n\n  const headerProps: GenericScreenHeaderProps = {\n    title: \"Select Token\",\n    showBackButton: true,\n    onGoBack: props.onClose,\n    classes: headerClasses,\n  };\n\n  return (\n    <GenericScreen>\n      <SelectTokenContent\n        {...props}\n        headerProps={headerProps}\n        onSelectImportToken={onOpenImportTokenDrawer}\n      />\n      {importTokenDrawer}\n    </GenericScreen>\n  );\n};\n\ntype SelectTokenProps = SelectTokenDialogProps & SelectTokenContentProps;\n\nconst SelectTokenContent = ({\n  tokenType,\n  ...tokenContentProps\n}: SelectTokenProps) => {\n  const SelectTokenContentComp =\n    tokenType === \"from\" ? SelectTokenFromContent : SelectTokenToContent;\n\n  return <SelectTokenContentComp {...tokenContentProps} />;\n};\n\ntype SelectTokenContentProps = {\n  onSelectImportToken: UseImportTokenDrawerReturn[\"onOpenImportTokenDrawer\"];\n  onClose?: () => void;\n  onSelect?: (token: Token) => void;\n  selectableChains?: SupportedChainId[];\n  headerProps: GenericScreenHeaderProps;\n};\n\nconst networkSwitcherListClasses = {\n  root: \"rounded-r-xxl\",\n} as const;\n\nconst SelectTokenFromContent = ({\n  onClose,\n  onSelect: _onSelect,\n  onSelectImportToken,\n  selectableChains: _selectableChains,\n  headerProps,\n}: SelectTokenContentProps) => {\n  const appChainId = useChainId();\n\n  const [selectedChainId, setSelectedChainId] =\n    useState<SupportedChainId>(appChainId);\n\n  const enabledSrcChains = useEnabledSrcChains();\n  const selectableChains = _selectableChains ?? enabledSrcChains;\n  const hasMultipleChains = selectableChains.length > 1;\n\n  const { isOverMd } = useBreakpoints();\n  const showNetworksSidebar = isOverMd && hasMultipleChains;\n\n  useEffect(() => {\n    // keep selectedChainId in sync with appChainId\n    setSelectedChainId(appChainId);\n  }, [appChainId]);\n\n  const {\n    effectiveInputValue,\n    inputValue,\n    handleInputValueChange,\n    clearInputValue,\n  } = useDeferredInputState();\n\n  const onSelect = (token: Token) => {\n    onClose?.();\n    _onSelect?.(token);\n  };\n\n  const onSelectToken: RegularTokenListProps[\"onSelectToken\"] = (token) => {\n    if (token.fetchedOnChain) {\n      assertProp(token, \"symbol\");\n\n      onSelectImportToken({ token, onConfirmAction: \"set-token-from\" });\n    } else {\n      onSelect(token);\n    }\n  };\n\n  const networkSwitcherProps: ArbitraryNetworkSwitcherProps = {\n    onSelect: (chainId) => chainId !== \"all\" && setSelectedChainId(chainId),\n    selectedNetwork: selectedChainId,\n    networks: selectableChains,\n    showCheckIcon: !showNetworksSidebar,\n  };\n\n  return (\n    <SelectTokenLayout\n      showNetworksSidebar={showNetworksSidebar}\n      headerProps={headerProps}\n      networkSwitcherListProps={\n        showNetworksSidebar\n          ? {\n              ...networkSwitcherProps,\n              classes: networkSwitcherListClasses,\n            }\n          : undefined\n      }\n    >\n      <TokenSearch\n        value={inputValue}\n        onChange={handleInputValueChange}\n        clearSearch={clearInputValue}\n        compactNetworkSwitcherProps={\n          !showNetworksSidebar\n            ? {\n                ...networkSwitcherProps,\n                dropdownProps: { align: \"end\" },\n                disabled: !hasMultipleChains,\n              }\n            : undefined\n        }\n        classes={{\n          input: cn({\n            \"pr-[42px] h-[40px] dark:bg-contrast-2\": showNetworksSidebar,\n          }),\n        }}\n      />\n      <TokenCloud\n        onSelectToken={onSelect}\n        forcedChainId={selectedChainId}\n        showNetworkIcon\n      />\n      <RegularTokenList\n        tokenFilter={effectiveInputValue}\n        onSelectToken={onSelectToken}\n        forcedChainId={selectedChainId}\n        className=\"flex-1\"\n      />\n    </SelectTokenLayout>\n  );\n};\n\nconst SelectTokenToContent = ({\n  onClose,\n  onSelect: _onSelect,\n  onSelectImportToken,\n  selectableChains: _selectableChains,\n  headerProps,\n}: SelectTokenContentProps) => {\n  const tradeMode = useTradeMode();\n  const isSwap = tradeMode === \"swap\";\n  const isLimit = tradeMode === \"limit\";\n  const isOTC = tradeMode === \"otc\";\n  const isTwap = tradeMode === \"twap\";\n\n  // types also expect \"otc\" here,\n  // but only \"swap\", \"limit\" and \"twap\" are actually possible for across mode\n  let acrossMode: BridgeInfoMode;\n  if (isLimit) {\n    acrossMode = \"limit\";\n  } else if (isTwap) {\n    acrossMode = \"twap\";\n  } else {\n    acrossMode = \"swap\";\n  }\n\n  // @TODO reenable TWAP crosschain when ready on the API\n  const modeSupportsCrosschain = isSwap || isLimit; /* || isTwap */\n\n  // otc doesn't support destToken=ETH\n  const includeNativeTokenInList = !isOTC;\n\n  const appChainId = useChainId();\n  const swapChainTo = useSwapChainTo();\n  const limitChainTo = useLimitChainTo();\n  const twapChainTo = useTwapChainTo();\n\n  let initialChainId = appChainId;\n  if (isSwap && swapChainTo) {\n    initialChainId = swapChainTo;\n  } else if (isLimit && limitChainTo) {\n    initialChainId = limitChainTo;\n  } else if (isTwap && twapChainTo) {\n    initialChainId = twapChainTo;\n  }\n  const [selectedChainId, setSelectedChainId] =\n    useState<SupportedChainId>(initialChainId);\n\n  const enabledDestChains = useSelectableDestChains({\n    fromChainId: appChainId,\n    mode: acrossMode,\n  }).selectableChains;\n  const selectableChains = _selectableChains ?? enabledDestChains;\n  const hasMultipleChains = selectableChains.length > 1;\n\n  const { isOverMd } = useBreakpoints();\n\n  const chainSwitchingDisabled = !modeSupportsCrosschain || !hasMultipleChains;\n  const showNetworksSidebar = isOverMd && !chainSwitchingDisabled;\n\n  const isChainSelectable = (chainId: SupportedChainId) =>\n    selectableChains?.includes(chainId) ?? false;\n\n  // keep track if selectedChainId is still selectable\n  // - if yes, keep it and don't change\n  // - if not, try to set to appChainId\n  // - else set to first selectable chain\n  const chainToSet = isChainSelectable(selectedChainId)\n    ? selectedChainId\n    : isChainSelectable(appChainId)\n      ? appChainId\n      : selectableChains[0];\n  const shouldSetChainId = chainToSet !== selectedChainId;\n\n  useEffect(() => {\n    if (!shouldSetChainId) return;\n\n    if (chainToSet) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setSelectedChainId(chainToSet);\n    } else {\n      onClose?.();\n    }\n  }, [chainToSet, onClose, shouldSetChainId]);\n\n  const {\n    effectiveInputValue,\n    inputValue,\n    handleInputValueChange,\n    clearInputValue,\n  } = useDeferredInputState();\n\n  const onSelect = (token: Token) => {\n    onClose?.();\n    _onSelect?.(token);\n  };\n\n  const isCrossChain = selectedChainId !== appChainId;\n\n  const onSelectToken: RegularTokenListProps[\"onSelectToken\"] = (token) => {\n    if (token.fetchedOnChain) {\n      assertProp(token, \"symbol\");\n\n      onSelectImportToken({ token, onConfirmAction: \"set-token-to\" });\n    } else {\n      onSelect(token);\n    }\n  };\n\n  const networkSwitcherProps: ArbitraryNetworkSwitcherProps = {\n    onSelect: (chainId) => chainId !== \"all\" && setSelectedChainId(chainId),\n    selectedNetwork: selectedChainId,\n    networks: selectableChains,\n    showCheckIcon: !showNetworksSidebar,\n  };\n\n  return (\n    <SelectTokenLayout\n      showNetworksSidebar={showNetworksSidebar}\n      headerProps={headerProps}\n      networkSwitcherListProps={\n        showNetworksSidebar\n          ? {\n              ...networkSwitcherProps,\n              classes: networkSwitcherListClasses,\n            }\n          : undefined\n      }\n    >\n      <TokenSearch\n        value={inputValue}\n        onChange={handleInputValueChange}\n        clearSearch={clearInputValue}\n        compactNetworkSwitcherProps={\n          !showNetworksSidebar\n            ? {\n                ...networkSwitcherProps,\n                disabled: chainSwitchingDisabled,\n                dropdownProps: {\n                  align: \"end\",\n                },\n              }\n            : undefined\n        }\n        classes={{\n          input: cn({\n            \"pr-[42px] h-[40px] dark:bg-contrast-2\": showNetworksSidebar,\n          }),\n        }}\n      />\n      {!isCrossChain ? (\n        <>\n          <TokenCloud\n            onSelectToken={onSelect}\n            forcedChainId={selectedChainId}\n            showNetworkIcon\n            withETH={includeNativeTokenInList}\n          />\n          <RegularTokenList\n            tokenFilter={effectiveInputValue}\n            onSelectToken={onSelectToken}\n            forcedChainId={selectedChainId}\n            className=\"flex-1\"\n            withETH={includeNativeTokenInList}\n            // when crosschain disallowed, don't search on other chains by tokenFilter\n            singleChainTokensOnly={chainSwitchingDisabled}\n            selectableChains={selectableChains}\n          />\n        </>\n      ) : (\n        <AcrossTokenLists\n          tokenFilter={effectiveInputValue}\n          onSelect={onSelect}\n          fromChainId={appChainId}\n          toChainId={selectedChainId}\n          className=\"flex-1\"\n          mode={acrossMode}\n        />\n      )}\n    </SelectTokenLayout>\n  );\n};\n\nconst SelectTokenLayout = ({\n  showNetworksSidebar,\n  networkSwitcherListProps,\n  headerProps,\n  children,\n}: PropsWithChildren<{\n  showNetworksSidebar: boolean;\n  networkSwitcherListProps?: NetworkSwitcherListProps;\n  headerProps: GenericScreenHeaderProps;\n}>) => {\n  return (\n    <div\n      className={cn({\n        \"grid grid-cols-[auto_minmax(0,140px)] bg-contrast-9 dark:bg-contrast-2 rounded-xxl\":\n          showNetworksSidebar,\n      })}\n    >\n      <div\n        className={cn({\n          \"bg-contrast-8 dark:bg-contrast-1 rounded-xxl\": showNetworksSidebar,\n        })}\n      >\n        <GenericScreenHeader {...headerProps} />\n        {/* 448px height to fit search bar + two rows of token cloud + five token rows */}\n        <div className=\"flex flex-col gap-y-3 h-[448px] pb-6\">{children}</div>\n      </div>\n      {showNetworksSidebar && networkSwitcherListProps && (\n        <NetworkSwitcherList {...networkSwitcherListProps} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/Duration/Duration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Duration.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Duration/Duration.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,QAAQ,GAAI,mCAItB;IACD,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,WAAW,CAAC,MAAM,CAAC,4CA8CtB,CAAC"}
+{"version":3,"file":"Duration.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Duration/Duration.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,eAAO,MAAM,QAAQ,GAAI,mCAItB;IACD,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,WAAW,CAAC,MAAM,CAAC,4CAgCtB,CAAC"}

package/dist/components/widget/Duration/Duration.js

@@ -7,39 +7,32 @@ import { jsx as i, jsxs as a } from "react/jsx-runtime";
 var o = (a) => {
 	let o = r(10), { timeMs: c, classes: l, showSeconds: u } = a, d = u === void 0 ? !1 : u, f;
 	if (o[0] !== d || o[1] !== c) {
-		let e = t(c), r;
-		if (d) {
-			let t = e.asSeconds();
-			r = t === 60 ? {
-				value: 60,
-				unit: "s"
-			} : {
-				value: t >= 1 ? e.seconds() : null,
-				unit: "s"
-			};
-		}
+		let e = t(c);
 		f = [
 			{
-				value: e.asYears() > 1 ? e.years() : null,
+				value: e.asYears() >= 1 ? e.years() : null,
 				unit: "y"
 			},
 			{
-				value: e.asMonths() > 1 ? e.months() : null,
+				value: e.asMonths() >= 1 ? e.months() : null,
 				unit: "mo"
 			},
 			{
-				value: e.asDays() > 1 ? e.days() : null,
+				value: e.asDays() >= 1 ? e.days() : null,
 				unit: "d"
 			},
 			{
-				value: e.asHours() > 1 ? e.hours() : null,
+				value: e.asHours() >= 1 ? e.hours() : null,
 				unit: "h"
 			},
 			{
-				value: e.asMinutes() > 1 ? e.minutes() : null,
+				value: e.asMinutes() >= 1 ? e.minutes() : null,
 				unit: "m"
 			},
-			d && r
+			d && {
+				value: e.asSeconds() >= 1 ? e.seconds() : null,
+				unit: "s"
+			}
 		].filter(n), o[0] = d, o[1] = c, o[2] = f;
 	} else f = o[2];
 	let p = f, m = l?.root, h;

package/dist/components/widget/Duration/Duration.js.map

@@ -1 +1 @@
-{"version":3,"file":"Duration.js","names":["cn","getDuration","WithClasses","isPartWithValue","DurationPart","Duration","t0","$","_c","timeMs","classes","showSeconds","t1","undefined","t2","duration","asSecondsPart","asSeconds","seconds","unit","value","asYears","years","asMonths","months","asDays","days","asHours","hours","asMinutes","minutes","filter","parts","t3","root","t4","t5","length","map","_temp","t6","part","i"],"sources":["../../../../src/components/widget/Duration/Duration.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { getDuration } from \"@/lib/utils/time\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { isPartWithValue } from \"./utils\";\nimport type { DurationPart } from \"./types\";\n\nexport const Duration = ({\n  timeMs,\n  classes,\n  showSeconds = false,\n}: {\n  timeMs: number;\n  showSeconds?: boolean;\n} & WithClasses<\"root\">) => {\n  const duration = getDuration(timeMs);\n\n  let asSecondsPart: DurationPart | undefined;\n  if (showSeconds) {\n    // duration.seconds() for exactly 60 seconds returns 0, so we have to handle this case separately\n    const asSeconds = duration.asSeconds();\n    if (asSeconds === 60) {\n      asSecondsPart = {\n        value: 60,\n        unit: \"s\",\n      };\n    } else {\n      asSecondsPart = {\n        value: asSeconds >= 1 ? duration.seconds() : null,\n        unit: \"s\",\n      };\n    }\n  }\n\n  const parts = [\n    { value: duration.asYears() > 1 ? duration.years() : null, unit: \"y\" },\n    { value: duration.asMonths() > 1 ? duration.months() : null, unit: \"mo\" },\n    { value: duration.asDays() > 1 ? duration.days() : null, unit: \"d\" },\n    { value: duration.asHours() > 1 ? duration.hours() : null, unit: \"h\" },\n    { value: duration.asMinutes() > 1 ? duration.minutes() : null, unit: \"m\" },\n    showSeconds && asSecondsPart,\n  ].filter(isPartWithValue);\n\n  return (\n    <div\n      className={cn(\n        \"text-xs flex gap-1 items-center dark:text-contrast-7\",\n        classes?.root\n      )}\n    >\n      {!parts.length\n        ? \"-\"\n        : parts.map((part, i) => (\n            <span key={i}>\n              <span>{part.value}</span>\n              <span>{part.unit}</span>\n            </span>\n          ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaK,KAAWC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,WAAAC,YAAAC,aAAAC,MAAAN,GAGvBK,IAAAC,MAAAC,KAAAA,IAAA,KAAAD,GAAmBE;AAAA,KAAAP,EAAA,OAAAI,KAAAJ,EAAA,OAAAE,GAAA;EAKnB,IAAAM,IAAiBd,EAAYQ,EAAO,EAEhCO;AACJ,MAAIL,GAAW;GAEb,IAAAM,IAAkBF,EAAQE,WAAY;AACtC,GAMED,IANEC,MAAc,KACAD;IAAAA,OACPA;IAAEA,MACHA;IACP,GAEeA;IAAAA,OACPC,KAAa,IAAIF,EAAQG,SAAiB,GAA1C;IAA0CC,MAC3C;IACP;;AAWoBZ,EAPXO,IAAA;GACZ;IAAAM,OAASL,EAAQM,SAAU,GAAG,IAAIN,EAAQO,OAAe,GAAhD;IAAgDH,MAAQ;IAAK;GACtE;IAAAC,OAASL,EAAQQ,UAAW,GAAG,IAAIR,EAAQS,QAAgB,GAAlD;IAAkDL,MAAQ;IAAM;GACzE;IAAAC,OAASL,EAAQU,QAAS,GAAG,IAAIV,EAAQW,MAAc,GAA9C;IAA8CP,MAAQ;IAAK;GACpE;IAAAC,OAASL,EAAQY,SAAU,GAAG,IAAIZ,EAAQa,OAAe,GAAhD;IAAgDT,MAAQ;IAAK;GACtE;IAAAC,OAASL,EAAQc,WAAY,GAAG,IAAId,EAAQe,SAAiB,GAApD;IAAoDX,MAAQ;IAAK;GAC1ER,KAAAK;GACD,CAAAe,OAAQ5B,EAAgB,EAAAI,EAAA,KAAAI,GAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAO;OAAAA,KAAAP,EAAA;CAPzB,IAAAyB,IAAclB,GAaRmB,IAAAvB,GAAOwB,MAAMC;AAAA,CAAA5B,EAAA,OAAA0B,IACdE,IAAA5B,EAAA,MAHU4B,IAAAnC,EACT,wDACAiC,EACD,EAAA1B,EAAA,KAAA0B,GAAA1B,EAAA,KAAA4B;CAAA,IAAAC;AAAA,CAAA7B,EAAA,OAAAyB,IASKI,IAAA7B,EAAA,MAPL6B,IAACJ,EAAKK,SAEHL,EAAKM,IAAKC,EAKR,GAPL,KAOKhC,EAAA,KAAAyB,GAAAzB,EAAA,KAAA6B;CAAA,IAAAI;AACF,QADEjC,EAAA,OAAA4B,KAAA5B,EAAA,OAAA6B,KAbRI,IAAA,kBAAA,OAAA;EACa,WAAAL;YAKVC;EAQG,CAAA,EAAA7B,EAAA,KAAA4B,GAAA5B,EAAA,KAAA6B,GAAA7B,EAAA,KAAAiC,KAAAA,IAAAjC,EAAA,IAdNiC;;AArCoB,SAAAD,EAAAE,GAAAC,GAAA;AAAA,QA8CZ,kBAAA,QAAA,EAAA,UAAA,CACE,kBAAA,QAAA,EAAA,UAAOD,EAAIrB,OACX,CAAA,EAAA,kBAAA,QAAA,EAAA,UAAOqB,EAAItB,MACb,CAAA,CAAO,EAAA,EAHIuB,EAGJ"}
+{"version":3,"file":"Duration.js","names":["cn","getDuration","WithClasses","isPartWithValue","Duration","t0","$","_c","timeMs","classes","showSeconds","t1","undefined","t2","duration","value","asYears","years","unit","asMonths","months","asDays","days","asHours","hours","asMinutes","minutes","asSeconds","seconds","filter","parts","t3","root","t4","t5","length","map","_temp","t6","part","i"],"sources":["../../../../src/components/widget/Duration/Duration.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { getDuration } from \"@/lib/utils/time\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { isPartWithValue } from \"./utils\";\n\nexport const Duration = ({\n  timeMs,\n  classes,\n  showSeconds = false,\n}: {\n  timeMs: number;\n  showSeconds?: boolean;\n} & WithClasses<\"root\">) => {\n  const duration = getDuration(timeMs);\n\n  const parts = [\n    { value: duration.asYears() >= 1 ? duration.years() : null, unit: \"y\" },\n    { value: duration.asMonths() >= 1 ? duration.months() : null, unit: \"mo\" },\n    { value: duration.asDays() >= 1 ? duration.days() : null, unit: \"d\" },\n    { value: duration.asHours() >= 1 ? duration.hours() : null, unit: \"h\" },\n    { value: duration.asMinutes() >= 1 ? duration.minutes() : null, unit: \"m\" },\n    showSeconds && {\n      value: duration.asSeconds() >= 1 ? duration.seconds() : null,\n      unit: \"s\",\n    },\n  ].filter(isPartWithValue);\n\n  return (\n    <div\n      className={cn(\n        \"text-xs flex gap-1 items-center dark:text-contrast-7\",\n        classes?.root\n      )}\n    >\n      {!parts.length\n        ? \"-\"\n        : parts.map((part, i) => (\n            <span key={i}>\n              <span>{part.value}</span>\n              <span>{part.unit}</span>\n            </span>\n          ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAKA,IAAaI,KAAWC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,WAAAC,YAAAC,aAAAC,MAAAN,GAGvBK,IAAAC,MAAAC,KAAAA,IAAA,KAAAD,GAAmBE;AAAA,KAAAP,EAAA,OAAAI,KAAAJ,EAAA,OAAAE,GAAA;EAKnB,IAAAM,IAAiBb,EAAYO,EAAO;AAYXF,EAVXO,IAAA;GACZ;IAAAE,OAASD,EAAQE,SAAU,IAAI,IAAIF,EAAQG,OAAe,GAAjD;IAAiDC,MAAQ;IAAK;GACvE;IAAAH,OAASD,EAAQK,UAAW,IAAI,IAAIL,EAAQM,QAAgB,GAAnD;IAAmDF,MAAQ;IAAM;GAC1E;IAAAH,OAASD,EAAQO,QAAS,IAAI,IAAIP,EAAQQ,MAAc,GAA/C;IAA+CJ,MAAQ;IAAK;GACrE;IAAAH,OAASD,EAAQS,SAAU,IAAI,IAAIT,EAAQU,OAAe,GAAjD;IAAiDN,MAAQ;IAAK;GACvE;IAAAH,OAASD,EAAQW,WAAY,IAAI,IAAIX,EAAQY,SAAiB,GAArD;IAAqDR,MAAQ;IAAK;GAC3ER,KAAA;IAAAK,OACSD,EAAQa,WAAY,IAAI,IAAIb,EAAQc,SAAiB,GAArD;IAAqDV,MACtD;IACP;GACF,CAAAW,OAAQ1B,EAAgB,EAAAG,EAAA,KAAAI,GAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAO;OAAAA,KAAAP,EAAA;CAVzB,IAAAwB,IAAcjB,GAgBRkB,IAAAtB,GAAOuB,MAAMC;AAAA,CAAA3B,EAAA,OAAAyB,IACdE,IAAA3B,EAAA,MAHU2B,IAAAjC,EACT,wDACA+B,EACD,EAAAzB,EAAA,KAAAyB,GAAAzB,EAAA,KAAA2B;CAAA,IAAAC;AAAA,CAAA5B,EAAA,OAAAwB,IASKI,IAAA5B,EAAA,MAPL4B,IAACJ,EAAKK,SAEHL,EAAKM,IAAKC,EAKR,GAPL,KAOK/B,EAAA,KAAAwB,GAAAxB,EAAA,KAAA4B;CAAA,IAAAI;AACF,QADEhC,EAAA,OAAA2B,KAAA3B,EAAA,OAAA4B,KAbRI,IAAA,kBAAA,OAAA;EACa,WAAAL;YAKVC;EAQG,CAAA,EAAA5B,EAAA,KAAA2B,GAAA3B,EAAA,KAAA4B,GAAA5B,EAAA,KAAAgC,KAAAA,IAAAhC,EAAA,IAdNgC;;AAvBoB,SAAAD,EAAAE,GAAAC,GAAA;AAAA,QAgCZ,kBAAA,QAAA,EAAA,UAAA,CACE,kBAAA,QAAA,EAAA,UAAOD,EAAIxB,OACX,CAAA,EAAA,kBAAA,QAAA,EAAA,UAAOwB,EAAIrB,MACb,CAAA,CAAO,EAAA,EAHIsB,EAGJ"}

package/dist/components/widget/TradeOverview/TradeComplete/utils.js

@@ -85,23 +85,23 @@ function r({ result: t }) {
 		};
 	}
 	if (t.tradeFlowType === "twapOrder") {
-		let n = t.twapOrder.sentOrder, { srcToken: r, destToken: i, srcAmount: a, destAmount: o, swapSide: s } = e(n);
+		let { srcToken: n, destToken: r, srcAmount: i, destAmount: a, swapSide: o } = e(t.twapOrder.lastOrderState || t.twapOrder.sentOrder);
 		return {
-			fromAmountWei: a,
-			toAmountWei: o,
+			fromAmountWei: i,
+			toAmountWei: a,
 			tokensMap: {
-				[r]: {
-					token: r,
-					sentAmount: BigInt(a),
+				[n]: {
+					token: n,
+					sentAmount: BigInt(i),
 					receivedAmount: 0n
 				},
-				[i]: {
-					token: i,
+				[r]: {
+					token: r,
 					sentAmount: 0n,
-					receivedAmount: BigInt(o)
+					receivedAmount: BigInt(a)
 				}
 			},
-			isBuy: s === "BUY"
+			isBuy: o === "BUY"
 		};
 	}
 	let { srcToken: n, destToken: r } = t.marketPrice, i = t.marketPrice.srcAmount, a = t.marketPrice.destAmount;

package/dist/components/widget/TradeOverview/TradeComplete/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["formatTokenBalanceClean","TradeFlowResult","calcRate","MinTradeFlowToken","Big","Address","TokenTransfers","getUnifiedDeltaOrderData","ResultAmounts","fromAmountWei","toAmountWei","fromAmountUnit","toAmountUnit","rateStr","rate","rateFormatted","RawAmountsAndSide","tokensMap","Record","isBuy","ResultAmountsInput","fromToken","toToken","getExpectedTransferAmounts","result","tradeFlowType","order","deltaOrder","lastOrderState","sentOrder","srcToken","destToken","srcAmount","destAmount","swapSide","token","sentAmount","BigInt","receivedAmount","limitOrder","makerAsset","takerAsset","otcOrder","makerAmount","takerAmount","fill","twapOrder","marketPrice","side","getResultAmounts","undefined","decimals","rates","symbol","address","toString","SurplusAmounts","expectedAmount","diffWei","diffUnit","surplusStr","SurplusAmountsInput","getSurplusAmounts","txs","transactions","length","actualReceived","reduce","acc","tx","Number"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/utils.ts"],"sourcesContent":["import { formatTokenBalanceClean } from \"@/lib/utils/formatTokenBalance\";\nimport type { TradeFlowResult } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { MinTradeFlowToken } from \"../TradeDetails\";\nimport type Big from \"big.js\";\nimport type { Address } from \"viem\";\nimport type { TokenTransfers } from \"@/tokens/utils/transferAmountsFromReceipt\";\nimport { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype ResultAmounts = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  fromAmountUnit: string;\n  toAmountUnit: string;\n  rateStr: string | null;\n  rate?: Big;\n  rateFormatted?: string;\n};\n\ntype RawAmountsAndSide = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  tokensMap: Record<Address, TokenTransfers>;\n  isBuy: boolean;\n};\n\ntype ResultAmountsInput = {\n  fromAmountWei?: string | bigint;\n  toAmountWei?: string | bigint;\n  isBuy?: boolean;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getExpectedTransferAmounts({\n  result,\n}: {\n  result?: TradeFlowResult;\n}): RawAmountsAndSide | undefined {\n  if (!result) {\n    return;\n  }\n\n  if (result.tradeFlowType === \"deltaOrder\") {\n    const order =\n      result.deltaOrder.lastOrderState || result.deltaOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n      swapSide,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy,\n    };\n  }\n\n  if (result.tradeFlowType === \"limitOrder\") {\n    const order = result.limitOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"otcOrder\") {\n    const { makerAsset, takerAsset } = result.otcOrder.sentOrder;\n\n    const fromAmountWei = result.otcOrder.sentOrder.makerAmount;\n    const toAmountWei = result.otcOrder.sentOrder.takerAmount;\n\n    const tokensMap = {\n      [makerAsset]: {\n        // token was sent\n        token: makerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [takerAsset]: {\n        // token was received\n        token: takerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"fillOtcOrder\") {\n    const { makerAsset, takerAsset } = result.fill.order;\n\n    const fromAmountWei = result.fill.order.takerAmount;\n    const toAmountWei = result.fill.order.makerAmount;\n\n    const tokensMap = {\n      [takerAsset]: {\n        // token was sent\n        token: takerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [makerAsset]: {\n        // token was received\n        token: makerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"twapOrder\") {\n    const order = result.twapOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n      swapSide,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy,\n    };\n  }\n\n  // result.tradeFlowType === \"marketSwap\" is the one left\n  const { srcToken, destToken } = result.marketPrice;\n  const fromAmountWei = result.marketPrice.srcAmount;\n  const toAmountWei = result.marketPrice.destAmount;\n\n  const tokensMap = {\n    [srcToken]: {\n      token: srcToken as Address,\n      sentAmount: BigInt(fromAmountWei),\n      receivedAmount: 0n,\n    },\n    [destToken]: {\n      token: destToken as Address,\n      sentAmount: 0n,\n      receivedAmount: BigInt(toAmountWei),\n    },\n  };\n\n  return {\n    fromAmountWei,\n    toAmountWei,\n    tokensMap,\n    isBuy: result.marketPrice.side === \"BUY\",\n  };\n}\n\nexport function getResultAmounts({\n  fromAmountWei,\n  toAmountWei,\n  isBuy,\n  fromToken,\n  toToken,\n}: ResultAmountsInput): ResultAmounts {\n  if (!fromAmountWei || !toAmountWei || isBuy === undefined) {\n    return {\n      fromAmountWei: \"0\",\n      toAmountWei: \"0\",\n      fromAmountUnit: \"0\",\n      toAmountUnit: \"0\",\n      rateStr: null,\n    };\n  }\n\n  const fromAmountUnit = formatTokenBalanceClean(\n    fromAmountWei,\n    fromToken.decimals\n  );\n  const toAmountUnit = formatTokenBalanceClean(toAmountWei, toToken.decimals);\n\n  const { srcToken, destToken, srcAmount, destAmount } = isBuy\n    ? {\n        srcToken: fromToken,\n        destToken: toToken,\n        srcAmount: fromAmountUnit,\n        destAmount: toAmountUnit,\n      }\n    : {\n        srcToken: toToken,\n        destToken: fromToken,\n        srcAmount: toAmountUnit,\n        destAmount: fromAmountUnit,\n      };\n\n  const rates = calcRate(srcAmount, destAmount);\n  const rateStr = rates\n    ? `1 ${srcToken.symbol ?? srcToken.address} = ${rates.rateFormatted} ${destToken.symbol ?? destToken.address}`\n    : null;\n\n  return {\n    fromAmountWei: fromAmountWei.toString(),\n    toAmountWei: toAmountWei.toString(),\n    fromAmountUnit,\n    toAmountUnit,\n    ...rates,\n    rateStr,\n  };\n}\n\ntype SurplusAmounts = {\n  expectedAmount: bigint;\n  receivedAmount: bigint;\n  diffWei: bigint;\n  diffUnit: string;\n  surplusStr: string | null;\n};\n\ntype SurplusAmountsInput = {\n  result?: TradeFlowResult;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getSurplusAmounts({\n  result,\n  toToken,\n}: SurplusAmountsInput): SurplusAmounts | null {\n  if (!result) {\n    return null;\n  }\n\n  if (result.tradeFlowType !== \"deltaOrder\") {\n    // @TODO add surplus calc from SwapTx Receipt\n    return null;\n  }\n\n  const txs = result.deltaOrder.lastOrderState?.transactions;\n  if (!txs || txs.length === 0) {\n    return null;\n  }\n\n  // @TODO check that expectedDestAmount is the amount shown at Order creation, not destAmount (=minAmount)\n  const expectedAmount = BigInt(\n    result.deltaOrder.lastOrderState?.order.expectedAmount ||\n      result.deltaOrder.sentOrder.order.expectedAmount\n  );\n\n  const actualReceived = txs.reduce((acc, tx) => {\n    return acc + BigInt(tx.receivedAmount);\n  }, 0n);\n\n  const diffWei = actualReceived - expectedAmount;\n\n  const diffUnit = formatTokenBalanceClean(diffWei, toToken.decimals, 2);\n  //                            don't show 0.00%\n  const surplusStr = Number(diffUnit) > 0 ? diffUnit : null;\n\n  return {\n    expectedAmount,\n    receivedAmount: actualReceived,\n    diffWei,\n    diffUnit,\n    surplusStr,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["formatTokenBalanceClean","TradeFlowResult","calcRate","MinTradeFlowToken","Big","Address","TokenTransfers","getUnifiedDeltaOrderData","ResultAmounts","fromAmountWei","toAmountWei","fromAmountUnit","toAmountUnit","rateStr","rate","rateFormatted","RawAmountsAndSide","tokensMap","Record","isBuy","ResultAmountsInput","fromToken","toToken","getExpectedTransferAmounts","result","tradeFlowType","order","deltaOrder","lastOrderState","sentOrder","srcToken","destToken","srcAmount","destAmount","swapSide","token","sentAmount","BigInt","receivedAmount","limitOrder","makerAsset","takerAsset","otcOrder","makerAmount","takerAmount","fill","twapOrder","marketPrice","side","getResultAmounts","undefined","decimals","rates","symbol","address","toString","SurplusAmounts","expectedAmount","diffWei","diffUnit","surplusStr","SurplusAmountsInput","getSurplusAmounts","txs","transactions","length","actualReceived","reduce","acc","tx","Number"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/utils.ts"],"sourcesContent":["import { formatTokenBalanceClean } from \"@/lib/utils/formatTokenBalance\";\nimport type { TradeFlowResult } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { MinTradeFlowToken } from \"../TradeDetails\";\nimport type Big from \"big.js\";\nimport type { Address } from \"viem\";\nimport type { TokenTransfers } from \"@/tokens/utils/transferAmountsFromReceipt\";\nimport { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype ResultAmounts = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  fromAmountUnit: string;\n  toAmountUnit: string;\n  rateStr: string | null;\n  rate?: Big;\n  rateFormatted?: string;\n};\n\ntype RawAmountsAndSide = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  tokensMap: Record<Address, TokenTransfers>;\n  isBuy: boolean;\n};\n\ntype ResultAmountsInput = {\n  fromAmountWei?: string | bigint;\n  toAmountWei?: string | bigint;\n  isBuy?: boolean;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getExpectedTransferAmounts({\n  result,\n}: {\n  result?: TradeFlowResult;\n}): RawAmountsAndSide | undefined {\n  if (!result) {\n    return;\n  }\n\n  if (result.tradeFlowType === \"deltaOrder\") {\n    const order =\n      result.deltaOrder.lastOrderState || result.deltaOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n      swapSide,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy,\n    };\n  }\n\n  if (result.tradeFlowType === \"limitOrder\") {\n    const order = result.limitOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"otcOrder\") {\n    const { makerAsset, takerAsset } = result.otcOrder.sentOrder;\n\n    const fromAmountWei = result.otcOrder.sentOrder.makerAmount;\n    const toAmountWei = result.otcOrder.sentOrder.takerAmount;\n\n    const tokensMap = {\n      [makerAsset]: {\n        // token was sent\n        token: makerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [takerAsset]: {\n        // token was received\n        token: takerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"fillOtcOrder\") {\n    const { makerAsset, takerAsset } = result.fill.order;\n\n    const fromAmountWei = result.fill.order.takerAmount;\n    const toAmountWei = result.fill.order.makerAmount;\n\n    const tokensMap = {\n      [takerAsset]: {\n        // token was sent\n        token: takerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [makerAsset]: {\n        // token was received\n        token: makerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"twapOrder\") {\n    const order = result.twapOrder.lastOrderState || result.twapOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n      swapSide,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy,\n    };\n  }\n\n  // result.tradeFlowType === \"marketSwap\" is the one left\n  const { srcToken, destToken } = result.marketPrice;\n  const fromAmountWei = result.marketPrice.srcAmount;\n  const toAmountWei = result.marketPrice.destAmount;\n\n  const tokensMap = {\n    [srcToken]: {\n      token: srcToken as Address,\n      sentAmount: BigInt(fromAmountWei),\n      receivedAmount: 0n,\n    },\n    [destToken]: {\n      token: destToken as Address,\n      sentAmount: 0n,\n      receivedAmount: BigInt(toAmountWei),\n    },\n  };\n\n  return {\n    fromAmountWei,\n    toAmountWei,\n    tokensMap,\n    isBuy: result.marketPrice.side === \"BUY\",\n  };\n}\n\nexport function getResultAmounts({\n  fromAmountWei,\n  toAmountWei,\n  isBuy,\n  fromToken,\n  toToken,\n}: ResultAmountsInput): ResultAmounts {\n  if (!fromAmountWei || !toAmountWei || isBuy === undefined) {\n    return {\n      fromAmountWei: \"0\",\n      toAmountWei: \"0\",\n      fromAmountUnit: \"0\",\n      toAmountUnit: \"0\",\n      rateStr: null,\n    };\n  }\n\n  const fromAmountUnit = formatTokenBalanceClean(\n    fromAmountWei,\n    fromToken.decimals\n  );\n  const toAmountUnit = formatTokenBalanceClean(toAmountWei, toToken.decimals);\n\n  const { srcToken, destToken, srcAmount, destAmount } = isBuy\n    ? {\n        srcToken: fromToken,\n        destToken: toToken,\n        srcAmount: fromAmountUnit,\n        destAmount: toAmountUnit,\n      }\n    : {\n        srcToken: toToken,\n        destToken: fromToken,\n        srcAmount: toAmountUnit,\n        destAmount: fromAmountUnit,\n      };\n\n  const rates = calcRate(srcAmount, destAmount);\n  const rateStr = rates\n    ? `1 ${srcToken.symbol ?? srcToken.address} = ${rates.rateFormatted} ${destToken.symbol ?? destToken.address}`\n    : null;\n\n  return {\n    fromAmountWei: fromAmountWei.toString(),\n    toAmountWei: toAmountWei.toString(),\n    fromAmountUnit,\n    toAmountUnit,\n    ...rates,\n    rateStr,\n  };\n}\n\ntype SurplusAmounts = {\n  expectedAmount: bigint;\n  receivedAmount: bigint;\n  diffWei: bigint;\n  diffUnit: string;\n  surplusStr: string | null;\n};\n\ntype SurplusAmountsInput = {\n  result?: TradeFlowResult;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getSurplusAmounts({\n  result,\n  toToken,\n}: SurplusAmountsInput): SurplusAmounts | null {\n  if (!result) {\n    return null;\n  }\n\n  if (result.tradeFlowType !== \"deltaOrder\") {\n    // @TODO add surplus calc from SwapTx Receipt\n    return null;\n  }\n\n  const txs = result.deltaOrder.lastOrderState?.transactions;\n  if (!txs || txs.length === 0) {\n    return null;\n  }\n\n  // @TODO check that expectedDestAmount is the amount shown at Order creation, not destAmount (=minAmount)\n  const expectedAmount = BigInt(\n    result.deltaOrder.lastOrderState?.order.expectedAmount ||\n      result.deltaOrder.sentOrder.order.expectedAmount\n  );\n\n  const actualReceived = txs.reduce((acc, tx) => {\n    return acc + BigInt(tx.receivedAmount);\n  }, 0n);\n\n  const diffWei = actualReceived - expectedAmount;\n\n  const diffUnit = formatTokenBalanceClean(diffWei, toToken.decimals, 2);\n  //                            don't show 0.00%\n  const surplusStr = Number(diffUnit) > 0 ? diffUnit : null;\n\n  return {\n    expectedAmount,\n    receivedAmount: actualReceived,\n    diffWei,\n    diffUnit,\n    surplusStr,\n  };\n}\n"],"mappings":"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"}

package/dist/components/widget/Twap/CustomDurationDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomDurationDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Twap/CustomDurationDrawer.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,oDAAoD,CAAC;AAOzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAMnD,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,cAAc,GACf,EAAE;IACD,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,cAAc,CAAC;CAChC,2CA6FA"}
+{"version":3,"file":"CustomDurationDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Twap/CustomDurationDrawer.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,oDAAoD,CAAC;AAOzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQnD,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,cAAc,GACf,EAAE;IACD,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,cAAc,CAAC;CAChC,2CAkGA"}

package/dist/components/widget/Twap/CustomDurationDrawer.js

@@ -1,131 +1,135 @@
 import { useSetAtom as e } from "../../../core/store.js";
-import { twapDurationAtom as t } from "../../../core/twap/state/twapParamsAtom.js";
-import { Button as n } from "../../ui/button.js";
-import { Tooltip as r, TooltipContent as i, TooltipTrigger as a } from "../../ui/tooltip.js";
-import { ControlledDrawer as o } from "../Drawer/index.js";
-import { NumberInput as s } from "../NumberInput/NumberInput.js";
-import { ForwardRef as c } from "../../../assets/two-dots.js";
-import { c as l } from "react-compiler-runtime";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { minutesToMilliseconds as t } from "../../../lib/utils/time.js";
+import { twapDurationAtom as n } from "../../../core/twap/state/twapParamsAtom.js";
+import { Button as r } from "../../ui/button.js";
+import { Tooltip as i, TooltipContent as a, TooltipTrigger as o } from "../../ui/tooltip.js";
+import { ControlledDrawer as s } from "../Drawer/index.js";
+import { Duration as c } from "../Duration/Duration.js";
+import { NumberInput as l } from "../NumberInput/NumberInput.js";
+import { ForwardRef as u } from "../../../assets/two-dots.js";
+import { c as d } from "react-compiler-runtime";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/widget/Twap/CustomDurationDrawer.tsx
-function f(e, t, n) {
+function m(e, t, n) {
 	return e * 24 * 60 + t * 60 + n;
 }
-function p(s) {
-	let p = l(42), { drawerState: h, drawerControls: g } = s, _ = e(t), { days: v, hours: y, minutes: b, setDays: x, setHours: S, setMinutes: C } = h, w = f(v, y, b), T = w < 5, E = w === 0 || T, D = T && g.open, O;
-	p[0] !== g || p[1] !== E || p[2] !== _ || p[3] !== w ? (O = () => {
-		E || (_(w), g.onClose());
-	}, p[0] = g, p[1] = E, p[2] = _, p[3] = w, p[4] = O) : O = p[4];
-	let k = O, A;
-	p[5] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ u("div", {
-		className: "flex items-center h-10",
-		children: /* @__PURE__ */ u(c, {})
-	}), p[5] = A) : A = p[5];
+function h(l) {
+	let h = d(42), { drawerState: _, drawerControls: v } = l, y = e(n), { days: b, hours: x, minutes: S, setDays: C, setHours: w, setMinutes: T } = _, E = m(b, x, S), D = E < 60, O = E === 0 || D, k = D && v.open, A;
+	h[0] !== v || h[1] !== O || h[2] !== y || h[3] !== E ? (A = () => {
+		O || (y(E), v.onClose());
+	}, h[0] = v, h[1] = O, h[2] = y, h[3] = E, h[4] = A) : A = h[4];
 	let j = A, M;
-	p[6] === Symbol.for("react.memo_cache_sentinel") ? (M = { content: "dark:bg-contrast-2" }, p[6] = M) : M = p[6];
-	let N;
-	p[7] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ u("div", {
+	h[5] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ f("div", {
+		className: "flex items-center h-10",
+		children: /* @__PURE__ */ f(u, {})
+	}), h[5] = M) : M = h[5];
+	let N = M, P;
+	h[6] === Symbol.for("react.memo_cache_sentinel") ? (P = { content: "dark:bg-contrast-2" }, h[6] = P) : P = h[6];
+	let F;
+	h[7] === Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ f("div", {
 		className: "text-center text-xs pb-8 px-4 text-contrast-5 dark:text-contrast-6",
 		children: "Set how long this TWAP order should execute. The total size will be split and filled progressively over this duration."
-	}), p[7] = N) : N = p[7];
-	let P;
-	p[8] !== v || p[9] !== x ? (P = /* @__PURE__ */ u(m, {
+	}), h[7] = F) : F = h[7];
+	let I;
+	h[8] !== b || h[9] !== C ? (I = /* @__PURE__ */ f(g, {
 		label: "Days",
-		value: v,
+		value: b,
 		max: 30,
-		onChange: x
-	}), p[8] = v, p[9] = x, p[10] = P) : P = p[10];
-	let F;
-	p[11] !== y || p[12] !== S ? (F = /* @__PURE__ */ u(m, {
-		label: "Hours",
-		value: y,
-		max: 23,
-		onChange: S
-	}), p[11] = y, p[12] = S, p[13] = F) : F = p[13];
-	let I;
-	p[14] !== T || p[15] !== b || p[16] !== C ? (I = /* @__PURE__ */ u(a, {
+		onChange: C
+	}), h[8] = b, h[9] = C, h[10] = I) : I = h[10];
+	let L;
+	h[11] !== x || h[12] !== D || h[13] !== w ? (L = /* @__PURE__ */ f(o, {
 		asChild: !0,
-		children: /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(m, {
-			label: "Minutes",
-			value: b,
-			max: 59,
-			onChange: C,
-			isError: T
+		children: /* @__PURE__ */ f("div", { children: /* @__PURE__ */ f(g, {
+			label: "Hours",
+			value: x,
+			max: 23,
+			onChange: w,
+			isError: D
 		}) })
-	}), p[14] = T, p[15] = b, p[16] = C, p[17] = I) : I = p[17];
-	let L;
-	p[18] === D ? L = p[19] : (L = D && /* @__PURE__ */ d(i, {
+	}), h[11] = x, h[12] = D, h[13] = w, h[14] = L) : L = h[14];
+	let R;
+	h[15] === k ? R = h[16] : (R = k && /* @__PURE__ */ p(a, {
 		side: "bottom",
 		children: [
-			"Minimum TWAP duration is ",
-			5,
+			"Minimum TWAP duration is",
 			" ",
-			"minutes"
+			/* @__PURE__ */ f(c, {
+				timeMs: t(60),
+				showSeconds: !0
+			})
 		]
-	}), p[18] = D, p[19] = L);
-	let R;
-	p[20] !== D || p[21] !== I || p[22] !== L ? (R = /* @__PURE__ */ d(r, {
-		open: D,
-		children: [I, L]
-	}), p[20] = D, p[21] = I, p[22] = L, p[23] = R) : R = p[23];
+	}), h[15] = k, h[16] = R);
 	let z;
-	p[24] !== P || p[25] !== F || p[26] !== R ? (z = /* @__PURE__ */ d("div", { children: [N, /* @__PURE__ */ d("div", {
+	h[17] !== k || h[18] !== L || h[19] !== R ? (z = /* @__PURE__ */ p(i, {
+		open: k,
+		children: [L, R]
+	}), h[17] = k, h[18] = L, h[19] = R, h[20] = z) : z = h[20];
+	let B;
+	h[21] !== S || h[22] !== T ? (B = /* @__PURE__ */ f(g, {
+		label: "Minutes",
+		value: S,
+		max: 59,
+		onChange: T
+	}), h[21] = S, h[22] = T, h[23] = B) : B = h[23];
+	let V;
+	h[24] !== I || h[25] !== z || h[26] !== B ? (V = /* @__PURE__ */ p("div", { children: [F, /* @__PURE__ */ p("div", {
 		className: "grid grid-cols-[1fr_auto_1fr_auto_1fr] items-end gap-2",
 		children: [
-			P,
-			j,
-			F,
-			j,
-			R
+			I,
+			N,
+			z,
+			N,
+			B
 		]
-	})] }), p[24] = P, p[25] = F, p[26] = R, p[27] = z) : z = p[27];
-	let B;
-	p[28] !== k || p[29] !== E ? (B = /* @__PURE__ */ u(n, {
-		onClick: k,
-		disabled: E,
+	})] }), h[24] = I, h[25] = z, h[26] = B, h[27] = V) : V = h[27];
+	let H;
+	h[28] !== j || h[29] !== O ? (H = /* @__PURE__ */ f(r, {
+		onClick: j,
+		disabled: O,
 		radius: "sm",
 		className: "h-10",
 		children: "Save"
-	}), p[28] = k, p[29] = E, p[30] = B) : B = p[30];
-	let V;
-	p[31] === g.onClose ? V = p[32] : (V = /* @__PURE__ */ u(n, {
+	}), h[28] = j, h[29] = O, h[30] = H) : H = h[30];
+	let U;
+	h[31] === v.onClose ? U = h[32] : (U = /* @__PURE__ */ f(r, {
 		variant: "secondary",
-		onClick: g.onClose,
+		onClick: v.onClose,
 		radius: "sm",
 		className: "h-10",
 		children: "Dismiss"
-	}), p[31] = g.onClose, p[32] = V);
-	let H;
-	p[33] !== B || p[34] !== V ? (H = /* @__PURE__ */ d("div", {
+	}), h[31] = v.onClose, h[32] = U);
+	let W;
+	h[33] !== H || h[34] !== U ? (W = /* @__PURE__ */ p("div", {
 		className: "flex flex-col gap-4",
-		children: [B, V]
-	}), p[33] = B, p[34] = V, p[35] = H) : H = p[35];
-	let U;
-	p[36] !== z || p[37] !== H ? (U = /* @__PURE__ */ d("div", {
+		children: [H, U]
+	}), h[33] = H, h[34] = U, h[35] = W) : W = h[35];
+	let G;
+	h[36] !== V || h[37] !== W ? (G = /* @__PURE__ */ p("div", {
 		className: "flex flex-col gap-14 px-6 pt-2 pb-8",
-		children: [z, H]
-	}), p[36] = z, p[37] = H, p[38] = U) : U = p[38];
-	let W;
-	return p[39] !== g || p[40] !== U ? (W = /* @__PURE__ */ u(o, {
-		...g,
+		children: [V, W]
+	}), h[36] = V, h[37] = W, h[38] = G) : G = h[38];
+	let K;
+	return h[39] !== v || h[40] !== G ? (K = /* @__PURE__ */ f(s, {
+		...v,
 		title: "Custom Order Duration",
 		showCloseButton: !0,
-		classes: M,
-		children: U
-	}), p[39] = g, p[40] = U, p[41] = W) : W = p[41], W;
+		classes: P,
+		children: G
+	}), h[39] = v, h[40] = G, h[41] = K) : K = h[41], K;
 }
-function m(e) {
-	let t = l(13), { label: n, value: r, max: i, onChange: a, isError: o } = e, c;
-	t[0] === n ? c = t[1] : (c = /* @__PURE__ */ u("span", {
+function g(e) {
+	let t = d(13), { label: n, value: r, max: i, onChange: a, isError: o } = e, s;
+	t[0] === n ? s = t[1] : (s = /* @__PURE__ */ f("span", {
 		className: "text-xs text-contrast-5 dark:text-contrast-6 uppercase",
 		children: n
-	}), t[0] = n, t[1] = c);
-	let f;
-	t[2] === a ? f = t[3] : (f = (e) => a(e ?? 0), t[2] = a, t[3] = f);
-	let p;
-	t[4] === Symbol.for("react.memo_cache_sentinel") ? (p = { root: "h-10" }, t[4] = p) : p = t[4];
+	}), t[0] = n, t[1] = s);
+	let c;
+	t[2] === a ? c = t[3] : (c = (e) => a(e ?? 0), t[2] = a, t[3] = c);
+	let u;
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (u = { root: "h-10" }, t[4] = u) : u = t[4];
 	let m;
-	t[5] !== o || t[6] !== i || t[7] !== f || t[8] !== r ? (m = /* @__PURE__ */ u(s, {
+	t[5] !== o || t[6] !== i || t[7] !== c || t[8] !== r ? (m = /* @__PURE__ */ f(l, {
 		allowLeadingZeros: !1,
 		allowNegative: !1,
 		decimalScale: 0,
@@ -134,17 +138,17 @@ function m(e) {
 		min: 0,
 		max: i,
 		stepper: 1,
-		onValueChange: f,
-		classes: p,
+		onValueChange: c,
+		classes: u,
 		isError: o
-	}), t[5] = o, t[6] = i, t[7] = f, t[8] = r, t[9] = m) : m = t[9];
+	}), t[5] = o, t[6] = i, t[7] = c, t[8] = r, t[9] = m) : m = t[9];
 	let h;
-	return t[10] !== c || t[11] !== m ? (h = /* @__PURE__ */ d("div", {
+	return t[10] !== s || t[11] !== m ? (h = /* @__PURE__ */ p("div", {
 		className: "flex flex-col gap-1 flex-1",
-		children: [c, m]
-	}), t[10] = c, t[11] = m, t[12] = h) : h = t[12], h;
+		children: [s, m]
+	}), t[10] = s, t[11] = m, t[12] = h) : h = t[12], h;
 }
 //#endregion
-export { p as CustomDurationDrawer };
+export { h as CustomDurationDrawer };
 
 //# sourceMappingURL=CustomDurationDrawer.js.map