@velora-dex/widget 0.2.5-dev.4 → 0.2.5-dev.6

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { formatTokenAmount } from '../../../../lib/utils/formatTokenBalance.js';
-import { Rate, TimeTillExpiry } from '../../LimitOrdersDrawer/LimitOrderListItem.js';
+import { Rate, TimeTillExpiry } from '../../LimitOrderItem/LimitOrderListItem.js';
 import { shortenAddress } from '../../../../lib/utils/index.js';
 import { constructAddressLinkForChain } from '../../../../lib/utils/explorer.js';
-import { StatusBadge } from '../../OtcOrdersDrawer/OtcOrderListItem.js';
+import { StatusBadge } from '../../OtcOrderItem/OtcOrderListItem.js';
 import Big from 'big.js';
 import { FILL_ORDER_GAS_LIMIT_INACCURATE } from '../../../../lib/constants/index.js';
 

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.tsx"],"sourcesContent":["import { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type {\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../../LimitOrdersDrawer/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport {\n  Rate,\n  TimeTillExpiry,\n} from \"../../LimitOrdersDrawer/LimitOrderListItem\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { constructAddressLinkForChain } from \"@/lib/utils/explorer\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { StatusBadge } from \"../../OtcOrdersDrawer/OtcOrderListItem\";\nimport type { LimitOrderState } from \"@velora-dex/sdk\";\nimport Big from \"big.js\";\nimport { FILL_ORDER_GAS_LIMIT_INACCURATE } from \"@/lib/constants\";\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} />,\n  };\n}\n\nexport function constructOrderReceiverDetail({\n  chainId,\n  receiver,\n}: {\n  chainId: SupportedChainId;\n  receiver: string;\n}): DetailWithValue {\n  return {\n    title: \"Receiver\",\n    value: (\n      <a\n        className=\"underline uppercase dark:text-contrast-7\"\n        href={constructAddressLinkForChain({\n          chainId,\n          address: receiver,\n        })}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {shortenAddress(receiver)}\n      </a>\n    ),\n  };\n}\n\nexport function constructExpiresInDetail(expiresIn: number): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: <TimeTillExpiry deadline={expiresIn} />,\n  };\n}\n\nexport function constructNetworkFeeDetail({\n  gasCost = FILL_ORDER_GAS_LIMIT_INACCURATE,\n  gasPriceMultiplier,\n  nativeTokenPrice,\n}: {\n  gasCost?: number;\n  gasPriceMultiplier?: number;\n  nativeTokenPrice?: number;\n}): DetailWithValue | undefined {\n  if (gasPriceMultiplier && nativeTokenPrice) {\n    const gasFee = Big(gasCost).mul(gasPriceMultiplier).div(1e9);\n    const gasCostUSD = gasFee.mul(nativeTokenPrice);\n\n    return {\n      title: \"Network Fees\",\n      value: <div>~ ${gasCostUSD.toFixed(4)}</div>,\n    };\n  }\n}\n\nexport function constructOrderStatusDetail(\n  state: LimitOrderState\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={state} />,\n  };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n  srcTokenPrice,\n  destTokenPrice,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n  srcTokenPrice?: number;\n  destTokenPrice?: number;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const srcUsdAmount =\n    srcTokenPrice !== undefined\n      ? parseFloat(formattedSrcAmount) * srcTokenPrice\n      : undefined;\n  const destUsdAmount =\n    destTokenPrice !== undefined\n      ? parseFloat(formattedDestAmount) * destTokenPrice\n      : undefined;\n\n  const topTokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n  };\n\n  const bottomTokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"You Send\",\n      usdAmount: srcUsdAmount,\n      showNetwork: true,\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"You’ll Receive\",\n      usdAmount: destUsdAmount,\n      showNetwork: true,\n    },\n  };\n}\n"],"names":["constructOrderRateDetail","extra","title","value","constructOrderReceiverDetail","chainId","receiver","constructAddressLinkForChain","address","shortenAddress","constructExpiresInDetail","expiresIn","constructNetworkFeeDetail","gasCost","FILL_ORDER_GAS_LIMIT_INACCURATE","gasPriceMultiplier","nativeTokenPrice","gasFee","Big","mul","div","gasCostUSD","toFixed","constructOrderStatusDetail","state","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcTokenPrice","destTokenPrice","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formatTokenAmount","formattedDestAmount","srcUsdAmount","undefined","parseFloat","destUsdAmount","topTokenBadgeProps","network","img","amountPosition","classes","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","usdAmount","showNetwork","bottomToken"],"mappings":";;;;;;;;;AAmBO,SAASA,wBAAAA,CAAyB;AAAA,EACvCC;AAGF,CAAA,EAAoB;AAClB,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO,YAAA;AAAA,IACPC,KAAAA,kBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAa;AAAA,GAC5B;AACF;AAEO,SAASC,4BAAAA,CAA6B;AAAA,EAC3CC,OAAAA;AAAAA,EACAC;AAIF,CAAA,EAAoB;AAClB,EAAA,OAAO;AAAA,IACLJ,KAAAA,EAAO,UAAA;AAAA,IACPC,uBACE,GAAA,CAAC,GAAA,EAAA,EACC,SAAA,EAAU,0CAAA,EACV,MAAMI,4BAAAA,CAA6B;AAAA,MACjCF,OAAAA;AAAAA,MACAG,OAAAA,EAASF;AAAAA,KACV,GACD,MAAA,EAAO,QAAA,EACP,KAAI,qBAAA,EAEHG,QAAAA,EAAAA,cAAAA,CAAeH,QAAQ,CAAA,EAC1B;AAAA,GAEJ;AACF;AAEO,SAASI,yBAAyBC,SAAAA,EAAoC;AAC3E,EAAA,OAAO;AAAA,IACLT,KAAAA,EAAO,YAAA;AAAA,IACPC,KAAAA,kBAAO,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAUQ,SAAAA,EAAU;AAAA,GAC7C;AACF;AAEO,SAASC,yBAAAA,CAA0B;AAAA,EACxCC,OAAAA,GAAUC,+BAAAA;AAAAA,EACVC,kBAAAA;AAAAA,EACAC;AAKF,CAAA,EAAgC;AAC9B,EAAA,IAAID,sBAAsBC,gBAAAA,EAAkB;AAC1C,IAAA,MAAMC,MAAAA,GAASC,IAAIL,OAAO,CAAA,CAAEM,IAAIJ,kBAAkB,CAAA,CAAEK,IAAI,GAAG,CAAA;AAC3D,IAAA,MAAMC,UAAAA,GAAaJ,MAAAA,CAAOE,GAAAA,CAAIH,gBAAgB,CAAA;AAE9C,IAAA,OAAO;AAAA,MACLd,KAAAA,EAAO,cAAA;AAAA,MACPC,KAAAA,uBAAQ,KAAA,EAAA,EAAI,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QAAIkB,UAAAA,CAAWC,QAAQ,CAAC;AAAA,OAAA,EAAE;AAAA,KACxC;AAAA,EACF;AACF;AAEO,SAASC,2BACdC,KAAAA,EACiB;AACjB,EAAA,OAAO;AAAA,IACLtB,KAAAA,EAAO,cAAA;AAAA,IACPC,KAAAA,kBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAa;AAAA,GACnC;AACF;AAEA,MAAMsB,iBAAAA,GAAoB;AAAA,EACxBC,MAAAA,EAAQ,sBAAA;AAAA,EACRC,MAAAA,EAAQ,sBAAA;AAAA,EACRC,IAAAA,EAAM;AACR,CAAA;AAEO,SAASC,4BAAAA,CAA6B;AAAA,EAC3C5B,KAAAA;AAAAA,EACA6B,aAAAA;AAAAA,EACAC;AAKF,CAAA,EAAwB;AACtB,EAAA,MAAM;AAAA,IAAEC,QAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAAWC,aAAAA;AAAAA,IAAeC;AAAAA,GAAe,GAAIlC,KAAAA;AAE/D,EAAA,MAAMmC,kBAAAA,GAAqBC,kBAAkBH,aAAa,CAAA;AAC1D,EAAA,MAAMI,mBAAAA,GAAsBD,kBAAkBF,cAAc,CAAA;AAE5D,EAAA,MAAMI,eACJT,aAAAA,KAAkBU,MAAAA,GACdC,UAAAA,CAAWL,kBAAkB,IAAIN,aAAAA,GACjCU,MAAAA;AACN,EAAA,MAAME,gBACJX,cAAAA,KAAmBS,MAAAA,GACfC,UAAAA,CAAWH,mBAAmB,IAAIP,cAAAA,GAClCS,MAAAA;AAEN,EAAA,MAAMG,kBAAAA,GAAqB;AAAA,IACzBnC,SAASwB,QAAAA,CAASxB,OAAAA;AAAAA,IAClBmB,QAAQK,QAAAA,CAASL,MAAAA;AAAAA,IACjBtB,SAAS2B,QAAAA,CAASY,OAAAA;AAAAA,IAClBC,KAAKb,QAAAA,CAASa,GAAAA;AAAAA,IACdnB,MAAAA,EAAQU,kBAAAA;AAAAA,IACRU,cAAAA,EAAgB,OAAA;AAAA,IAChBC,OAAAA,EAAStB;AAAAA,GACX;AAEA,EAAA,MAAMuB,qBAAAA,GAAwB;AAAA,IAC5BxC,SAASyB,SAAAA,CAAUzB,OAAAA;AAAAA,IACnBmB,QAAQM,SAAAA,CAAUN,MAAAA;AAAAA,IAClBtB,SAAS4B,SAAAA,CAAUW,OAAAA;AAAAA,IACnBC,KAAKZ,SAAAA,CAAUY,GAAAA;AAAAA,IACfnB,MAAAA,EAAQY,mBAAAA;AAAAA,IACRQ,cAAAA,EAAgB,OAAA;AAAA,IAChBC,OAAAA,EAAStB;AAAAA,GACX;AAEA,EAAA,OAAO;AAAA,IACLwB,QAAAA,EAAU;AAAA,MACRC,eAAAA,EAAiBP,kBAAAA;AAAAA,MACjBQ,KAAAA,EAAO,UAAA;AAAA,MACPC,SAAAA,EAAWb,YAAAA;AAAAA,MACXc,WAAAA,EAAa;AAAA,KACf;AAAA,IACAC,WAAAA,EAAa;AAAA,MACXJ,eAAAA,EAAiBF,qBAAAA;AAAAA,MACjBG,KAAAA,EAAO,gBAAA;AAAA,MACPC,SAAAA,EAAWV,aAAAA;AAAAA,MACXW,WAAAA,EAAa;AAAA;AACf,GACF;AACF;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.tsx"],"sourcesContent":["import { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type {\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../../LimitOrderItem/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, TimeTillExpiry } from \"../../LimitOrderItem/LimitOrderListItem\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { constructAddressLinkForChain } from \"@/lib/utils/explorer\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { StatusBadge } from \"../../OtcOrderItem/OtcOrderListItem\";\nimport type { LimitOrderState } from \"@velora-dex/sdk\";\nimport Big from \"big.js\";\nimport { FILL_ORDER_GAS_LIMIT_INACCURATE } from \"@/lib/constants\";\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} />,\n  };\n}\n\nexport function constructOrderReceiverDetail({\n  chainId,\n  receiver,\n}: {\n  chainId: SupportedChainId;\n  receiver: string;\n}): DetailWithValue {\n  return {\n    title: \"Receiver\",\n    value: (\n      <a\n        className=\"underline uppercase dark:text-contrast-7\"\n        href={constructAddressLinkForChain({\n          chainId,\n          address: receiver,\n        })}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {shortenAddress(receiver)}\n      </a>\n    ),\n  };\n}\n\nexport function constructExpiresInDetail(expiresIn: number): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: <TimeTillExpiry deadline={expiresIn} />,\n  };\n}\n\nexport function constructNetworkFeeDetail({\n  gasCost = FILL_ORDER_GAS_LIMIT_INACCURATE,\n  gasPriceMultiplier,\n  nativeTokenPrice,\n}: {\n  gasCost?: number;\n  gasPriceMultiplier?: number;\n  nativeTokenPrice?: number;\n}): DetailWithValue | undefined {\n  if (gasPriceMultiplier && nativeTokenPrice) {\n    const gasFee = Big(gasCost).mul(gasPriceMultiplier).div(1e9);\n    const gasCostUSD = gasFee.mul(nativeTokenPrice);\n\n    return {\n      title: \"Network Fees\",\n      value: <div>~ ${gasCostUSD.toFixed(4)}</div>,\n    };\n  }\n}\n\nexport function constructOrderStatusDetail(\n  state: LimitOrderState\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={state} />,\n  };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n  srcTokenPrice,\n  destTokenPrice,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n  srcTokenPrice?: number;\n  destTokenPrice?: number;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const srcUsdAmount =\n    srcTokenPrice !== undefined\n      ? parseFloat(formattedSrcAmount) * srcTokenPrice\n      : undefined;\n  const destUsdAmount =\n    destTokenPrice !== undefined\n      ? parseFloat(formattedDestAmount) * destTokenPrice\n      : undefined;\n\n  const topTokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n  };\n\n  const bottomTokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"You Send\",\n      usdAmount: srcUsdAmount,\n      showNetwork: true,\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"You’ll Receive\",\n      usdAmount: destUsdAmount,\n      showNetwork: true,\n    },\n  };\n}\n"],"names":["constructOrderRateDetail","extra","title","value","constructOrderReceiverDetail","chainId","receiver","constructAddressLinkForChain","address","shortenAddress","constructExpiresInDetail","expiresIn","constructNetworkFeeDetail","gasCost","FILL_ORDER_GAS_LIMIT_INACCURATE","gasPriceMultiplier","nativeTokenPrice","gasFee","Big","mul","div","gasCostUSD","toFixed","constructOrderStatusDetail","state","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcTokenPrice","destTokenPrice","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formatTokenAmount","formattedDestAmount","srcUsdAmount","undefined","parseFloat","destUsdAmount","topTokenBadgeProps","network","img","amountPosition","classes","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","usdAmount","showNetwork","bottomToken"],"mappings":";;;;;;;;;AAgBO,SAASA,wBAAAA,CAAyB;AAAA,EACvCC;AAGF,CAAA,EAAoB;AAClB,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO,YAAA;AAAA,IACPC,KAAAA,kBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAa;AAAA,GAC5B;AACF;AAEO,SAASC,4BAAAA,CAA6B;AAAA,EAC3CC,OAAAA;AAAAA,EACAC;AAIF,CAAA,EAAoB;AAClB,EAAA,OAAO;AAAA,IACLJ,KAAAA,EAAO,UAAA;AAAA,IACPC,uBACE,GAAA,CAAC,GAAA,EAAA,EACC,SAAA,EAAU,0CAAA,EACV,MAAMI,4BAAAA,CAA6B;AAAA,MACjCF,OAAAA;AAAAA,MACAG,OAAAA,EAASF;AAAAA,KACV,GACD,MAAA,EAAO,QAAA,EACP,KAAI,qBAAA,EAEHG,QAAAA,EAAAA,cAAAA,CAAeH,QAAQ,CAAA,EAC1B;AAAA,GAEJ;AACF;AAEO,SAASI,yBAAyBC,SAAAA,EAAoC;AAC3E,EAAA,OAAO;AAAA,IACLT,KAAAA,EAAO,YAAA;AAAA,IACPC,KAAAA,kBAAO,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAUQ,SAAAA,EAAU;AAAA,GAC7C;AACF;AAEO,SAASC,yBAAAA,CAA0B;AAAA,EACxCC,OAAAA,GAAUC,+BAAAA;AAAAA,EACVC,kBAAAA;AAAAA,EACAC;AAKF,CAAA,EAAgC;AAC9B,EAAA,IAAID,sBAAsBC,gBAAAA,EAAkB;AAC1C,IAAA,MAAMC,MAAAA,GAASC,IAAIL,OAAO,CAAA,CAAEM,IAAIJ,kBAAkB,CAAA,CAAEK,IAAI,GAAG,CAAA;AAC3D,IAAA,MAAMC,UAAAA,GAAaJ,MAAAA,CAAOE,GAAAA,CAAIH,gBAAgB,CAAA;AAE9C,IAAA,OAAO;AAAA,MACLd,KAAAA,EAAO,cAAA;AAAA,MACPC,KAAAA,uBAAQ,KAAA,EAAA,EAAI,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QAAIkB,UAAAA,CAAWC,QAAQ,CAAC;AAAA,OAAA,EAAE;AAAA,KACxC;AAAA,EACF;AACF;AAEO,SAASC,2BACdC,KAAAA,EACiB;AACjB,EAAA,OAAO;AAAA,IACLtB,KAAAA,EAAO,cAAA;AAAA,IACPC,KAAAA,kBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAa;AAAA,GACnC;AACF;AAEA,MAAMsB,iBAAAA,GAAoB;AAAA,EACxBC,MAAAA,EAAQ,sBAAA;AAAA,EACRC,MAAAA,EAAQ,sBAAA;AAAA,EACRC,IAAAA,EAAM;AACR,CAAA;AAEO,SAASC,4BAAAA,CAA6B;AAAA,EAC3C5B,KAAAA;AAAAA,EACA6B,aAAAA;AAAAA,EACAC;AAKF,CAAA,EAAwB;AACtB,EAAA,MAAM;AAAA,IAAEC,QAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAAWC,aAAAA;AAAAA,IAAeC;AAAAA,GAAe,GAAIlC,KAAAA;AAE/D,EAAA,MAAMmC,kBAAAA,GAAqBC,kBAAkBH,aAAa,CAAA;AAC1D,EAAA,MAAMI,mBAAAA,GAAsBD,kBAAkBF,cAAc,CAAA;AAE5D,EAAA,MAAMI,eACJT,aAAAA,KAAkBU,MAAAA,GACdC,UAAAA,CAAWL,kBAAkB,IAAIN,aAAAA,GACjCU,MAAAA;AACN,EAAA,MAAME,gBACJX,cAAAA,KAAmBS,MAAAA,GACfC,UAAAA,CAAWH,mBAAmB,IAAIP,cAAAA,GAClCS,MAAAA;AAEN,EAAA,MAAMG,kBAAAA,GAAqB;AAAA,IACzBnC,SAASwB,QAAAA,CAASxB,OAAAA;AAAAA,IAClBmB,QAAQK,QAAAA,CAASL,MAAAA;AAAAA,IACjBtB,SAAS2B,QAAAA,CAASY,OAAAA;AAAAA,IAClBC,KAAKb,QAAAA,CAASa,GAAAA;AAAAA,IACdnB,MAAAA,EAAQU,kBAAAA;AAAAA,IACRU,cAAAA,EAAgB,OAAA;AAAA,IAChBC,OAAAA,EAAStB;AAAAA,GACX;AAEA,EAAA,MAAMuB,qBAAAA,GAAwB;AAAA,IAC5BxC,SAASyB,SAAAA,CAAUzB,OAAAA;AAAAA,IACnBmB,QAAQM,SAAAA,CAAUN,MAAAA;AAAAA,IAClBtB,SAAS4B,SAAAA,CAAUW,OAAAA;AAAAA,IACnBC,KAAKZ,SAAAA,CAAUY,GAAAA;AAAAA,IACfnB,MAAAA,EAAQY,mBAAAA;AAAAA,IACRQ,cAAAA,EAAgB,OAAA;AAAA,IAChBC,OAAAA,EAAStB;AAAAA,GACX;AAEA,EAAA,OAAO;AAAA,IACLwB,QAAAA,EAAU;AAAA,MACRC,eAAAA,EAAiBP,kBAAAA;AAAAA,MACjBQ,KAAAA,EAAO,UAAA;AAAA,MACPC,SAAAA,EAAWb,YAAAA;AAAAA,MACXc,WAAAA,EAAa;AAAA,KACf;AAAA,IACAC,WAAAA,EAAa;AAAA,MACXJ,eAAAA,EAAiBF,qBAAAA;AAAAA,MACjBG,KAAAA,EAAO,gBAAA;AAAA,MACPC,SAAAA,EAAWV,aAAAA;AAAAA,MACXW,WAAAA,EAAa;AAAA;AACf,GACF;AACF;;;;"}

package/dist/components/widget/Screen/GenericScreen.d.ts

@@ -0,0 +1,13 @@
+import { WithClasses } from '../../../types/withClasses';
+import { PropsWithChildren } from 'react';
+type GenericScreenProps = PropsWithChildren<{
+    title?: string;
+    showBackButton?: boolean;
+    showCloseButton?: boolean;
+    closeButtonReplacement?: React.ReactNode;
+    onGoBack?: () => void;
+    onClose?: () => void;
+} & WithClasses<"root">>;
+export declare const GenericScreen: ({ children, classes, showBackButton, showCloseButton, closeButtonReplacement, onGoBack, onClose, title, }: GenericScreenProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GenericScreen.d.ts.map

package/dist/components/widget/Screen/GenericScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericScreen.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Screen/GenericScreen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,KAAK,kBAAkB,GAAG,iBAAiB,CACzC;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,WAAW,CAAC,MAAM,CAAC,CACxB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,2GAS3B,kBAAkB,4CAyCpB,CAAC"}

package/dist/components/widget/Screen/GenericScreen.js

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { cn } from '../../../lib/utils/index.js';
+import { ArrowLeft, XIcon } from 'lucide-react';
+
+const GenericScreen = (t0) => {
+  const $ = distExports.c(14);
+  const {
+    children,
+    classes,
+    showBackButton,
+    showCloseButton,
+    closeButtonReplacement,
+    onGoBack,
+    onClose,
+    title
+  } = t0;
+  const _showBackButton = showBackButton && onGoBack;
+  const shouldShowHeader = !!(_showBackButton || title || showCloseButton || closeButtonReplacement);
+  const t1 = classes?.root;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = cn("bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full", t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== _showBackButton || $[3] !== closeButtonReplacement || $[4] !== onClose || $[5] !== onGoBack || $[6] !== shouldShowHeader || $[7] !== showCloseButton || $[8] !== title) {
+    t3 = shouldShowHeader && /* @__PURE__ */ jsxs("div", { className: "pb-4 pt-6 px-6 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7", children: [
+        _showBackButton && /* @__PURE__ */ jsx(ArrowLeft, { className: "ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", onClick: onGoBack }),
+        title
+      ] }),
+      closeButtonReplacement ?? (showCloseButton && /* @__PURE__ */ jsx("div", { className: "ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", onClick: onClose, children: /* @__PURE__ */ jsx(XIcon, {}) }))
+    ] });
+    $[2] = _showBackButton;
+    $[3] = closeButtonReplacement;
+    $[4] = onClose;
+    $[5] = onGoBack;
+    $[6] = shouldShowHeader;
+    $[7] = showCloseButton;
+    $[8] = title;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== children || $[11] !== t2 || $[12] !== t3) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
+      t3,
+      children
+    ] });
+    $[10] = children;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+};
+
+export { GenericScreen };
+//# sourceMappingURL=GenericScreen.js.map

package/dist/components/widget/Screen/GenericScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericScreen.js","sources":["../../../../src/components/widget/Screen/GenericScreen.tsx"],"sourcesContent":["// import { DrawerHeader, DrawerTitle } from \"@/components/ui/drawer\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ArrowLeft, XIcon } from \"lucide-react\";\nimport type { PropsWithChildren } from \"react\";\n\ntype GenericScreenProps = PropsWithChildren<\n  {\n    title?: string;\n    showBackButton?: boolean;\n    showCloseButton?: boolean;\n    closeButtonReplacement?: React.ReactNode;\n    onGoBack?: () => void;\n    onClose?: () => void;\n  } & WithClasses<\"root\">\n>;\n\nexport const GenericScreen = ({\n  children,\n  classes,\n  showBackButton,\n  showCloseButton,\n  closeButtonReplacement,\n  onGoBack,\n  onClose,\n  title,\n}: GenericScreenProps) => {\n  const _showBackButton = showBackButton && onGoBack;\n  const shouldShowHeader = !!(\n    _showBackButton ||\n    title ||\n    showCloseButton ||\n    closeButtonReplacement\n  );\n\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full\",\n        classes?.root\n      )}\n    >\n      {shouldShowHeader && (\n        <div className=\"pb-4 pt-6 px-6 flex items-center justify-between\">\n          <div className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n            {_showBackButton && (\n              <ArrowLeft\n                className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\"\n                onClick={onGoBack}\n              />\n            )}\n            {title}\n          </div>\n          {closeButtonReplacement ??\n            (showCloseButton && (\n              <div\n                className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                onClick={onClose}\n              >\n                <XIcon />\n              </div>\n            ))}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n"],"names":["GenericScreen","t0","$","_c","children","classes","showBackButton","showCloseButton","closeButtonReplacement","onGoBack","onClose","title","_showBackButton","shouldShowHeader","t1","root","t2","cn","t3","t4"],"mappings":"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"}

package/dist/components/widget/Screen/ScreenContainer.d.ts

@@ -0,0 +1,7 @@
+export declare const MainScreenContainer: ({ children, }: {
+    children?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SecondaryScreenContainer: ({ children, }: {
+    children?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScreenContainer.d.ts.map

package/dist/components/widget/Screen/ScreenContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Screen/ScreenContainer.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,GAAI,eAEjC;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,4CAUA,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,eAEtC;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,4CAgBA,CAAC"}

package/dist/components/widget/Screen/ScreenContainer.js

@@ -0,0 +1,60 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { screenTypesClosableByOutsideClick } from '../../../core/screen/screenByType.js';
+import { useScreen } from '../../../core/screen/state/screenAtom.js';
+import { useClickOutside } from '../../../hooks/useClickOutside.js';
+
+const MainScreenContainer = (t0) => {
+  const $ = distExports.c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "relative flex flex-col pt-[24px] px-[24px] pb-[18px] bg-contrast-9 dark:bg-contrast-3 border border-contrast-7 dark:border-contrast-4 rounded-xxl", children });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+};
+const SecondaryScreenContainer = (t0) => {
+  const $ = distExports.c(6);
+  const {
+    children
+  } = t0;
+  const {
+    screen,
+    closeScreen
+  } = useScreen();
+  let t1;
+  if ($[0] !== closeScreen || $[1] !== screen?.screenType) {
+    t1 = () => {
+      const screenType = screen?.screenType;
+      if (screenType && screenTypesClosableByOutsideClick.includes(screenType)) {
+        closeScreen();
+      }
+    };
+    $[0] = closeScreen;
+    $[1] = screen?.screenType;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onClickOutside = t1;
+  const ref = useClickOutside(onClickOutside);
+  let t2;
+  if ($[3] !== children || $[4] !== ref) {
+    t2 = /* @__PURE__ */ jsx("div", { ref, className: "relative z-2", children });
+    $[3] = children;
+    $[4] = ref;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+};
+
+export { MainScreenContainer, SecondaryScreenContainer };
+//# sourceMappingURL=ScreenContainer.js.map

package/dist/components/widget/Screen/ScreenContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenContainer.js","sources":["../../../../src/components/widget/Screen/ScreenContainer.tsx"],"sourcesContent":["import { screenTypesClosableByOutsideClick } from \"@/core/screen/screenByType\";\nimport { useScreen } from \"@/core/screen/state/screenAtom\";\nimport { useClickOutside } from \"@/hooks/useClickOutside\";\n\nexport const MainScreenContainer = ({\n  children,\n}: {\n  children?: React.ReactNode;\n}) => {\n  return (\n    <div\n      className={\n        \"relative flex flex-col pt-[24px] px-[24px] pb-[18px] bg-contrast-9 dark:bg-contrast-3 border border-contrast-7 dark:border-contrast-4 rounded-xxl\"\n      }\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const SecondaryScreenContainer = ({\n  children,\n}: {\n  children?: React.ReactNode;\n}) => {\n  const { screen, closeScreen } = useScreen();\n\n  const onClickOutside = () => {\n    const screenType = screen?.screenType;\n    if (screenType && screenTypesClosableByOutsideClick.includes(screenType))\n      closeScreen();\n  };\n\n  const ref = useClickOutside<HTMLDivElement>(onClickOutside);\n\n  return (\n    <div ref={ref} className=\"relative z-2\">\n      {children}\n    </div>\n  );\n};\n"],"names":["MainScreenContainer","t0","$","_c","children","t1","SecondaryScreenContainer","screen","closeScreen","useScreen","screenType","screenTypesClosableByOutsideClick","includes","onClickOutside","ref","useClickOutside","t2"],"mappings":";;;;;;AAIO,MAAMA,sBAAsBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAInC,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAE,QAAAA,EAAA;AAEGC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAEI,SAAA,EAAA,mJAAA,EAGDD,QAAAA,EACH,CAAA;AAAMF,IAAAA,CAAAA,MAAAE,QAAAA;AAAAF,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OANNG,EAAAA;AAMM;AAIH,MAAMC,2BAA2BL,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAKvC,EAAA,MAAA;AAAA,IAAAM,MAAAA;AAAAA,IAAAC;AAAAA,MAAgCC,SAAAA,EAAU;AAAE,EAAA,IAAAJ,EAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAM,WAAAA,IAAAN,EAAA,CAAA,CAAA,KAAAK,QAAAG,UAAAA,EAAA;AAErBL,IAAAA,EAAAA,GAAAA,MAAA;AACrB,MAAA,MAAAK,aAAmBH,MAAAA,EAAMG,UAAAA;AACzB,MAAA,IAAIA,UAAAA,IAAcC,iCAAAA,CAAiCC,QAAAA,CAAUF,UAAU,CAAA,EAAC;AACtEF,QAAAA,WAAAA,EAAY;AAAA,MAAC;AAAA,IAAC,CAAA;AACjBN,IAAAA,CAAAA,MAAAM,WAAAA;AAAAN,IAAAA,CAAAA,CAAA,CAAA,IAAAK,MAAAA,EAAAG,UAAAA;AAAAR,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA,EAAA;AAJD,EAAA,MAAAW,cAAAA,GAAuBR,EAAAA;AAMvB,EAAA,MAAAS,GAAAA,GAAYC,gBAAgCF,cAAc,CAAA;AAAE,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAd,EAAA,CAAA,CAAA,KAAAE,YAAAF,CAAAA,QAAAY,GAAAA,EAAA;AAG1DE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAUF,GAAAA,EAAe,SAAA,EAAA,gBACtBV,QAAAA,EACH,CAAA;AAAMF,IAAAA,CAAAA,MAAAE,QAAAA;AAAAF,IAAAA,CAAAA,MAAAY,GAAAA;AAAAZ,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAFNc,EAAAA;AAEM;;;;"}

package/dist/components/widget/SelectToken/SelectTokenButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenButton.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAMtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,KAAK,2BAA2B,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,SAAS,CACV,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,2EAMpC,2BAA2B,4CAmC7B,CAAC;AAQF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6E9D,CAAC"}
+{"version":3,"file":"SelectTokenButton.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,KAAK,2BAA2B,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,SAAS,CACV,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,2EAMpC,2BAA2B,4CAqB7B,CAAC;AAQF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiD9D,CAAC"}

package/dist/components/widget/SelectToken/SelectTokenButton.js

@@ -1,122 +1,75 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import 'react';
 import { Button } from '../../ui/button.js';
 import { TokenBadge } from '../TokenBadge/TokenBadge.js';
 import { ChevronIcon } from '../Icon/ChevronIcon.js';
-import { ControlledDrawer } from '../Drawer/index.js';
-import { SelectTokenContent } from '../Dialog/SelectTokenDialog/SelectTokenDialog.js';
-import { useDrawerControls } from '../Drawer/state/useDrawerControls.js';
-import { useImportTokenDrawer } from '../ImportToken/useImportTokenDrawer.js';
+import { useScreen } from '../../../core/screen/state/screenAtom.js';
 
 const EmptySelectTokenButton = (t0) => {
-  const $ = distExports.c(28);
-  let drawerContainer;
+  const $ = distExports.c(14);
   let onTokenSelect;
   let props;
   let selectableChains;
   let tokenType;
   if ($[0] !== t0) {
-    ({
-      tokenType,
+    const {
+      tokenType: t12,
       drawerContainer,
-      onTokenSelect,
-      selectableChains,
-      ...props
-    } = t0);
+      onTokenSelect: t22,
+      selectableChains: t3,
+      ...t4
+    } = t0;
+    tokenType = t12;
+    onTokenSelect = t22;
+    selectableChains = t3;
+    props = t4;
     $[0] = t0;
-    $[1] = drawerContainer;
-    $[2] = onTokenSelect;
-    $[3] = props;
-    $[4] = selectableChains;
-    $[5] = tokenType;
+    $[1] = onTokenSelect;
+    $[2] = props;
+    $[3] = selectableChains;
+    $[4] = tokenType;
   } else {
-    drawerContainer = $[1];
-    onTokenSelect = $[2];
-    props = $[3];
-    selectableChains = $[4];
-    tokenType = $[5];
-  }
-  const t1 = `empty-select-token-drawer-${tokenType}`;
-  let t2;
-  if ($[6] !== t1) {
-    t2 = {
-      drawerId: t1
-    };
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  const t3 = useDrawerControls(t2);
-  let drawerProps;
-  let onOpen;
-  if ($[8] !== t3) {
-    ({
-      onOpen,
-      ...drawerProps
-    } = t3);
-    $[8] = t3;
-    $[9] = drawerProps;
-    $[10] = onOpen;
-  } else {
-    drawerProps = $[9];
-    onOpen = $[10];
-  }
-  let t4;
-  if ($[11] !== drawerContainer || $[12] !== tokenType) {
-    t4 = {
-      drawerContainer,
-      tokenType
-    };
-    $[11] = drawerContainer;
-    $[12] = tokenType;
-    $[13] = t4;
-  } else {
-    t4 = $[13];
+    onTokenSelect = $[1];
+    props = $[2];
+    selectableChains = $[3];
+    tokenType = $[4];
   }
   const {
-    onOpenImportTokenDrawer,
-    importTokenDrawer
-  } = useImportTokenDrawer(t4);
-  let t5;
-  if ($[14] !== drawerContainer || $[15] !== drawerProps || $[16] !== onOpenImportTokenDrawer || $[17] !== onTokenSelect || $[18] !== selectableChains || $[19] !== tokenType) {
-    t5 = tokenType ? /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, title: "Select a token...", showCloseButton: true, container: drawerContainer, children: /* @__PURE__ */ jsx(SelectTokenContent, { tokenType, onClose: drawerProps.onClose, onSelect: onTokenSelect, onSelectImportToken: onOpenImportTokenDrawer, selectableChains }) }) : null;
-    $[14] = drawerContainer;
-    $[15] = drawerProps;
-    $[16] = onOpenImportTokenDrawer;
-    $[17] = onTokenSelect;
-    $[18] = selectableChains;
-    $[19] = tokenType;
-    $[20] = t5;
-  } else {
-    t5 = $[20];
-  }
-  const drawer = t5;
-  let t6;
-  if ($[21] !== onOpen || $[22] !== props) {
-    t6 = /* @__PURE__ */ jsx(Button, { variant: "select", className: "h-[32px]", ...props, onClick: onOpen, children: "Select Token" });
-    $[21] = onOpen;
-    $[22] = props;
-    $[23] = t6;
+    showSelectTokenScreen,
+    closeScreen
+  } = useScreen();
+  let t1;
+  if ($[5] !== closeScreen || $[6] !== onTokenSelect || $[7] !== selectableChains || $[8] !== showSelectTokenScreen || $[9] !== tokenType) {
+    t1 = () => {
+      if (tokenType) {
+        showSelectTokenScreen({
+          tokenType,
+          onSelect: onTokenSelect,
+          onClose: closeScreen,
+          selectableChains
+        });
+      }
+    };
+    $[5] = closeScreen;
+    $[6] = onTokenSelect;
+    $[7] = selectableChains;
+    $[8] = showSelectTokenScreen;
+    $[9] = tokenType;
+    $[10] = t1;
   } else {
-    t6 = $[23];
+    t1 = $[10];
   }
-  let t7;
-  if ($[24] !== drawer || $[25] !== importTokenDrawer || $[26] !== t6) {
-    t7 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t6,
-      drawer,
-      importTokenDrawer
-    ] });
-    $[24] = drawer;
-    $[25] = importTokenDrawer;
-    $[26] = t6;
-    $[27] = t7;
+  let t2;
+  if ($[11] !== props || $[12] !== t1) {
+    t2 = /* @__PURE__ */ jsx(Button, { variant: "select", className: "h-[32px]", ...props, onClick: t1, children: "Select Token" });
+    $[11] = props;
+    $[12] = t1;
+    $[13] = t2;
   } else {
-    t7 = $[27];
+    t2 = $[13];
   }
-  return t7;
+  return t2;
 };
 const tokenBadgeClasses = {
   root: "font-inter",
@@ -124,7 +77,7 @@ const tokenBadgeClasses = {
   logo: "size-[24px]"
 };
 const SelectTokenButton = (t0) => {
-  const $ = distExports.c(34);
+  const $ = distExports.c(21);
   const {
     token,
     tokenType,
@@ -133,128 +86,83 @@ const SelectTokenButton = (t0) => {
     onSelect,
     selectableChains
   } = t0;
-  const drawerId = token ? `select-token-drawer-${tokenType}` : `empty-select-token-drawer-${tokenType}`;
-  let t1;
-  if ($[0] !== drawerId) {
-    t1 = {
-      drawerId
-    };
-    $[0] = drawerId;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const t2 = useDrawerControls(t1);
-  let drawerProps;
-  let onOpen;
-  if ($[2] !== t2) {
-    ({
-      onOpen,
-      ...drawerProps
-    } = t2);
-    $[2] = t2;
-    $[3] = drawerProps;
-    $[4] = onOpen;
-  } else {
-    drawerProps = $[3];
-    onOpen = $[4];
-  }
-  let t3;
-  if ($[5] !== drawerContainer || $[6] !== tokenType) {
-    t3 = {
-      drawerContainer,
-      tokenType
-    };
-    $[5] = drawerContainer;
-    $[6] = tokenType;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
   const {
-    onOpenImportTokenDrawer,
-    importTokenDrawer
-  } = useImportTokenDrawer(t3);
+    showSelectTokenScreen,
+    closeScreen
+  } = useScreen();
   if (!token) {
-    let t42;
-    if ($[8] !== drawerContainer || $[9] !== onSelect || $[10] !== selectableChains || $[11] !== tokenType) {
-      t42 = /* @__PURE__ */ jsx(EmptySelectTokenButton, { tokenType, drawerContainer, onTokenSelect: onSelect, selectableChains });
-      $[8] = drawerContainer;
-      $[9] = onSelect;
-      $[10] = selectableChains;
-      $[11] = tokenType;
-      $[12] = t42;
+    let t12;
+    if ($[0] !== drawerContainer || $[1] !== onSelect || $[2] !== selectableChains || $[3] !== tokenType) {
+      t12 = /* @__PURE__ */ jsx(EmptySelectTokenButton, { tokenType, drawerContainer, onTokenSelect: onSelect, selectableChains });
+      $[0] = drawerContainer;
+      $[1] = onSelect;
+      $[2] = selectableChains;
+      $[3] = tokenType;
+      $[4] = t12;
     } else {
-      t42 = $[12];
+      t12 = $[4];
     }
-    return t42;
+    return t12;
   }
-  let t4;
-  if ($[13] !== drawerContainer || $[14] !== drawerProps || $[15] !== onOpenImportTokenDrawer || $[16] !== onSelect || $[17] !== selectableChains || $[18] !== tokenType) {
-    t4 = tokenType ? /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, title: "Select a token...", showCloseButton: true, container: drawerContainer, children: /* @__PURE__ */ jsx(SelectTokenContent, { tokenType, onClose: drawerProps.onClose, onSelect, onSelectImportToken: onOpenImportTokenDrawer, selectableChains }) }) : null;
-    $[13] = drawerContainer;
-    $[14] = drawerProps;
-    $[15] = onOpenImportTokenDrawer;
-    $[16] = onSelect;
-    $[17] = selectableChains;
-    $[18] = tokenType;
-    $[19] = t4;
-  } else {
-    t4 = $[19];
-  }
-  const drawer = t4;
   const {
     address,
     network,
     img,
     symbol
   } = token;
-  let t5;
-  if ($[20] !== address || $[21] !== img || $[22] !== network || $[23] !== symbol || $[24] !== tokenBadgePropsOverride) {
-    t5 = /* @__PURE__ */ jsx(TokenBadge, { address, chainId: network, img, symbol, showNetworkIcon: true, classes: tokenBadgeClasses, ...tokenBadgePropsOverride });
-    $[20] = address;
-    $[21] = img;
-    $[22] = network;
-    $[23] = symbol;
-    $[24] = tokenBadgePropsOverride;
-    $[25] = t5;
+  let t1;
+  if ($[5] !== closeScreen || $[6] !== onSelect || $[7] !== selectableChains || $[8] !== showSelectTokenScreen || $[9] !== tokenType) {
+    t1 = () => {
+      if (tokenType) {
+        showSelectTokenScreen({
+          tokenType,
+          onSelect,
+          onClose: closeScreen,
+          selectableChains
+        });
+      }
+    };
+    $[5] = closeScreen;
+    $[6] = onSelect;
+    $[7] = selectableChains;
+    $[8] = showSelectTokenScreen;
+    $[9] = tokenType;
+    $[10] = t1;
   } else {
-    t5 = $[25];
+    t1 = $[10];
   }
-  let t6;
-  if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-    t6 = /* @__PURE__ */ jsx(ChevronIcon, { className: "size-[10px]" });
-    $[26] = t6;
+  let t2;
+  if ($[11] !== address || $[12] !== img || $[13] !== network || $[14] !== symbol || $[15] !== tokenBadgePropsOverride) {
+    t2 = /* @__PURE__ */ jsx(TokenBadge, { address, chainId: network, img, symbol, showNetworkIcon: true, classes: tokenBadgeClasses, ...tokenBadgePropsOverride });
+    $[11] = address;
+    $[12] = img;
+    $[13] = network;
+    $[14] = symbol;
+    $[15] = tokenBadgePropsOverride;
+    $[16] = t2;
   } else {
-    t6 = $[26];
+    t2 = $[16];
   }
-  let t7;
-  if ($[27] !== onOpen || $[28] !== t5) {
-    t7 = /* @__PURE__ */ jsxs(Button, { onClick: onOpen, className: "h-[32px] py-1 px-2 bg-contrast-9 hover:bg-contrast-9 dark:bg-contrast-4 hover:outline-solid hover:outline-1 hover:outline-contrast-6 dark:hover:outline-contrast-5 transition-none", children: [
-      t5,
-      t6
-    ] });
-    $[27] = onOpen;
-    $[28] = t5;
-    $[29] = t7;
+  let t3;
+  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx(ChevronIcon, { className: "size-[10px]" });
+    $[17] = t3;
   } else {
-    t7 = $[29];
+    t3 = $[17];
   }
-  let t8;
-  if ($[30] !== drawer || $[31] !== importTokenDrawer || $[32] !== t7) {
-    t8 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t7,
-      drawer,
-      importTokenDrawer
+  let t4;
+  if ($[18] !== t1 || $[19] !== t2) {
+    t4 = /* @__PURE__ */ jsxs(Button, { onClick: t1, className: "h-[32px] py-1 px-2 bg-contrast-9 hover:bg-contrast-9 dark:bg-contrast-4 hover:outline-solid hover:outline-1 hover:outline-contrast-6 dark:hover:outline-contrast-5 transition-none", children: [
+      t2,
+      t3
     ] });
-    $[30] = drawer;
-    $[31] = importTokenDrawer;
-    $[32] = t7;
-    $[33] = t8;
+    $[18] = t1;
+    $[19] = t2;
+    $[20] = t4;
   } else {
-    t8 = $[33];
+    t4 = $[20];
   }
-  return t8;
+  return t4;
 };
 
 export { EmptySelectTokenButton, SelectTokenButton };