@velora-dex/widget 0.8.1-dev.0 → 0.8.2

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

@@ -1 +1 @@
-{"version":3,"file":"TokenListRow.js","names":["Token","TokenMaybeWithUsdBalance","TokenBadge","formatUnits","toDecimalTrimmed","formatFiatPrice","Button","JSX","Prettify","TokenRowForFetchedToken","fetchedOnChain","RowRendererProps","row","onSelect","token","RowRenderer","props","Element","BaseRowRenderer","afterBadge","React","ReactNode","BaseRenderer","t0","$","_c","t1","undefined","t2","Symbol","for","logo","t3","address","img","network","t4","t5","DefaultRenderer","afterBalance","DefaultRowRenderer","balance","decimals","formattedBalance","BigInt","balanceToDisplay","usdBalance","formattedUsdBalance","usdBalanceToDisplay","symbol","t6","name","t7","t8","t9","t10","t11","FetchedTokenRenderer","RendererByType","Renderer"],"sources":["../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListRow.tsx"],"sourcesContent":["import type { Token, TokenMaybeWithUsdBalance } from \"@/tokens/state/types\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatUnits } from \"viem\";\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { Button } from \"@/components/ui/button\";\nimport type { JSX } from \"react\";\nimport type { Prettify } from \"ts-essentials\";\n\nexport type TokenRowForFetchedToken = Prettify<\n  TokenMaybeWithUsdBalance & {\n    fetchedOnChain?: true;\n  }\n>;\n\nexport type RowRendererProps = {\n  row: TokenRowForFetchedToken;\n  onSelect?: (token: Token) => void;\n};\n\nexport type RowRenderer = (props: RowRendererProps) => JSX.Element;\n\ntype BaseRowRenderer = (\n  props: RowRendererProps & {\n    afterBadge?: React.ReactNode;\n  }\n) => JSX.Element;\n\nconst BaseRenderer: BaseRowRenderer = ({ row, onSelect, afterBadge }) => {\n  return (\n    <div className=\"h-full px-1\">\n      <div\n        className=\"px-2 rounded-sm hover:bg-contrast-9 dark:hover:bg-contrast-3 h-full hover:cursor-pointer transition-colors\"\n        onClick={\n          onSelect\n            ? () => {\n                onSelect(row);\n              }\n            : undefined\n        }\n      >\n        <div className=\"flex items-center gap-2 h-full border-b-[0.5px] border-b-contrast-7 dark:border-b-contrast-3 hover:cursor-pointer\">\n          <TokenBadge\n            address={row.address}\n            img={row.img}\n            chainId={row.network}\n            showNetworkIcon\n            classes={{ logo: \"size-[24px]\" }}\n          />\n          {afterBadge}\n        </div>\n      </div>\n    </div>\n  );\n};\n\ntype DefaultRenderer = (\n  props: RowRendererProps & {\n    afterBalance?: React.ReactNode;\n  }\n) => JSX.Element;\n\nconst DefaultRowRenderer: DefaultRenderer = ({\n  row,\n  onSelect,\n  afterBalance,\n}) => {\n  const formattedBalance = row.balance\n    ? formatUnits(BigInt(row.balance), row.decimals)\n    : undefined;\n\n  const balanceToDisplay = formattedBalance\n    ? toDecimalTrimmed(formattedBalance)\n    : \"0\";\n\n  const formattedUsdBalance = row.usdBalance\n    ? formatFiatPrice(row.usdBalance)\n    : undefined;\n\n  const usdBalanceToDisplay =\n    formattedUsdBalance === undefined\n      ? \"$0\" // no usd prices or token.balance is zero\n      : formattedUsdBalance === \"$0.00\"\n        ? \"<$0.01\" // usd balance is less than 0.01\n        : formattedUsdBalance;\n\n  return (\n    <BaseRenderer\n      row={row}\n      onSelect={onSelect}\n      afterBadge={\n        <>\n          <div className=\"flex-1\">\n            <div className=\"flex items-center justify-between text-sm gap-2 text-contrast-3\">\n              <div className=\"dark:text-contrast-6 font-medium\">\n                {row.symbol}\n              </div>\n              <div className=\"dark:text-contrast-7 font-medium break-all\">\n                {balanceToDisplay}\n              </div>\n            </div>\n            <div className=\"text-contrast-5 dark:text-contrast-5 flex items-center justify-between text-[10px]\">\n              <div>{row.name}</div>\n              <div>{usdBalanceToDisplay}</div>\n            </div>\n          </div>\n          {afterBalance}\n        </>\n      }\n    />\n  );\n};\n\nconst FetchedTokenRenderer: RowRenderer = ({ row, onSelect }) => {\n  return (\n    <DefaultRowRenderer\n      row={row}\n      afterBalance={\n        <Button\n          onClick={onSelect ? () => onSelect(row) : undefined}\n          variant={\"secondary\"}\n          size=\"sm\"\n          className=\"ml-2 flex-shrink-0 uppercase\"\n        >\n          Import\n        </Button>\n      }\n    />\n  );\n};\n\nexport const RendererByType = (props: RowRendererProps) => {\n  const Renderer = props.row.fetchedOnChain\n    ? FetchedTokenRenderer\n    : DefaultRowRenderer;\n  return <Renderer {...props} />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"TokenListRow.js","names":["Token","TokenMaybeWithUsdBalance","TokenBadge","formatUnits","toDecimalTrimmed","formatFiatPrice","Button","JSX","Prettify","TokenRowForFetchedToken","fetchedOnChain","RowRendererProps","row","onSelect","token","RowRenderer","props","Element","BaseRowRenderer","afterBadge","React","ReactNode","BaseRenderer","t0","$","_c","t1","undefined","t2","Symbol","for","logo","t3","address","img","network","t4","t5","DefaultRenderer","afterBalance","DefaultRowRenderer","balance","decimals","formattedBalance","BigInt","balanceToDisplay","usdBalance","formattedUsdBalance","usdBalanceToDisplay","symbol","t6","name","t7","t8","t9","t10","t11","FetchedTokenRenderer","RendererByType","Renderer"],"sources":["../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListRow.tsx"],"sourcesContent":["import type { Token, TokenMaybeWithUsdBalance } from \"@/tokens/state/types\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatUnits } from \"viem\";\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { Button } from \"@/components/ui/button\";\nimport type { JSX } from \"react\";\nimport type { Prettify } from \"ts-essentials\";\n\nexport type TokenRowForFetchedToken = Prettify<\n  TokenMaybeWithUsdBalance & {\n    fetchedOnChain?: true;\n  }\n>;\n\nexport type RowRendererProps = {\n  row: TokenRowForFetchedToken;\n  onSelect?: (token: Token) => void;\n};\n\nexport type RowRenderer = (props: RowRendererProps) => JSX.Element;\n\ntype BaseRowRenderer = (\n  props: RowRendererProps & {\n    afterBadge?: React.ReactNode;\n  }\n) => JSX.Element;\n\nconst BaseRenderer: BaseRowRenderer = ({ row, onSelect, afterBadge }) => {\n  return (\n    <div className=\"h-full px-1\">\n      <div\n        className=\"px-2 rounded-sm hover:bg-contrast-9 dark:hover:bg-contrast-3 h-full hover:cursor-pointer transition-colors\"\n        onClick={\n          onSelect\n            ? () => {\n                onSelect(row);\n              }\n            : undefined\n        }\n      >\n        <div className=\"flex items-center gap-2 h-full border-b-[0.5px] border-b-contrast-7 dark:border-b-contrast-3 hover:cursor-pointer\">\n          <TokenBadge\n            address={row.address}\n            img={row.img}\n            chainId={row.network}\n            showNetworkIcon\n            classes={{ logo: \"size-[24px]\" }}\n          />\n          {afterBadge}\n        </div>\n      </div>\n    </div>\n  );\n};\n\ntype DefaultRenderer = (\n  props: RowRendererProps & {\n    afterBalance?: React.ReactNode;\n  }\n) => JSX.Element;\n\nconst DefaultRowRenderer: DefaultRenderer = ({\n  row,\n  onSelect,\n  afterBalance,\n}) => {\n  const formattedBalance = row.balance\n    ? formatUnits(BigInt(row.balance), row.decimals)\n    : undefined;\n\n  const balanceToDisplay = formattedBalance\n    ? toDecimalTrimmed(formattedBalance)\n    : \"0\";\n\n  const formattedUsdBalance = row.usdBalance\n    ? formatFiatPrice(row.usdBalance)\n    : undefined;\n\n  const usdBalanceToDisplay =\n    formattedUsdBalance === undefined\n      ? \"$0\" // no usd prices or token.balance is zero\n      : formattedUsdBalance === \"$0.00\"\n        ? \"<$0.01\" // usd balance is less than 0.01\n        : formattedUsdBalance;\n\n  return (\n    <BaseRenderer\n      row={row}\n      onSelect={onSelect}\n      afterBadge={\n        <>\n          <div className=\"flex-1\">\n            <div className=\"flex items-center justify-between text-sm gap-2 text-contrast-3\">\n              <div className=\"dark:text-contrast-6 font-medium\">\n                {row.symbol}\n              </div>\n              <div className=\"dark:text-contrast-7 font-medium break-all\">\n                {balanceToDisplay}\n              </div>\n            </div>\n            <div className=\"text-contrast-5 dark:text-contrast-5 flex items-center justify-between text-[10px]\">\n              <div>{row.name}</div>\n              <div>{usdBalanceToDisplay}</div>\n            </div>\n          </div>\n          {afterBalance}\n        </>\n      }\n    />\n  );\n};\n\nconst FetchedTokenRenderer: RowRenderer = ({ row, onSelect }) => {\n  return (\n    <DefaultRowRenderer\n      row={row}\n      afterBalance={\n        <Button\n          onClick={onSelect ? () => onSelect(row) : undefined}\n          variant={\"secondary\"}\n          size=\"sm\"\n          className=\"ml-2 flex-shrink-0 uppercase\"\n        >\n          Import\n        </Button>\n      }\n    />\n  );\n};\n\nexport const RendererByType = (props: RowRendererProps) => {\n  const Renderer = props.row.fetchedOnChain\n    ? FetchedTokenRenderer\n    : DefaultRowRenderer;\n  return <Renderer {...props} />;\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TokenSearch.js","names":["CompactNetworkSwitcher","TokenSearchProps","SearchInput","TokenSearch","React","FC","t0","$","_c","value","onChange","clearSearch","compactNetworkSwitcherProps","classes","t1","t2"],"sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenSearch.tsx"],"sourcesContent":["import { CompactNetworkSwitcher } from \"@/components/widget/NetworkSwitcher/CompactNetworkSwitcher\";\nimport type { TokenSearchProps } from \"./types\";\nimport { SearchInput } from \"@/components/SearchInput/SearchInput\";\n\nexport const TokenSearch: React.FC<TokenSearchProps> = ({\n  value,\n  onChange,\n  clearSearch,\n  compactNetworkSwitcherProps,\n  classes,\n}) => {\n  return (\n    <div className=\"px-4\">\n      <SearchInput\n        value={value}\n        onChange={onChange}\n        classes={classes}\n        onClear={clearSearch}\n        afterClearElement={\n          compactNetworkSwitcherProps && (\n            <CompactNetworkSwitcher {...compactNetworkSwitcherProps} />\n          )\n        }\n        placeholder=\"Search by name or address\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAA0CG,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,UAAAC,aAAAC,gBAAAC,gCAAAC,eAAAP,GAMvDQ;AAAA,CAAAP,EAAA,OAAAK,IAWUE,IAAAP,EAAA,MAFDO,IAAAF,KACE,kBAAC,GAAD,EAAuB,GAAKA,GAC7B,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAO;CAAA,IAAAC;AAID,QAJCR,EAAA,OAAAM,KAAAN,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KAAAH,EAAA,OAAAO,KAAAP,EAAA,OAAAE,KATPM,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GACSN;GACGC;GACDG;GACAF,SAAAA;GAEP,mBAAAG;GAIU,aAAA;GAEhB,CAAA;EAAM,CAAA,EAAAP,EAAA,KAAAM,GAAAN,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAO,GAAAP,EAAA,KAAAE,GAAAF,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IAbNQ"}
+{"version":3,"file":"TokenSearch.js","names":["CompactNetworkSwitcher","TokenSearchProps","SearchInput","TokenSearch","React","FC","t0","$","_c","value","onChange","clearSearch","compactNetworkSwitcherProps","classes","t1","t2"],"sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenSearch.tsx"],"sourcesContent":["import { CompactNetworkSwitcher } from \"@/components/widget/NetworkSwitcher/CompactNetworkSwitcher\";\nimport type { TokenSearchProps } from \"./types\";\nimport { SearchInput } from \"@/components/SearchInput/SearchInput\";\n\nexport const TokenSearch: React.FC<TokenSearchProps> = ({\n  value,\n  onChange,\n  clearSearch,\n  compactNetworkSwitcherProps,\n  classes,\n}) => {\n  return (\n    <div className=\"px-4\">\n      <SearchInput\n        value={value}\n        onChange={onChange}\n        classes={classes}\n        onClear={clearSearch}\n        afterClearElement={\n          compactNetworkSwitcherProps && (\n            <CompactNetworkSwitcher {...compactNetworkSwitcherProps} />\n          )\n        }\n        placeholder=\"Search by name or address\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAA0CG,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,UAAAC,aAAAC,gBAAAC,gCAAAC,eAAAP,GAMvDQ;CAAA,AAAAP,EAAA,OAAAK,IAWUE,IAAAP,EAAA,MAFDO,IAAAF,KACE,kBAAC,GAAD,EAAuB,GAAKA,GAC7B,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAO;CAAA,IAAAC;CAID,OAJCR,EAAA,OAAAM,KAAAN,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KAAAH,EAAA,OAAAO,KAAAP,EAAA,OAAAE,KATPM,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GACSN;GACGC;GACDG;GACAF,SAAAA;GAEP,mBAAAG;GAIU,aAAA;GAEhB,CAAA;EAAM,CAAA,EAAAP,EAAA,KAAAM,GAAAN,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAO,GAAAP,EAAA,KAAAE,GAAAF,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IAbNQ"}

package/dist/components/widget/Drawer/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","names":["cn","openDrawerAtom","useSetAtom","DrawerOverlayProps","open","onClick","closeDrawerOnClick","className","InWidgetDrawerOverlay","t0","$","_c","t1","undefined","setOpenDrawer","t2","t3","t4","t5","t6"],"sources":["../../../../src/components/widget/Drawer/Overlay.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { openDrawerAtom } from \"./state/useDrawerControls\";\nimport { useSetAtom } from \"@/core/store\";\n\ntype DrawerOverlayProps = {\n  open: boolean;\n  onClick?: () => void;\n  closeDrawerOnClick?: boolean;\n  className?: string;\n};\n// Used when Partial Drawer is open,\n// darkens the Widget in the background,\n// onClick closes the Partial Drawer\nexport function InWidgetDrawerOverlay({\n  open,\n  onClick,\n  closeDrawerOnClick = true,\n  className,\n}: DrawerOverlayProps) {\n  const setOpenDrawer = useSetAtom(openDrawerAtom);\n\n  return (\n    <div\n      className={cn(\n        \"absolute inset-0 bg-gray-900 z-10 transition-opacity duration-300 rounded-xxl\",\n        {\n          \"opacity-0\": !open,\n          \"opacity-75\": open,\n          // allow clicking through when no drawer is open\n          \"pointer-events-none\": !open,\n        },\n        className\n      )}\n      onClick={() => {\n        if (closeDrawerOnClick) {\n          setOpenDrawer(null);\n        }\n        onClick?.();\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAOQ,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAA+B,EAAAP,SAAAC,YAAAC,oBAAAM,GAAAL,iBAAAE,GAGpCH,IAAAM,MAAAC,KAAAA,IAAA,KAAAD,GAGAE,IAAsBZ,EAAWD,EAAe,EAO3Bc,IAAA,CAACX,GAGSY,IAAA,CAACZ,GAAIa;AAAA,CAAAP,EAAA,OAAAH,KAAAG,EAAA,OAAAN,KAAAM,EAAA,OAAAK,KAAAL,EAAA,OAAAM,KANrBC,IAAAjB,EACT,iFACA;EAAA,aACee;EAAK,cACJX;EAAI,uBAEKY;EACxB,EACDT,EACD,EAAAG,EAAA,KAAAH,GAAAG,EAAA,KAAAN,GAAAM,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA;CAAA,IAAAQ;AAAA,CAAAR,EAAA,OAAAJ,KAAAI,EAAA,OAAAL,KAAAK,EAAA,OAAAI,KACQI,UAAA;AAIPb,EAHIC,KACFQ,EAAc,KAAK,EAErBT,KAAW;IACZK,EAAA,KAAAJ,GAAAI,EAAA,KAAAL,GAAAK,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;AACD,QADCT,EAAA,OAAAO,KAAAP,EAAA,QAAAQ,KAhBHC,IAAA,kBAAA,OAAA;EACa,WAAAF;EAUF,SAAAC;EAMT,CAAA,EAAAR,EAAA,KAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAS,KAAAA,IAAAT,EAAA,KAjBFS"}
+{"version":3,"file":"Overlay.js","names":["cn","openDrawerAtom","useSetAtom","DrawerOverlayProps","open","onClick","closeDrawerOnClick","className","InWidgetDrawerOverlay","t0","$","_c","t1","undefined","setOpenDrawer","t2","t3","t4","t5","t6"],"sources":["../../../../src/components/widget/Drawer/Overlay.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { openDrawerAtom } from \"./state/useDrawerControls\";\nimport { useSetAtom } from \"@/core/store\";\n\ntype DrawerOverlayProps = {\n  open: boolean;\n  onClick?: () => void;\n  closeDrawerOnClick?: boolean;\n  className?: string;\n};\n// Used when Partial Drawer is open,\n// darkens the Widget in the background,\n// onClick closes the Partial Drawer\nexport function InWidgetDrawerOverlay({\n  open,\n  onClick,\n  closeDrawerOnClick = true,\n  className,\n}: DrawerOverlayProps) {\n  const setOpenDrawer = useSetAtom(openDrawerAtom);\n\n  return (\n    <div\n      className={cn(\n        \"absolute inset-0 bg-gray-900 z-10 transition-opacity duration-300 rounded-xxl\",\n        {\n          \"opacity-0\": !open,\n          \"opacity-75\": open,\n          // allow clicking through when no drawer is open\n          \"pointer-events-none\": !open,\n        },\n        className\n      )}\n      onClick={() => {\n        if (closeDrawerOnClick) {\n          setOpenDrawer(null);\n        }\n        onClick?.();\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAOQ,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAA+B,EAAAP,SAAAC,YAAAC,oBAAAM,GAAAL,iBAAAE,GAGpCH,IAAAM,MAAAC,KAAAA,IAAA,KAAAD,GAGAE,IAAsBZ,EAAWD,EAAe,EAO3Bc,IAAA,CAACX,GAGSY,IAAA,CAACZ,GAAIa;CAAA,AAAAP,EAAA,OAAAH,KAAAG,EAAA,OAAAN,KAAAM,EAAA,OAAAK,KAAAL,EAAA,OAAAM,KANrBC,IAAAjB,EACT,iFACA;EAAA,aACee;EAAK,cACJX;EAAI,uBAEKY;EACxB,EACDT,EACD,EAAAG,EAAA,KAAAH,GAAAG,EAAA,KAAAN,GAAAM,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA;CAAA,IAAAQ;CAAA,AAAAR,EAAA,OAAAJ,KAAAI,EAAA,OAAAL,KAAAK,EAAA,OAAAI,KACQI,UAAA;EAIPb,AAHIC,KACFQ,EAAc,KAAK,EAErBT,KAAW;IACZK,EAAA,KAAAJ,GAAAI,EAAA,KAAAL,GAAAK,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;CACD,OADCT,EAAA,OAAAO,KAAAP,EAAA,QAAAQ,KAhBHC,IAAA,kBAAA,OAAA;EACa,WAAAF;EAUF,SAAAC;EAMT,CAAA,EAAAR,EAAA,KAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAS,KAAAA,IAAAT,EAAA,KAjBFS"}

package/dist/components/widget/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Drawer","DrawerClose","DrawerContent","DrawerHeader","DrawerTitle","DrawerPortal","DrawerDescription","useContainerAtom","cn","LoggerInstance","WithClasses","XIcon","ArrowLeft","ControlledDrawerProps","React","ComponentProps","open","children","ReactNode","container","HTMLElement","title","description","showGoBackButton","onGoBack","showCloseButton","logger","closeButtonReplacement","scrollIntoView","ControlledDrawer","t0","$","_c","_container","classes","props","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","dismissible","t11","t12","t13","t14","undefined","drawerContainer","shouldShowHeader","content","restoreContainer","onAnimationStart","event","maybeMoveIntoPage","element","currentTarget","onAnimationEnd","maybeScrollIntoView","onClose","isElementAbovePage","Element","rect","getBoundingClientRect","diff","Math","ceil","top","window","scrollY","isAbove","overlap","abs","MaybeMoveIntoPageProps","style","translate","isElementVisibleInViewport","innerHeight","bottom","left","innerWidth","right","behavior","block","inline","transition"],"sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerPortal,\n  DrawerDescription,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/core/state/containerAtom\";\nimport { cn } from \"@/lib/utils\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { XIcon, ArrowLeft } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n  open: boolean;\n  children?: React.ReactNode;\n  container?: HTMLElement | null;\n  title?: string;\n  description?: string;\n  showGoBackButton?: boolean;\n  onGoBack?: () => void;\n  showCloseButton?: boolean;\n  logger?: LoggerInstance;\n  closeButtonReplacement?: React.ReactNode;\n  scrollIntoView?: boolean;\n} & WithClasses<\"content\">;\n\nexport function ControlledDrawer({\n  children,\n  container: _container,\n  title,\n  description,\n  showCloseButton,\n  showGoBackButton,\n  onGoBack,\n  closeButtonReplacement,\n  logger,\n  dismissible = false,\n  scrollIntoView = true, // If Drawer Opened offscreen, scroll into view\n  classes,\n  ...props\n}: ControlledDrawerProps) {\n  const drawerContainer = useContainerAtom();\n  const container = _container || drawerContainer;\n\n  const shouldShowHeader = !!(\n    showGoBackButton ||\n    title ||\n    showCloseButton ||\n    closeButtonReplacement\n  );\n\n  return (\n    <Drawer\n      {...props}\n      container={container}\n      dismissible={dismissible}\n      modal={false}\n    >\n      <DrawerPortal>\n        <DrawerContent\n          className={cn(\n            \"absolute p-0 bg-contrast-8 dark:bg-contrast-1\",\n            classes?.content\n          )}\n          onAnimationStart={() => {\n            if (drawerContainer && !props.open) {\n              // restore container to bottom\n              restoreContainer.onAnimationStart(drawerContainer);\n            }\n          }}\n          onAnimationEnd={(event) => {\n            if (drawerContainer) {\n              maybeMoveIntoPage({\n                element: event.currentTarget,\n                open: props.open,\n                drawerContainer,\n              });\n              // restore normal transition if it was set to none\n              restoreContainer.onAnimationEnd(drawerContainer);\n            }\n\n            // only after animated to Open state to prevent jiggle\n            if (scrollIntoView && props.open) {\n              // On short screens a Drawer may open offscreen and not be noticable\n              maybeScrollIntoView(event.currentTarget);\n            }\n          }}\n        >\n          {shouldShowHeader ? (\n            <DrawerHeader>\n              <div className=\"flex items-center justify-between\">\n                <DrawerTitle className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n                  {showGoBackButton && (\n                    <ArrowLeft\n                      className=\"ring-offset-background cursor-pointer size-4 focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\"\n                      onClick={onGoBack || props.onClose}\n                    />\n                  )}\n                  {title}\n                </DrawerTitle>\n                {closeButtonReplacement ??\n                  (showCloseButton && (\n                    <DrawerClose\n                      className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                      onClick={props.onClose}\n                    >\n                      <XIcon />\n                    </DrawerClose>\n                  ))}\n              </div>\n            </DrawerHeader>\n          ) : (\n            // workaround to avoid \"DialogContent requires a DialogTitle for the component to be accessible for screen reader users\"\n            // error if !shouldShowHeader\n            <DrawerTitle className=\"sr-only\" />\n          )}\n          <DrawerDescription>{description}</DrawerDescription>\n          {children}\n        </DrawerContent>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n\n// Helper function to check if an element is above the page (not viewport)\nfunction isElementAbovePage(element: Element) {\n  const rect = element.getBoundingClientRect();\n  const diff = Math.ceil(rect.top + window.scrollY);\n  const isAbove = diff < 0;\n  const overlap = isAbove ? Math.abs(diff) : 0;\n  return {\n    overlap,\n    isAbove,\n  };\n}\n\ntype MaybeMoveIntoPageProps = {\n  element: Element;\n  open: boolean;\n  drawerContainer: HTMLElement;\n};\n\nfunction maybeMoveIntoPage({\n  element,\n  open,\n  drawerContainer,\n}: MaybeMoveIntoPageProps) {\n  if (open) {\n    const { isAbove, overlap } = isElementAbovePage(element);\n    if (isAbove) {\n      drawerContainer.style.translate = `0 ${overlap}px`;\n    }\n  } else {\n    drawerContainer.style.translate = \"\";\n  }\n}\n\n// Helper function to check if an element is visible in the viewport\nfunction isElementVisibleInViewport(element: Element): boolean {\n  const rect = element.getBoundingClientRect();\n\n  return (\n    rect.top <= window.innerHeight &&\n    rect.bottom >= 0 &&\n    rect.left <= window.innerWidth &&\n    rect.right >= 0\n  );\n}\n\nfunction maybeScrollIntoView(element: Element) {\n  if (isElementVisibleInViewport(element)) {\n    return;\n  }\n  element.scrollIntoView({\n    behavior: \"smooth\",\n    block: \"nearest\",\n    inline: \"nearest\",\n  });\n}\n\nconst restoreContainer = {\n  onAnimationStart: (drawerContainer: HTMLElement) => {\n    // restore container to bottom\n    drawerContainer.style.translate = \"\";\n    // set transition to snap container to bottom, looks better when not animated, because drawer is already closing\n    drawerContainer.style.transition = \"none\";\n  },\n  onAnimationEnd: (drawerContainer: HTMLElement) => {\n    // restore normal transition if it was set to none\n    drawerContainer.style.transition = \"\";\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Drawer","DrawerClose","DrawerContent","DrawerHeader","DrawerTitle","DrawerPortal","DrawerDescription","useContainerAtom","cn","LoggerInstance","WithClasses","XIcon","ArrowLeft","ControlledDrawerProps","React","ComponentProps","open","children","ReactNode","container","HTMLElement","title","description","showGoBackButton","onGoBack","showCloseButton","logger","closeButtonReplacement","scrollIntoView","ControlledDrawer","t0","$","_c","_container","classes","props","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","dismissible","t11","t12","t13","t14","undefined","drawerContainer","shouldShowHeader","content","restoreContainer","onAnimationStart","event","maybeMoveIntoPage","element","currentTarget","onAnimationEnd","maybeScrollIntoView","onClose","isElementAbovePage","Element","rect","getBoundingClientRect","diff","Math","ceil","top","window","scrollY","isAbove","overlap","abs","MaybeMoveIntoPageProps","style","translate","isElementVisibleInViewport","innerHeight","bottom","left","innerWidth","right","behavior","block","inline","transition"],"sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerPortal,\n  DrawerDescription,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/core/state/containerAtom\";\nimport { cn } from \"@/lib/utils\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { XIcon, ArrowLeft } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n  open: boolean;\n  children?: React.ReactNode;\n  container?: HTMLElement | null;\n  title?: string;\n  description?: string;\n  showGoBackButton?: boolean;\n  onGoBack?: () => void;\n  showCloseButton?: boolean;\n  logger?: LoggerInstance;\n  closeButtonReplacement?: React.ReactNode;\n  scrollIntoView?: boolean;\n} & WithClasses<\"content\">;\n\nexport function ControlledDrawer({\n  children,\n  container: _container,\n  title,\n  description,\n  showCloseButton,\n  showGoBackButton,\n  onGoBack,\n  closeButtonReplacement,\n  logger,\n  dismissible = false,\n  scrollIntoView = true, // If Drawer Opened offscreen, scroll into view\n  classes,\n  ...props\n}: ControlledDrawerProps) {\n  const drawerContainer = useContainerAtom();\n  const container = _container || drawerContainer;\n\n  const shouldShowHeader = !!(\n    showGoBackButton ||\n    title ||\n    showCloseButton ||\n    closeButtonReplacement\n  );\n\n  return (\n    <Drawer\n      {...props}\n      container={container}\n      dismissible={dismissible}\n      modal={false}\n    >\n      <DrawerPortal>\n        <DrawerContent\n          className={cn(\n            \"absolute p-0 bg-contrast-8 dark:bg-contrast-1\",\n            classes?.content\n          )}\n          onAnimationStart={() => {\n            if (drawerContainer && !props.open) {\n              // restore container to bottom\n              restoreContainer.onAnimationStart(drawerContainer);\n            }\n          }}\n          onAnimationEnd={(event) => {\n            if (drawerContainer) {\n              maybeMoveIntoPage({\n                element: event.currentTarget,\n                open: props.open,\n                drawerContainer,\n              });\n              // restore normal transition if it was set to none\n              restoreContainer.onAnimationEnd(drawerContainer);\n            }\n\n            // only after animated to Open state to prevent jiggle\n            if (scrollIntoView && props.open) {\n              // On short screens a Drawer may open offscreen and not be noticable\n              maybeScrollIntoView(event.currentTarget);\n            }\n          }}\n        >\n          {shouldShowHeader ? (\n            <DrawerHeader>\n              <div className=\"flex items-center justify-between\">\n                <DrawerTitle className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n                  {showGoBackButton && (\n                    <ArrowLeft\n                      className=\"ring-offset-background cursor-pointer size-4 focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\"\n                      onClick={onGoBack || props.onClose}\n                    />\n                  )}\n                  {title}\n                </DrawerTitle>\n                {closeButtonReplacement ??\n                  (showCloseButton && (\n                    <DrawerClose\n                      className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                      onClick={props.onClose}\n                    >\n                      <XIcon />\n                    </DrawerClose>\n                  ))}\n              </div>\n            </DrawerHeader>\n          ) : (\n            // workaround to avoid \"DialogContent requires a DialogTitle for the component to be accessible for screen reader users\"\n            // error if !shouldShowHeader\n            <DrawerTitle className=\"sr-only\" />\n          )}\n          <DrawerDescription>{description}</DrawerDescription>\n          {children}\n        </DrawerContent>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n\n// Helper function to check if an element is above the page (not viewport)\nfunction isElementAbovePage(element: Element) {\n  const rect = element.getBoundingClientRect();\n  const diff = Math.ceil(rect.top + window.scrollY);\n  const isAbove = diff < 0;\n  const overlap = isAbove ? Math.abs(diff) : 0;\n  return {\n    overlap,\n    isAbove,\n  };\n}\n\ntype MaybeMoveIntoPageProps = {\n  element: Element;\n  open: boolean;\n  drawerContainer: HTMLElement;\n};\n\nfunction maybeMoveIntoPage({\n  element,\n  open,\n  drawerContainer,\n}: MaybeMoveIntoPageProps) {\n  if (open) {\n    const { isAbove, overlap } = isElementAbovePage(element);\n    if (isAbove) {\n      drawerContainer.style.translate = `0 ${overlap}px`;\n    }\n  } else {\n    drawerContainer.style.translate = \"\";\n  }\n}\n\n// Helper function to check if an element is visible in the viewport\nfunction isElementVisibleInViewport(element: Element): boolean {\n  const rect = element.getBoundingClientRect();\n\n  return (\n    rect.top <= window.innerHeight &&\n    rect.bottom >= 0 &&\n    rect.left <= window.innerWidth &&\n    rect.right >= 0\n  );\n}\n\nfunction maybeScrollIntoView(element: Element) {\n  if (isElementVisibleInViewport(element)) {\n    return;\n  }\n  element.scrollIntoView({\n    behavior: \"smooth\",\n    block: \"nearest\",\n    inline: \"nearest\",\n  });\n}\n\nconst restoreContainer = {\n  onAnimationStart: (drawerContainer: HTMLElement) => {\n    // restore container to bottom\n    drawerContainer.style.translate = \"\";\n    // set transition to snap container to bottom, looks better when not animated, because drawer is already closing\n    drawerContainer.style.transition = \"none\";\n  },\n  onAnimationEnd: (drawerContainer: HTMLElement) => {\n    // restore normal transition if it was set to none\n    drawerContainer.style.transition = \"\";\n  },\n};\n"],"mappings":"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"}

package/dist/components/widget/Drawer/state/useDrawerControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerControls.js","names":["DRAWER_HEIGHT","useLogger","LoggerInstance","atom","useLayoutEffect","useRef","useState","useAtom","useAtomValue","useSetAtom","DrawerControls","open","onOpen","onClose","onOpenChange","logger","DrawerId","openDrawerAtom","onMount","set","useOpenDrawerId","useSetOpenDrawer","DrawerControlsProps","drawerId","useDrawerControls","t0","$","_c","_onOpen","_onClose","openDrawer","setOpenDrawer","t1","info","t2","currentOpenDrawer","t3","open_0","t4","useLocalDrawerControls","undefined","setOpen","t5","fullCoverDrawers","Set","transition","useDrawerContainerHeightTransition","containerRef","previousHeightRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","isDrawerOpen"],"sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { DRAWER_HEIGHT } from \"@/core/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { atom } from \"jotai\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { useAtom, useAtomValue, useSetAtom } from \"@/core/store\";\n\nexport type DrawerControls = {\n  open: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  logger: LoggerInstance;\n};\n\nexport type DrawerId =\n  | \"account-button-drawer\"\n  | \"trade-parameters-drawer\"\n  | \"receiver-address-drawer\"\n  | \"wrap-eth-drawer\"\n  | \"connect-wallet-drawer\"\n  | \"order-details\"\n  | \"fill-order-review-and-confirm-drawer\"\n  | `import-token-drawer-${\"from\" | \"to\" | undefined}`\n  | \"custom-duration-drawer\";\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nopenDrawerAtom.onMount = (set) => {\n  return () => {\n    // Reset open drawer on unmount to prevent stuck open drawers on remount.\n    // This happens, for example, on route change in the UI with any drawer open.\n    set(null);\n  };\n};\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n  return useAtomValue(openDrawerAtom);\n};\n\nexport const useSetOpenDrawer = () => {\n  return useSetAtom(openDrawerAtom);\n};\n\ntype DrawerControlsProps = {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: DrawerId;\n};\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: DrawerControlsProps): DrawerControls => {\n  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n  const open = openDrawer === drawerId;\n\n  const logger = useLogger(drawerId);\n\n  const onOpen = () => {\n    logger.info(\"onOpen\");\n    setOpenDrawer(drawerId);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    logger.info(\"onClose\");\n    setOpenDrawer((currentOpenDrawer) => {\n      // only reset openDrawer if closing the drawer that is currently open,\n      // so that we don't interfere with other drawers that are opening at the same time\n      if (currentOpenDrawer === drawerId) {\n        return null;\n      }\n      return currentOpenDrawer;\n    });\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n    logger,\n  };\n};\n\nexport const useLocalDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n}: Omit<DrawerControlsProps, \"drawerId\"> = {}): Omit<\n  DrawerControls,\n  \"logger\"\n> => {\n  const [open, setOpen] = useState(false);\n  const onOpen = () => {\n    setOpen(true);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    setOpen(false);\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n  };\n};\n\n/**\n * Drawer IDs that should be considered full-cover drawers.\n *\n * When a full-cover drawer opens, the widget container height is transitioned to a fixed WIDGET_HEIGHT_CLASSNAME height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([]);\n\nconst transition = \"height 0.3s ease-in-out\";\n\n/**\n * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.\n *\n * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height\n * to a fixed WIDGET_HEIGHT_CLASSNAME height. When the drawer closes, it animates back to the original height and then\n * resets to auto for natural sizing.\n *\n * This prevents jarring height jumps and provides a polished user experience during drawer interactions.\n *\n * @returns {Object} containerRef - React ref that should be attached to the widget container element\n *\n * @example\n * const { containerRef } = useDrawerContainerHeightTransition();\n * return <div ref={containerRef} className=\"widget-container\">...</div>\n */\nexport const useDrawerContainerHeightTransition = (\n  containerRef: React.RefObject<HTMLDivElement | null>\n): {\n  drawerId: DrawerId | null;\n  isDrawerFullCover: boolean;\n  isDrawerOpen: boolean;\n} => {\n  const previousHeightRef = useRef<number | null>(null);\n\n  const currentDrawerId = useOpenDrawerId();\n  const isDrawerFullCover =\n    !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);\n\n  useLayoutEffect(() => {\n    if (containerRef.current) {\n      const container = containerRef.current;\n\n      if (isDrawerFullCover) {\n        // Get current height\n        const currentHeight = container.scrollHeight;\n        // widget will be fully covered by the drawer, won't see the transition\n        const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;\n        if (shouldSkipTransition) {\n          return;\n        }\n        previousHeightRef.current = currentHeight;\n        container.style.overflow = \"hidden\";\n\n        // Set current height first (no transition)\n        container.style.transition = \"none\";\n        container.style.height = `${currentHeight}px`;\n\n        // Use requestAnimationFrame to ensure the first height is painted\n        requestAnimationFrame(() => {\n          // Enable transition and set target height\n          container.style.transition = transition;\n          container.style.height = `${DRAWER_HEIGHT}px`;\n        });\n      } else if (previousHeightRef.current !== null) {\n        // Only transition back if we have a previous height\n        container.style.transition = transition;\n        container.style.height = `${previousHeightRef.current}px`;\n        previousHeightRef.current = null;\n\n        // After transition completes, reset to auto\n        const onTransitionEnd = (event: TransitionEvent) => {\n          if (\n            event.target === container &&\n            event.propertyName === \"height\" &&\n            event.type === \"transitionend\"\n          ) {\n            container.style.height = \"auto\";\n            container.style.transition = \"\";\n            container.style.overflow = \"\";\n\n            container.removeEventListener(\"transitionend\", onTransitionEnd);\n          }\n        };\n        container.addEventListener(\"transitionend\", onTransitionEnd);\n\n        return () => {\n          // cleanup just in case\n          container.removeEventListener(\"transitionend\", onTransitionEnd);\n        };\n      }\n    }\n  }, [containerRef, isDrawerFullCover]);\n\n  return {\n    drawerId: currentDrawerId,\n    isDrawerFullCover,\n    isDrawerOpen: !!currentDrawerId,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useDrawerControls.js","names":["DRAWER_HEIGHT","useLogger","LoggerInstance","atom","useLayoutEffect","useRef","useState","useAtom","useAtomValue","useSetAtom","DrawerControls","open","onOpen","onClose","onOpenChange","logger","DrawerId","openDrawerAtom","onMount","set","useOpenDrawerId","useSetOpenDrawer","DrawerControlsProps","drawerId","useDrawerControls","t0","$","_c","_onOpen","_onClose","openDrawer","setOpenDrawer","t1","info","t2","currentOpenDrawer","t3","open_0","t4","useLocalDrawerControls","undefined","setOpen","t5","fullCoverDrawers","Set","transition","useDrawerContainerHeightTransition","containerRef","previousHeightRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","isDrawerOpen"],"sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { DRAWER_HEIGHT } from \"@/core/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { atom } from \"jotai\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { useAtom, useAtomValue, useSetAtom } from \"@/core/store\";\n\nexport type DrawerControls = {\n  open: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  logger: LoggerInstance;\n};\n\nexport type DrawerId =\n  | \"account-button-drawer\"\n  | \"trade-parameters-drawer\"\n  | \"receiver-address-drawer\"\n  | \"wrap-eth-drawer\"\n  | \"connect-wallet-drawer\"\n  | \"order-details\"\n  | \"fill-order-review-and-confirm-drawer\"\n  | `import-token-drawer-${\"from\" | \"to\" | undefined}`\n  | \"custom-duration-drawer\";\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nopenDrawerAtom.onMount = (set) => {\n  return () => {\n    // Reset open drawer on unmount to prevent stuck open drawers on remount.\n    // This happens, for example, on route change in the UI with any drawer open.\n    set(null);\n  };\n};\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n  return useAtomValue(openDrawerAtom);\n};\n\nexport const useSetOpenDrawer = () => {\n  return useSetAtom(openDrawerAtom);\n};\n\ntype DrawerControlsProps = {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: DrawerId;\n};\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: DrawerControlsProps): DrawerControls => {\n  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n  const open = openDrawer === drawerId;\n\n  const logger = useLogger(drawerId);\n\n  const onOpen = () => {\n    logger.info(\"onOpen\");\n    setOpenDrawer(drawerId);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    logger.info(\"onClose\");\n    setOpenDrawer((currentOpenDrawer) => {\n      // only reset openDrawer if closing the drawer that is currently open,\n      // so that we don't interfere with other drawers that are opening at the same time\n      if (currentOpenDrawer === drawerId) {\n        return null;\n      }\n      return currentOpenDrawer;\n    });\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n    logger,\n  };\n};\n\nexport const useLocalDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n}: Omit<DrawerControlsProps, \"drawerId\"> = {}): Omit<\n  DrawerControls,\n  \"logger\"\n> => {\n  const [open, setOpen] = useState(false);\n  const onOpen = () => {\n    setOpen(true);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    setOpen(false);\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n  };\n};\n\n/**\n * Drawer IDs that should be considered full-cover drawers.\n *\n * When a full-cover drawer opens, the widget container height is transitioned to a fixed WIDGET_HEIGHT_CLASSNAME height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([]);\n\nconst transition = \"height 0.3s ease-in-out\";\n\n/**\n * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.\n *\n * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height\n * to a fixed WIDGET_HEIGHT_CLASSNAME height. When the drawer closes, it animates back to the original height and then\n * resets to auto for natural sizing.\n *\n * This prevents jarring height jumps and provides a polished user experience during drawer interactions.\n *\n * @returns {Object} containerRef - React ref that should be attached to the widget container element\n *\n * @example\n * const { containerRef } = useDrawerContainerHeightTransition();\n * return <div ref={containerRef} className=\"widget-container\">...</div>\n */\nexport const useDrawerContainerHeightTransition = (\n  containerRef: React.RefObject<HTMLDivElement | null>\n): {\n  drawerId: DrawerId | null;\n  isDrawerFullCover: boolean;\n  isDrawerOpen: boolean;\n} => {\n  const previousHeightRef = useRef<number | null>(null);\n\n  const currentDrawerId = useOpenDrawerId();\n  const isDrawerFullCover =\n    !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);\n\n  useLayoutEffect(() => {\n    if (containerRef.current) {\n      const container = containerRef.current;\n\n      if (isDrawerFullCover) {\n        // Get current height\n        const currentHeight = container.scrollHeight;\n        // widget will be fully covered by the drawer, won't see the transition\n        const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;\n        if (shouldSkipTransition) {\n          return;\n        }\n        previousHeightRef.current = currentHeight;\n        container.style.overflow = \"hidden\";\n\n        // Set current height first (no transition)\n        container.style.transition = \"none\";\n        container.style.height = `${currentHeight}px`;\n\n        // Use requestAnimationFrame to ensure the first height is painted\n        requestAnimationFrame(() => {\n          // Enable transition and set target height\n          container.style.transition = transition;\n          container.style.height = `${DRAWER_HEIGHT}px`;\n        });\n      } else if (previousHeightRef.current !== null) {\n        // Only transition back if we have a previous height\n        container.style.transition = transition;\n        container.style.height = `${previousHeightRef.current}px`;\n        previousHeightRef.current = null;\n\n        // After transition completes, reset to auto\n        const onTransitionEnd = (event: TransitionEvent) => {\n          if (\n            event.target === container &&\n            event.propertyName === \"height\" &&\n            event.type === \"transitionend\"\n          ) {\n            container.style.height = \"auto\";\n            container.style.transition = \"\";\n            container.style.overflow = \"\";\n\n            container.removeEventListener(\"transitionend\", onTransitionEnd);\n          }\n        };\n        container.addEventListener(\"transitionend\", onTransitionEnd);\n\n        return () => {\n          // cleanup just in case\n          container.removeEventListener(\"transitionend\", onTransitionEnd);\n        };\n      }\n    }\n  }, [containerRef, isDrawerFullCover]);\n\n  return {\n    drawerId: currentDrawerId,\n    isDrawerFullCover,\n    isDrawerOpen: !!currentDrawerId,\n  };\n};\n"],"mappings":"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"}

package/dist/components/widget/Dropdown/DropdownWithItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownWithItems.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAYtD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiD9D,CAAC"}
+{"version":3,"file":"DropdownWithItems.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAYtD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoD9D,CAAC"}

package/dist/components/widget/Dropdown/DropdownWithItems.js

@@ -23,11 +23,12 @@ var u = {
 		children: f
 	}), /* @__PURE__ */ c(r, {
 		className: e(u.group, m?.group),
-		children: p?.map(({ label: t, onSelect: n, selected: r, className: a }, o) => /* @__PURE__ */ c(i, {
+		children: p?.map(({ label: t, onSelect: n, selected: r, className: a, disabled: o }, s) => /* @__PURE__ */ c(i, {
 			onSelect: n,
 			className: e(u.item, m?.item, a, r && e(u.itemSelected, m?.itemSelected)),
+			disabled: o,
 			children: t
-		}, o))
+		}, s))
 	})]
 })] });
 //#endregion

package/dist/components/widget/Dropdown/DropdownWithItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownWithItems.js","names":["DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuGroup","DropdownMenuItem","Button","cn","DropdownWithItemsProps","defaultClasses","content","group","item","itemSelected","trigger","DropdownWithItems","React","FC","menuTrigger","label","items","classes","align","map","onSelect","selected","className","index"],"sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"sourcesContent":["import {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n} from \"@/components/ui/dropdown-menu\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { DropdownWithItemsProps } from \"./types\";\n\nconst defaultClasses: DropdownWithItemsProps[\"classes\"] = {\n  content:\n    \"p-2 border border-transparent bg-contrast-9 dark:bg-contrast-2 dark:border-contrast-3\",\n  group: \"space-y-1\",\n  item: \"min-w-[160px] min-h-[32px] text-xs hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-md px-2 py-1 cursor-pointer\",\n  itemSelected: \"bg-contrast-8 dark:bg-contrast-3\",\n  trigger:\n    \"transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:rounded-xs\",\n};\n\nexport const DropdownWithItems: React.FC<DropdownWithItemsProps> = ({\n  menuTrigger = <Button variant=\"outline\">Open</Button>,\n  label,\n  items,\n  classes,\n  align = \"start\",\n}) => {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        className={cn(defaultClasses.trigger, classes?.trigger)}\n      >\n        {menuTrigger}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        className={cn(defaultClasses.content, classes?.content)}\n        align={align}\n      >\n        {label && (\n          <DropdownMenuLabel\n            className={cn(defaultClasses.label, classes?.label)}\n          >\n            {label}\n          </DropdownMenuLabel>\n        )}\n        <DropdownMenuGroup className={cn(defaultClasses.group, classes?.group)}>\n          {items?.map(({ label, onSelect, selected, className }, index) => (\n            <DropdownMenuItem\n              key={index}\n              onSelect={onSelect}\n              className={cn(\n                // apply default classes first\n                defaultClasses.item,\n                // then apply custom classes\n                classes?.item,\n                // but option.className takes precedence\n                className,\n                // and if selected, apply selected class\n                selected &&\n                  cn(defaultClasses.itemSelected, classes?.itemSelected)\n              )}\n            >\n              {label}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"mappings":";;;;;AAYA,IAAMS,IAAoD;CACxDC,SACE;CACFC,OAAO;CACPC,MAAM;CACNC,cAAc;CACdC,SACE;CACH,EAEYC,KAAuD,EAClEG,iBAAc,kBAAC,GAAD;CAAQ,SAAQ;WAAU;CAAa,CAAA,EACrDC,UACAC,UACAC,YACAC,WAAQ,cAGN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;CACE,WAAWf,EAAGE,EAAeK,SAASO,GAASP,QAAQ;WAEtDI;CACkB,CAAA,EACrB,kBAAC,GAAD;CACE,WAAWX,EAAGE,EAAeC,SAASW,GAASX,QAAQ;CAChDY;WAFT,CAIGH,KACC,kBAAC,GAAD;EACE,WAAWZ,EAAGE,EAAeU,OAAOE,GAASF,MAAM;YAElDA;EAEJ,CAAA,EACD,kBAAC,GAAD;EAAmB,WAAWZ,EAAGE,EAAeE,OAAOU,GAASV,MAAM;YACnES,GAAOG,KAAK,EAAEJ,OAAAA,GAAOK,aAAUC,aAAUC,gBAAaC,MACrD,kBAAC,GAAD;GAEYH;GACV,WAAWjB,EAETE,EAAeG,MAEfS,GAAST,MAETc,GAEAD,KACElB,EAAGE,EAAeI,cAAcQ,GAASR,aAC7C,CAAC;aAEAM;GAEJ,EAhBQQ,EAgBR,CAAC;EACe,CAAA,CACA;GACR,EAAA,CAAA"}
+{"version":3,"file":"DropdownWithItems.js","names":["DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuGroup","DropdownMenuItem","Button","cn","DropdownWithItemsProps","defaultClasses","content","group","item","itemSelected","trigger","DropdownWithItems","React","FC","menuTrigger","label","items","classes","align","map","onSelect","selected","className","disabled","index"],"sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"sourcesContent":["import {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n} from \"@/components/ui/dropdown-menu\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { DropdownWithItemsProps } from \"./types\";\n\nconst defaultClasses: DropdownWithItemsProps[\"classes\"] = {\n  content:\n    \"p-2 border border-transparent bg-contrast-9 dark:bg-contrast-2 dark:border-contrast-3\",\n  group: \"space-y-1\",\n  item: \"min-w-[160px] min-h-[32px] text-xs hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-md px-2 py-1 cursor-pointer\",\n  itemSelected: \"bg-contrast-8 dark:bg-contrast-3\",\n  trigger:\n    \"transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:rounded-xs\",\n};\n\nexport const DropdownWithItems: React.FC<DropdownWithItemsProps> = ({\n  menuTrigger = <Button variant=\"outline\">Open</Button>,\n  label,\n  items,\n  classes,\n  align = \"start\",\n}) => {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        className={cn(defaultClasses.trigger, classes?.trigger)}\n      >\n        {menuTrigger}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        className={cn(defaultClasses.content, classes?.content)}\n        align={align}\n      >\n        {label && (\n          <DropdownMenuLabel\n            className={cn(defaultClasses.label, classes?.label)}\n          >\n            {label}\n          </DropdownMenuLabel>\n        )}\n        <DropdownMenuGroup className={cn(defaultClasses.group, classes?.group)}>\n          {items?.map(\n            ({ label, onSelect, selected, className, disabled }, index) => (\n              <DropdownMenuItem\n                key={index}\n                onSelect={onSelect}\n                className={cn(\n                  // apply default classes first\n                  defaultClasses.item,\n                  // then apply custom classes\n                  classes?.item,\n                  // but option.className takes precedence\n                  className,\n                  // and if selected, apply selected class\n                  selected &&\n                    cn(defaultClasses.itemSelected, classes?.itemSelected)\n                )}\n                disabled={disabled}\n              >\n                {label}\n              </DropdownMenuItem>\n            )\n          )}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"mappings":";;;;;AAYA,IAAMS,IAAoD;CACxDC,SACE;CACFC,OAAO;CACPC,MAAM;CACNC,cAAc;CACdC,SACE;CACH,EAEYC,KAAuD,EAClEG,iBAAc,kBAAC,GAAD;CAAQ,SAAQ;WAAU;CAAa,CAAA,EACrDC,UACAC,UACAC,YACAC,WAAQ,cAGN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;CACE,WAAWf,EAAGE,EAAeK,SAASO,GAASP,QAAQ;WAEtDI;CACkB,CAAA,EACrB,kBAAC,GAAD;CACE,WAAWX,EAAGE,EAAeC,SAASW,GAASX,QAAQ;CAChDY;WAFT,CAIGH,KACC,kBAAC,GAAD;EACE,WAAWZ,EAAGE,EAAeU,OAAOE,GAASF,MAAM;YAElDA;EAEJ,CAAA,EACD,kBAAC,GAAD;EAAmB,WAAWZ,EAAGE,EAAeE,OAAOU,GAASV,MAAM;YACnES,GAAOG,KACL,EAAEJ,OAAAA,GAAOK,aAAUC,aAAUC,cAAWC,eAAYC,MACnD,kBAAC,GAAD;GAEYJ;GACV,WAAWjB,EAETE,EAAeG,MAEfS,GAAST,MAETc,GAEAD,KACElB,EAAGE,EAAeI,cAAcQ,GAASR,aAC7C,CAAC;GACSc;aAETR;GAGP,EAlBWS,EAkBX,CAAC;EACgB,CAAA,CACA;GACR,EAAA,CAAA"}

package/dist/components/widget/Dropdown/types.d.ts

@@ -1,6 +1,6 @@
 import { WithClasses } from '../../../types/withClasses';
 import { DropdownMenuContentProps, DropdownMenuItemProps } from '@radix-ui/react-dropdown-menu';
-export type DropdownItem = Pick<DropdownMenuItemProps, "onSelect" | "className"> & {
+export type DropdownItem = Pick<DropdownMenuItemProps, "onSelect" | "className" | "disabled"> & {
     label: DropdownMenuItemProps["children"];
     selected?: boolean;
 };

package/dist/components/widget/Dropdown/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,qBAAqB,EACrB,UAAU,GAAG,WAAW,CACzB,GAAG;IACF,KAAK,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC;CAC3C,GAAG,WAAW,CACb,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,CACpE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,qBAAqB,EACrB,UAAU,GAAG,WAAW,GAAG,UAAU,CACtC,GAAG;IACF,KAAK,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC;CAC3C,GAAG,WAAW,CACb,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,CACpE,CAAC"}

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

@@ -1 +1 @@
-{"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"}
+{"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;CAAA,IAAAP,EAAA,OAAAI,KAAAJ,EAAA,OAAAE,GAAA;EAKnB,IAAAM,IAAiBb,EAAYO,EAAO;EAYXF,AAVXO,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;QAAAA,IAAAP,EAAA;CAVzB,IAAAwB,IAAcjB,GAgBRkB,IAAAtB,GAAOuB,MAAMC;CAAA,AAAA3B,EAAA,OAAAyB,IACdE,IAAA3B,EAAA,MAHU2B,IAAAjC,EACT,wDACA+B,EACD,EAAAzB,EAAA,KAAAyB,GAAAzB,EAAA,KAAA2B;CAAA,IAAAC;CAAA,AAAA5B,EAAA,OAAAwB,IASKI,IAAA5B,EAAA,MAPL4B,IAACJ,EAAKK,SAEHL,EAAKM,IAAKC,EAKR,GAPL,KAOK/B,EAAA,KAAAwB,GAAAxB,EAAA,KAAA4B;CAAA,IAAAI;CACF,OADEhC,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;CAAA,OAgCZ,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/Duration/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["DeepNonNullable","DurationPart","isPartWithValue","part","value"],"sources":["../../../../src/components/widget/Duration/utils.ts"],"sourcesContent":["import type { DeepNonNullable } from \"ts-essentials\";\nimport type { DurationPart } from \"./types\";\n\nexport function isPartWithValue(\n  part?: false | DurationPart\n): part is DeepNonNullable<DurationPart> {\n  return !!part && !!part.value; // value > 0\n}\n"],"mappings":";AAGA,SAAgBE,EACdC,GACuC;AACvC,QAAO,CAAC,CAACA,KAAQ,CAAC,CAACA,EAAKC"}
+{"version":3,"file":"utils.js","names":["DeepNonNullable","DurationPart","isPartWithValue","part","value"],"sources":["../../../../src/components/widget/Duration/utils.ts"],"sourcesContent":["import type { DeepNonNullable } from \"ts-essentials\";\nimport type { DurationPart } from \"./types\";\n\nexport function isPartWithValue(\n  part?: false | DurationPart\n): part is DeepNonNullable<DurationPart> {\n  return !!part && !!part.value; // value > 0\n}\n"],"mappings":";AAGA,SAAgBE,EACdC,GACuC;CACvC,OAAO,CAAC,CAACA,KAAQ,CAAC,CAACA,EAAKC"}

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

@@ -1 +1 @@
-{"version":3,"file":"EnabledExchanges.js","names":["GenericScreen","useSetScreen","EnabledExchangesList","useDexesList","emptyArray","isFilledArray","useMemo","useState","EnabledExchangesScreenProps","SearchInput","useChainId","useAtom","atom","getDefaultDraftDisabledDexesForChain","screenClasses","root","const","useTempDisabledDexes","initDexes","$","_c","chainId","t0","bb0","t1","disabledDexes","setDisabledDexes","EnabledExchangesScreen","onGoBack","_onGoBack","onClose","_onClose","initialDisabledDexes","closeScreen","data","dexes","undefined","search","setSearch","t2","normalizedSearch","trim","toLowerCase","filter","dex","includes","filteredDexes","t3","t4","t5","e","target","value","updatedDisabledDexes","t6"],"sources":["../../../../src/components/widget/EnabledExchanges/EnabledExchanges.tsx"],"sourcesContent":["import { GenericScreen } from \"../Screen/GenericScreen\";\nimport { useSetScreen } from \"@/core/screen/state/hooks/useSetScreen\";\nimport { EnabledExchangesList } from \"./EnabledExchangesList\";\nimport { useDexesList } from \"@/hooks/swap/prices/market/queries/dexesList/useDexesList\";\nimport { emptyArray } from \"@/lib/constants\";\nimport { isFilledArray } from \"@/lib/utils/tuple\";\nimport { useMemo, useState } from \"react\";\nimport type { EnabledExchangesScreenProps } from \"./types\";\nimport { SearchInput } from \"@/components/SearchInput/SearchInput\";\nimport { useChainId } from \"wagmi\";\nimport { useAtom } from \"@/core/store\";\nimport { atom } from \"jotai\";\nimport { getDefaultDraftDisabledDexesForChain } from \"../TradeParameters/state/tradePreferencesAtom\";\n\nconst screenClasses = {\n  root: \"min-h-[571px]\",\n} as const;\n\nfunction useTempDisabledDexes(\n  initDexes: EnabledExchangesScreenProps[\"initialDisabledDexes\"]\n) {\n  const chainId = useChainId();\n  const [disabledDexes, setDisabledDexes] = useAtom(\n    // produces a new atom after chain switch\n    useMemo(() => {\n      // when just initialized from TradeParameters drawer\n      if (initDexes.chainId === chainId) {\n        return atom({\n          disabledDexes: initDexes.disabledDexes,\n          chainId: initDexes.chainId,\n        });\n      }\n      // after chain was possibly changed\n      return getDefaultDraftDisabledDexesForChain(chainId);\n    }, [chainId, initDexes.chainId, initDexes.disabledDexes])\n  );\n  return {\n    disabledDexes,\n    setDisabledDexes,\n  };\n}\n\nexport const EnabledExchangesScreen = ({\n  onGoBack: _onGoBack,\n  onClose: _onClose,\n  initialDisabledDexes,\n}: EnabledExchangesScreenProps) => {\n  const { closeScreen } = useSetScreen();\n  const { data: dexes = emptyArray } = useDexesList();\n\n  const { disabledDexes, setDisabledDexes } =\n    useTempDisabledDexes(initialDisabledDexes);\n  const [search, setSearch] = useState(\"\");\n\n  const normalizedSearch = search.trim().toLowerCase();\n  const filteredDexes = normalizedSearch\n    ? dexes.filter((dex) => dex.toLowerCase().includes(normalizedSearch))\n    : dexes;\n\n  const onGoBack = _onGoBack || closeScreen;\n  const onClose = () => _onClose(disabledDexes);\n\n  return (\n    <GenericScreen\n      showBackButton\n      title=\"Enabled Exchanges\"\n      onGoBack={() => {\n        onGoBack();\n        onClose();\n      }}\n      classes={screenClasses}\n    >\n      {isFilledArray(dexes) && (\n        <>\n          <div className=\"px-6 pt-2 pb-1\">\n            <SearchInput\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              onClear={() => setSearch(\"\")}\n              placeholder=\"Search by exchange name\"\n            />\n          </div>\n          <EnabledExchangesList\n            dexes={dexes}\n            filteredDexes={filteredDexes}\n            disabledDexes={disabledDexes.disabledDexes}\n            onDisableDexesChange={(updatedDisabledDexes) => {\n              setDisabledDexes({\n                disabledDexes: updatedDisabledDexes,\n                chainId: disabledDexes.chainId,\n              });\n            }}\n          />\n        </>\n      )}\n    </GenericScreen>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"EnabledExchanges.js","names":["GenericScreen","useSetScreen","EnabledExchangesList","useDexesList","emptyArray","isFilledArray","useMemo","useState","EnabledExchangesScreenProps","SearchInput","useChainId","useAtom","atom","getDefaultDraftDisabledDexesForChain","screenClasses","root","const","useTempDisabledDexes","initDexes","$","_c","chainId","t0","bb0","t1","disabledDexes","setDisabledDexes","EnabledExchangesScreen","onGoBack","_onGoBack","onClose","_onClose","initialDisabledDexes","closeScreen","data","dexes","undefined","search","setSearch","t2","normalizedSearch","trim","toLowerCase","filter","dex","includes","filteredDexes","t3","t4","t5","e","target","value","updatedDisabledDexes","t6"],"sources":["../../../../src/components/widget/EnabledExchanges/EnabledExchanges.tsx"],"sourcesContent":["import { GenericScreen } from \"../Screen/GenericScreen\";\nimport { useSetScreen } from \"@/core/screen/state/hooks/useSetScreen\";\nimport { EnabledExchangesList } from \"./EnabledExchangesList\";\nimport { useDexesList } from \"@/hooks/swap/prices/market/queries/dexesList/useDexesList\";\nimport { emptyArray } from \"@/lib/constants\";\nimport { isFilledArray } from \"@/lib/utils/tuple\";\nimport { useMemo, useState } from \"react\";\nimport type { EnabledExchangesScreenProps } from \"./types\";\nimport { SearchInput } from \"@/components/SearchInput/SearchInput\";\nimport { useChainId } from \"wagmi\";\nimport { useAtom } from \"@/core/store\";\nimport { atom } from \"jotai\";\nimport { getDefaultDraftDisabledDexesForChain } from \"../TradeParameters/state/tradePreferencesAtom\";\n\nconst screenClasses = {\n  root: \"min-h-[571px]\",\n} as const;\n\nfunction useTempDisabledDexes(\n  initDexes: EnabledExchangesScreenProps[\"initialDisabledDexes\"]\n) {\n  const chainId = useChainId();\n  const [disabledDexes, setDisabledDexes] = useAtom(\n    // produces a new atom after chain switch\n    useMemo(() => {\n      // when just initialized from TradeParameters drawer\n      if (initDexes.chainId === chainId) {\n        return atom({\n          disabledDexes: initDexes.disabledDexes,\n          chainId: initDexes.chainId,\n        });\n      }\n      // after chain was possibly changed\n      return getDefaultDraftDisabledDexesForChain(chainId);\n    }, [chainId, initDexes.chainId, initDexes.disabledDexes])\n  );\n  return {\n    disabledDexes,\n    setDisabledDexes,\n  };\n}\n\nexport const EnabledExchangesScreen = ({\n  onGoBack: _onGoBack,\n  onClose: _onClose,\n  initialDisabledDexes,\n}: EnabledExchangesScreenProps) => {\n  const { closeScreen } = useSetScreen();\n  const { data: dexes = emptyArray } = useDexesList();\n\n  const { disabledDexes, setDisabledDexes } =\n    useTempDisabledDexes(initialDisabledDexes);\n  const [search, setSearch] = useState(\"\");\n\n  const normalizedSearch = search.trim().toLowerCase();\n  const filteredDexes = normalizedSearch\n    ? dexes.filter((dex) => dex.toLowerCase().includes(normalizedSearch))\n    : dexes;\n\n  const onGoBack = _onGoBack || closeScreen;\n  const onClose = () => _onClose(disabledDexes);\n\n  return (\n    <GenericScreen\n      showBackButton\n      title=\"Enabled Exchanges\"\n      onGoBack={() => {\n        onGoBack();\n        onClose();\n      }}\n      classes={screenClasses}\n    >\n      {isFilledArray(dexes) && (\n        <>\n          <div className=\"px-6 pt-2 pb-1\">\n            <SearchInput\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              onClear={() => setSearch(\"\")}\n              placeholder=\"Search by exchange name\"\n            />\n          </div>\n          <EnabledExchangesList\n            dexes={dexes}\n            filteredDexes={filteredDexes}\n            disabledDexes={disabledDexes.disabledDexes}\n            onDisableDexesChange={(updatedDisabledDexes) => {\n              setDisabledDexes({\n                disabledDexes: updatedDisabledDexes,\n                chainId: disabledDexes.chainId,\n              });\n            }}\n          />\n        </>\n      )}\n    </GenericScreen>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/EnabledExchanges/EnabledExchangesList.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnabledExchangesList.js","names":["emptyArray","NonEmptyArray","DisabledDexes","EnabledList","EnabledExchangesList","t0","$","_c","dexes","filteredDexes","disabledDexes","onDisableDexesChange","t1","Set","disabledDexesSet","shouldShowAllSwitch","length","t2","dex_1","has","dex","t3","t4","t5","item","all","enable","newDisabledDexes","filter","d","t6","_temp","_temp2","dex_0"],"sources":["../../../../src/components/widget/EnabledExchanges/EnabledExchangesList.tsx"],"sourcesContent":["import { emptyArray } from \"@/lib/constants\";\nimport type { NonEmptyArray } from \"ts-essentials\";\nimport type { DisabledDexes } from \"../TradeParameters/state/enabledExchanges/types\";\nimport { EnabledList } from \"../EnabledList/EnabledList\";\n\nexport const EnabledExchangesList = ({\n  dexes,\n  filteredDexes,\n  disabledDexes,\n  onDisableDexesChange,\n}: {\n  dexes: NonEmptyArray<DisabledDexes[number]>;\n  filteredDexes: DisabledDexes;\n  disabledDexes: DisabledDexes;\n  onDisableDexesChange: (disabledDexes: DisabledDexes) => void;\n}) => {\n  const disabledDexesSet = new Set(disabledDexes);\n\n  const shouldShowAllSwitch = filteredDexes.length > 0;\n\n  return (\n    <EnabledList\n      items={filteredDexes}\n      getKey={(dex) => dex}\n      getLabel={(dex) => dex}\n      isEnabled={(dex) => !disabledDexesSet.has(dex)}\n      isAllEnabled={() => disabledDexes.length === 0}\n      onEnable={({ item, all, enable }) => {\n        if (all) {\n          onDisableDexesChange(enable ? emptyArray : dexes);\n        } else if (item) {\n          const newDisabledDexes = enable\n            ? disabledDexes.filter((d) => d !== item)\n            : [...disabledDexes, item];\n          onDisableDexesChange(newDisabledDexes);\n        }\n      }}\n      showEnableAll={shouldShowAllSwitch}\n      enableAllLabel={`Enable All Exchanges (${dexes.length})`}\n      noItemStatus={`No exchanges found`}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAuBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,kBAAAC,kBAAAC,4BAAAN,GAUpCO;AAAA,CAAAN,EAAA,OAAAI,IACgDE,IAAAN,EAAA,MAAtBM,IAAA,IAAIC,IAAIH,EAAc,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAM;CAA/C,IAAAE,IAAyBF,GAEzBG,IAA4BN,EAAaO,SAAU,GAAEC;AAAA,CAAAX,EAAA,OAAAQ,IAOHG,IAAAX,EAAA,MAAnCW,KAAAC,MAAS,CAACJ,EAAgBK,IAAKC,EAAI,EAAAd,EAAA,KAAAQ,GAAAR,EAAA,KAAAW;CAAA,IAAAI;AAAA,CAAAf,EAAA,OAAAI,EAAAM,SACAK,IAAAf,EAAA,MAAhCe,UAAMX,EAAaM,WAAY,GAACV,EAAA,KAAAI,EAAAM,QAAAV,EAAA,KAAAe;CAAA,IAAAC;AAAA,CAAAhB,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAAAJ,EAAA,OAAAK,KACpCW,KAAAC,MAAA;EAAC,IAAA,EAAAC,SAAAC,QAAAC,cAAAH;AACT,EAAIE,IACFd,EAAqBe,IAAA1B,IAAAQ,EAA4B,GACxCgB,KAITb,EAHyBe,IACrBhB,EAAakB,QAAQC,MAAOA,MAAML,EACV,GAFH,CAAA,GAEjBd,GAAec,EAAK,CACU;IAEzClB,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAgB,KAAAA,IAAAhB,EAAA;CAEe,IAAAiB,IAAA,yBAAyBf,EAAKQ,OAAO,IAAGc;AAExD,QAFwDxB,EAAA,QAAAG,KAAAH,EAAA,QAAAS,KAAAT,EAAA,QAAAW,KAAAX,EAAA,QAAAe,KAAAf,EAAA,QAAAgB,KAAAhB,EAAA,QAAAiB,KAjB1DO,IAAA,kBAAC,GAAD;EACSrB,OAAAA;EACC,QAAAsB;EACE,UAAAC;EACC,WAAAf;EACG,cAAAI;EACJ,UAAAC;EAUKP,eAAAA;EACC,gBAAAQ;EACF,cAAA;EACd,CAAA,EAAAjB,EAAA,MAAAG,GAAAH,EAAA,MAAAS,GAAAT,EAAA,MAAAW,GAAAX,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,GAAAhB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAwB,KAAAA,IAAAxB,EAAA,KAnBFwB;;AAhBgC,SAAAC,EAAAX,GAAA;AAAA,QAkBbA;;AAlBa,SAAAY,EAAAC,GAAA;AAAA,QAmBXb"}
+{"version":3,"file":"EnabledExchangesList.js","names":["emptyArray","NonEmptyArray","DisabledDexes","EnabledList","EnabledExchangesList","t0","$","_c","dexes","filteredDexes","disabledDexes","onDisableDexesChange","t1","Set","disabledDexesSet","shouldShowAllSwitch","length","t2","dex_1","has","dex","t3","t4","t5","item","all","enable","newDisabledDexes","filter","d","t6","_temp","_temp2","dex_0"],"sources":["../../../../src/components/widget/EnabledExchanges/EnabledExchangesList.tsx"],"sourcesContent":["import { emptyArray } from \"@/lib/constants\";\nimport type { NonEmptyArray } from \"ts-essentials\";\nimport type { DisabledDexes } from \"../TradeParameters/state/enabledExchanges/types\";\nimport { EnabledList } from \"../EnabledList/EnabledList\";\n\nexport const EnabledExchangesList = ({\n  dexes,\n  filteredDexes,\n  disabledDexes,\n  onDisableDexesChange,\n}: {\n  dexes: NonEmptyArray<DisabledDexes[number]>;\n  filteredDexes: DisabledDexes;\n  disabledDexes: DisabledDexes;\n  onDisableDexesChange: (disabledDexes: DisabledDexes) => void;\n}) => {\n  const disabledDexesSet = new Set(disabledDexes);\n\n  const shouldShowAllSwitch = filteredDexes.length > 0;\n\n  return (\n    <EnabledList\n      items={filteredDexes}\n      getKey={(dex) => dex}\n      getLabel={(dex) => dex}\n      isEnabled={(dex) => !disabledDexesSet.has(dex)}\n      isAllEnabled={() => disabledDexes.length === 0}\n      onEnable={({ item, all, enable }) => {\n        if (all) {\n          onDisableDexesChange(enable ? emptyArray : dexes);\n        } else if (item) {\n          const newDisabledDexes = enable\n            ? disabledDexes.filter((d) => d !== item)\n            : [...disabledDexes, item];\n          onDisableDexesChange(newDisabledDexes);\n        }\n      }}\n      showEnableAll={shouldShowAllSwitch}\n      enableAllLabel={`Enable All Exchanges (${dexes.length})`}\n      noItemStatus={`No exchanges found`}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAuBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,kBAAAC,kBAAAC,4BAAAN,GAUpCO;CAAA,AAAAN,EAAA,OAAAI,IACgDE,IAAAN,EAAA,MAAtBM,IAAA,IAAIC,IAAIH,EAAc,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAM;CAA/C,IAAAE,IAAyBF,GAEzBG,IAA4BN,EAAaO,SAAU,GAAEC;CAAA,AAAAX,EAAA,OAAAQ,IAOHG,IAAAX,EAAA,MAAnCW,KAAAC,MAAS,CAACJ,EAAgBK,IAAKC,EAAI,EAAAd,EAAA,KAAAQ,GAAAR,EAAA,KAAAW;CAAA,IAAAI;CAAA,AAAAf,EAAA,OAAAI,EAAAM,SACAK,IAAAf,EAAA,MAAhCe,UAAMX,EAAaM,WAAY,GAACV,EAAA,KAAAI,EAAAM,QAAAV,EAAA,KAAAe;CAAA,IAAAC;CAAA,AAAAhB,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAAAJ,EAAA,OAAAK,KACpCW,KAAAC,MAAA;EAAC,IAAA,EAAAC,SAAAC,QAAAC,cAAAH;EACT,AAAIE,IACFd,EAAqBe,IAAA1B,IAAAQ,EAA4B,GACxCgB,KAITb,EAHyBe,IACrBhB,EAAakB,QAAQC,MAAOA,MAAML,EACV,GAFH,CAAA,GAEjBd,GAAec,EAAK,CACU;IAEzClB,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAgB,KAAAA,IAAAhB,EAAA;CAEe,IAAAiB,IAAA,yBAAyBf,EAAKQ,OAAO,IAAGc;CAExD,OAFwDxB,EAAA,QAAAG,KAAAH,EAAA,QAAAS,KAAAT,EAAA,QAAAW,KAAAX,EAAA,QAAAe,KAAAf,EAAA,QAAAgB,KAAAhB,EAAA,QAAAiB,KAjB1DO,IAAA,kBAAC,GAAD;EACSrB,OAAAA;EACC,QAAAsB;EACE,UAAAC;EACC,WAAAf;EACG,cAAAI;EACJ,UAAAC;EAUKP,eAAAA;EACC,gBAAAQ;EACF,cAAA;EACd,CAAA,EAAAjB,EAAA,MAAAG,GAAAH,EAAA,MAAAS,GAAAT,EAAA,MAAAW,GAAAX,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,GAAAhB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAwB,KAAAA,IAAAxB,EAAA,KAnBFwB;;AAhBgC,SAAAC,EAAAX,GAAA;CAAA,OAkBbA;;AAlBa,SAAAY,EAAAC,GAAA;CAAA,OAmBXb"}

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

@@ -1 +1 @@
-{"version":3,"file":"EnabledList.js","names":["Switch","ListItemWithSwitch","EnabledList","items","T","getKey","item","getLabel","React","ReactNode","onEnable","check","all","enable","isEnabled","isAllEnabled","noItemStatus","enableAllLabel","showEnableAll","t0","$","_c","t1","length","every","allEnabled","t2","checked","onEnableAllChange","t3","checked_0","onItemChange","t4","t5","map","item_0","checked_1","t6"],"sources":["../../../../src/components/widget/EnabledList/EnabledList.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { ListItemWithSwitch } from \"@/components/widget/ListItem/ListItemWithSwitch\";\n\ntype EnabledList<T> = {\n  items: T[];\n  getKey: (item: T) => string;\n  getLabel: (item: T) => React.ReactNode;\n  onEnable: (check: { item?: T; all: boolean; enable: boolean }) => void;\n  isEnabled: (item: T) => boolean;\n  isAllEnabled?: (items: T[]) => boolean;\n  noItemStatus?: React.ReactNode;\n  enableAllLabel?: React.ReactNode;\n  showEnableAll?: boolean;\n};\n\nexport const EnabledList = <T,>({\n  items,\n  getKey,\n  getLabel,\n  onEnable,\n  isEnabled,\n  isAllEnabled, // optional source of truth for all enabled state\n  noItemStatus,\n  showEnableAll,\n  enableAllLabel,\n}: EnabledList<T>) => {\n  const allEnabled =\n    isAllEnabled?.(items) ?? (items.length > 0 && items.every(isEnabled));\n\n  const onEnableAllChange = (checked: boolean) => {\n    onEnable({ all: true, enable: checked });\n  };\n\n  const onItemChange = (checked: boolean, item: T) => {\n    onEnable({ all: false, item, enable: checked });\n  };\n\n  return (\n    <div className=\"px-6 h-[420px] overflow-auto [scrollbar-gutter:stable_both-edges]\">\n      {showEnableAll && (\n        <div className=\"flex items-center justify-between gap-2 py-4 border-b border-b-contrast-7 dark:border-b-contrast-3\">\n          <div className=\"text-sm dark:text-contrast-7\">\n            {enableAllLabel || `Enable All (${items.length})`}\n          </div>\n          <Switch\n            checked={allEnabled}\n            onCheckedChange={onEnableAllChange}\n            className=\"cursor-pointer\"\n          />\n        </div>\n      )}\n      {items.length === 0 ? (\n        <div className=\"text-sm text-contrast-5 dark:text-contrast-4 py-6 text-center\">\n          {noItemStatus || \"No items found\"}\n        </div>\n      ) : (\n        items.map((item) => (\n          <ListItemWithSwitch\n            key={getKey(item)}\n            label={getLabel(item)}\n            checked={isEnabled(item)}\n            onCheckedChange={(checked) => {\n              onItemChange(checked, item);\n            }}\n          />\n        ))\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAeA,IAAaE,KAAciB,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAK,EAAAlB,UAAAE,WAAAE,aAAAG,aAAAI,cAAAC,iBAAAC,iBAAAE,kBAAAD,sBAAAE,GAUfG;AAAA,CAAAF,EAAA,OAAAL,KAAAK,EAAA,OAAAN,KAAAM,EAAA,OAAAjB,KAEbmB,IAAAP,IAAeZ,EAAsD,KAA3CA,EAAKoB,SAAU,KAAKpB,EAAKqB,MAAOV,EAAW,GAAAM,EAAA,KAAAL,GAAAK,EAAA,KAAAN,GAAAM,EAAA,KAAAjB,GAAAiB,EAAA,KAAAE,KAAAA,IAAAF,EAAA;CADvE,IAAAK,IACEH,GAAsEI;AAAA,CAAAN,EAAA,OAAAV,IAIvEgB,IAAAN,EAAA,MAFyBM,KAAAC,MAAA;AACxBjB,IAAS;GAAAE,KAAO;GAAIC,QAAUc;GAAS,CAAC;IACzCP,EAAA,KAAAV,GAAAU,EAAA,KAAAM;CAFD,IAAAE,IAA0BF,GAExBG;AAAA,CAAAT,EAAA,OAAAV,IAIDmB,IAAAT,EAAA,MAFoBS,KAAAC,GAAAxB,MAAA;AACnBI,IAAS;GAAAE,KAAO;GAAKN;GAAAO,QAAgBc;GAAS,CAAC;IAChDP,EAAA,KAAAV,GAAAU,EAAA,KAAAS;CAFD,IAAAE,IAAqBF,GAEnBG;AAAA,CAAAZ,EAAA,OAAAK,KAAAL,EAAA,OAAAH,KAAAG,EAAA,QAAAjB,EAAAoB,UAAAH,EAAA,QAAAQ,KAAAR,EAAA,QAAAF,KAIGc,IAAAd,KACC,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAA,OAAA;GAAe,WAAA;aACZD,KAAA,eAAiCd,EAAKoB,OAAO;GAEhD,CAAA,EAAA,kBAAC,GAAD;GACWE,SAAAA;GACQG,iBAAAA;GACP,WAAA;GAEd,CAAA,CACD;KAAAR,EAAA,KAAAK,GAAAL,EAAA,KAAAH,GAAAG,EAAA,MAAAjB,EAAAoB,QAAAH,EAAA,MAAAQ,GAAAR,EAAA,MAAAF,GAAAE,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAa;AAAA,CAAAb,EAAA,QAAAf,KAAAe,EAAA,QAAAb,KAAAa,EAAA,QAAAN,KAAAM,EAAA,QAAAjB,KAAAiB,EAAA,QAAAJ,KAAAI,EAAA,QAAAW,KACAE,IAAA9B,EAAKoB,WAAY,IAChB,kBAAA,OAAA;EAAe,WAAA;YACZP,KAAA;EAaJ,CAAA,GAVCb,EAAK+B,KAAKC,MACR,kBAAC,GAAD;EAES,OAAA5B,EAASD,EAAI;EACX,SAAAQ,EAAUR,EAAI;EACN,kBAAA8B,MAAA;AACfL,KAAaJ,GAASrB,EAAK;;EAInC,EARWD,EAAOC,EAAI,CAQtB,CAAC,EAAAc,EAAA,MAAAf,GAAAe,EAAA,MAAAb,GAAAa,EAAA,MAAAN,GAAAM,EAAA,MAAAjB,GAAAiB,EAAA,MAAAJ,GAAAI,EAAA,MAAAW,GAAAX,EAAA,MAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAiB;AACG,QADHjB,EAAA,QAAAY,KAAAZ,EAAA,QAAAa,KA5BHI,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACGL,GAYAC,EAgBG;KAAAb,EAAA,MAAAY,GAAAZ,EAAA,MAAAa,GAAAb,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA,KA7BNiB"}
+{"version":3,"file":"EnabledList.js","names":["Switch","ListItemWithSwitch","EnabledList","items","T","getKey","item","getLabel","React","ReactNode","onEnable","check","all","enable","isEnabled","isAllEnabled","noItemStatus","enableAllLabel","showEnableAll","t0","$","_c","t1","length","every","allEnabled","t2","checked","onEnableAllChange","t3","checked_0","onItemChange","t4","t5","map","item_0","checked_1","t6"],"sources":["../../../../src/components/widget/EnabledList/EnabledList.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { ListItemWithSwitch } from \"@/components/widget/ListItem/ListItemWithSwitch\";\n\ntype EnabledList<T> = {\n  items: T[];\n  getKey: (item: T) => string;\n  getLabel: (item: T) => React.ReactNode;\n  onEnable: (check: { item?: T; all: boolean; enable: boolean }) => void;\n  isEnabled: (item: T) => boolean;\n  isAllEnabled?: (items: T[]) => boolean;\n  noItemStatus?: React.ReactNode;\n  enableAllLabel?: React.ReactNode;\n  showEnableAll?: boolean;\n};\n\nexport const EnabledList = <T,>({\n  items,\n  getKey,\n  getLabel,\n  onEnable,\n  isEnabled,\n  isAllEnabled, // optional source of truth for all enabled state\n  noItemStatus,\n  showEnableAll,\n  enableAllLabel,\n}: EnabledList<T>) => {\n  const allEnabled =\n    isAllEnabled?.(items) ?? (items.length > 0 && items.every(isEnabled));\n\n  const onEnableAllChange = (checked: boolean) => {\n    onEnable({ all: true, enable: checked });\n  };\n\n  const onItemChange = (checked: boolean, item: T) => {\n    onEnable({ all: false, item, enable: checked });\n  };\n\n  return (\n    <div className=\"px-6 h-[420px] overflow-auto [scrollbar-gutter:stable_both-edges]\">\n      {showEnableAll && (\n        <div className=\"flex items-center justify-between gap-2 py-4 border-b border-b-contrast-7 dark:border-b-contrast-3\">\n          <div className=\"text-sm dark:text-contrast-7\">\n            {enableAllLabel || `Enable All (${items.length})`}\n          </div>\n          <Switch\n            checked={allEnabled}\n            onCheckedChange={onEnableAllChange}\n            className=\"cursor-pointer\"\n          />\n        </div>\n      )}\n      {items.length === 0 ? (\n        <div className=\"text-sm text-contrast-5 dark:text-contrast-4 py-6 text-center\">\n          {noItemStatus || \"No items found\"}\n        </div>\n      ) : (\n        items.map((item) => (\n          <ListItemWithSwitch\n            key={getKey(item)}\n            label={getLabel(item)}\n            checked={isEnabled(item)}\n            onCheckedChange={(checked) => {\n              onItemChange(checked, item);\n            }}\n          />\n        ))\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAeA,IAAaE,KAAciB,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAK,EAAAlB,UAAAE,WAAAE,aAAAG,aAAAI,cAAAC,iBAAAC,iBAAAE,kBAAAD,sBAAAE,GAUfG;CAAA,AAAAF,EAAA,OAAAL,KAAAK,EAAA,OAAAN,KAAAM,EAAA,OAAAjB,KAEbmB,IAAAP,IAAeZ,EAAsD,KAA3CA,EAAKoB,SAAU,KAAKpB,EAAKqB,MAAOV,EAAW,GAAAM,EAAA,KAAAL,GAAAK,EAAA,KAAAN,GAAAM,EAAA,KAAAjB,GAAAiB,EAAA,KAAAE,KAAAA,IAAAF,EAAA;CADvE,IAAAK,IACEH,GAAsEI;CAAA,AAAAN,EAAA,OAAAV,IAIvEgB,IAAAN,EAAA,MAFyBM,KAAAC,MAAA;EACxBjB,EAAS;GAAAE,KAAO;GAAIC,QAAUc;GAAS,CAAC;IACzCP,EAAA,KAAAV,GAAAU,EAAA,KAAAM;CAFD,IAAAE,IAA0BF,GAExBG;CAAA,AAAAT,EAAA,OAAAV,IAIDmB,IAAAT,EAAA,MAFoBS,KAAAC,GAAAxB,MAAA;EACnBI,EAAS;GAAAE,KAAO;GAAKN;GAAAO,QAAgBc;GAAS,CAAC;IAChDP,EAAA,KAAAV,GAAAU,EAAA,KAAAS;CAFD,IAAAE,IAAqBF,GAEnBG;CAAA,AAAAZ,EAAA,OAAAK,KAAAL,EAAA,OAAAH,KAAAG,EAAA,QAAAjB,EAAAoB,UAAAH,EAAA,QAAAQ,KAAAR,EAAA,QAAAF,KAIGc,IAAAd,KACC,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAA,OAAA;GAAe,WAAA;aACZD,KAAA,eAAiCd,EAAKoB,OAAO;GAEhD,CAAA,EAAA,kBAAC,GAAD;GACWE,SAAAA;GACQG,iBAAAA;GACP,WAAA;GAEd,CAAA,CACD;KAAAR,EAAA,KAAAK,GAAAL,EAAA,KAAAH,GAAAG,EAAA,MAAAjB,EAAAoB,QAAAH,EAAA,MAAAQ,GAAAR,EAAA,MAAAF,GAAAE,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAa;CAAA,AAAAb,EAAA,QAAAf,KAAAe,EAAA,QAAAb,KAAAa,EAAA,QAAAN,KAAAM,EAAA,QAAAjB,KAAAiB,EAAA,QAAAJ,KAAAI,EAAA,QAAAW,KACAE,IAAA9B,EAAKoB,WAAY,IAChB,kBAAA,OAAA;EAAe,WAAA;YACZP,KAAA;EAaJ,CAAA,GAVCb,EAAK+B,KAAKC,MACR,kBAAC,GAAD;EAES,OAAA5B,EAASD,EAAI;EACX,SAAAQ,EAAUR,EAAI;EACN,kBAAA8B,MAAA;GACfL,EAAaJ,GAASrB,EAAK;;EAInC,EARWD,EAAOC,EAAI,CAQtB,CAAC,EAAAc,EAAA,MAAAf,GAAAe,EAAA,MAAAb,GAAAa,EAAA,MAAAN,GAAAM,EAAA,MAAAjB,GAAAiB,EAAA,MAAAJ,GAAAI,EAAA,MAAAW,GAAAX,EAAA,MAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAiB;CACG,OADHjB,EAAA,QAAAY,KAAAZ,EAAA,QAAAa,KA5BHI,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACGL,GAYAC,EAgBG;KAAAb,EAAA,MAAAY,GAAAZ,EAAA,MAAAa,GAAAb,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA,KA7BNiB"}

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

@@ -1 +1 @@
-{"version":3,"file":"FetchingQuotes.js","names":["ReactComponent","CellerBridgeSVG","RelayBridgeSVG","CctpBridgeSVG","CanonicalUni","motion","icons","animationDuration","animationDelay","FetchingQuotes","$","_c","t0","Symbol","for","map","_temp","Icon","index","zIndex","marginRight","y","duration","repeat","Infinity","repeatDelay","length","delay","ease"],"sources":["../../../../src/components/widget/FetchingQuotes/FetchingQuotes.tsx"],"sourcesContent":["import { ReactComponent as CellerBridgeSVG } from \"@/assets/bridges/celer.svg\";\nimport { ReactComponent as RelayBridgeSVG } from \"@/assets/bridges/relay.svg\";\nimport { ReactComponent as CctpBridgeSVG } from \"@/assets/bridges/cctp.svg\";\nimport { ReactComponent as CanonicalUni } from \"@/assets/bridges/canonical-uni.svg\";\nimport { motion } from \"motion/react\";\n\nconst icons = [RelayBridgeSVG, CctpBridgeSVG, CellerBridgeSVG, CanonicalUni];\n\nconst animationDuration = 0.8;\nconst animationDelay = 0.25;\n\nexport const FetchingQuotes = () => {\n  return (\n    // min-h-[20px] to align with YouGet and don't cause layout shift when the price fetches\n    <div className=\"min-h-[20px] flex items-center justify-center gap-3\">\n      <div className=\"flex items-center justify-center\">\n        {icons.map((Icon, index) => (\n          <motion.div\n            key={index}\n            style={{\n              // zIndex so later icons (higher index) appear above earlier ones, with the last icon on top\n              zIndex: index,\n              marginRight: -5,\n            }}\n            animate={{ y: [0, -10, 0] }}\n            transition={{\n              duration: animationDuration,\n              repeat: Infinity,\n              repeatDelay: icons.length * animationDelay,\n              delay: index * animationDelay,\n              ease: \"easeInOut\",\n            }}\n          >\n            <Icon className=\"size-4\" />\n          </motion.div>\n        ))}\n      </div>\n      <div className=\"text-center text-xs text-contrast-5 dark:text-contrast-8\">\n        Fetching Quotes\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAMA,IAAMM,IAAQ;CAACJ;CAAgBC;CAAeF;CAAiBG;CAAa,EAEtEG,IAAoB,IACpBC,IAAiB,KAEVC,UAAiB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AA6BpB,QA7BoBF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAG1BF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAA,OAAA;GAAe,WAAA;aACZN,EAAKS,IAAKC,EAmBV;GAEH,CAAA,EAAA,kBAAA,OAAA;GAAe,WAAA;aAA2D;GAG5E,CAAA,CAAM;KAAAN,EAAA,KAAAE,KAAAA,IAAAF,EAAA,IA1BNE;;AAH0B,SAAAI,EAAAC,GAAAC,GAAA;AAAA,QAMpB,kBAAA,EAAA,KAAA;EAES,OAAA;GAAAC,QAEGD;GAAKE,aACA;GACf;EACS,SAAA,EAAAC,GAAK;GAAC;GAAG;GAAK;GAAC,EAAE;EACd,YAAA;GAAAC,UACAf;GAAiBgB,QACnBC;GAAQC,aACHnB,EAAKoB,SAAUlB;GAAcmB,OACnCT,IAAQV;GAAcoB,MACvB;GACR;YAEA,kBAAC,GAAD,EAAgB,WAAA,UAClB,CAAA;EAAa,EAhBNV,EAgBM"}
+{"version":3,"file":"FetchingQuotes.js","names":["ReactComponent","CellerBridgeSVG","RelayBridgeSVG","CctpBridgeSVG","CanonicalUni","motion","icons","animationDuration","animationDelay","FetchingQuotes","$","_c","t0","Symbol","for","map","_temp","Icon","index","zIndex","marginRight","y","duration","repeat","Infinity","repeatDelay","length","delay","ease"],"sources":["../../../../src/components/widget/FetchingQuotes/FetchingQuotes.tsx"],"sourcesContent":["import { ReactComponent as CellerBridgeSVG } from \"@/assets/bridges/celer.svg\";\nimport { ReactComponent as RelayBridgeSVG } from \"@/assets/bridges/relay.svg\";\nimport { ReactComponent as CctpBridgeSVG } from \"@/assets/bridges/cctp.svg\";\nimport { ReactComponent as CanonicalUni } from \"@/assets/bridges/canonical-uni.svg\";\nimport { motion } from \"motion/react\";\n\nconst icons = [RelayBridgeSVG, CctpBridgeSVG, CellerBridgeSVG, CanonicalUni];\n\nconst animationDuration = 0.8;\nconst animationDelay = 0.25;\n\nexport const FetchingQuotes = () => {\n  return (\n    // min-h-[20px] to align with YouGet and don't cause layout shift when the price fetches\n    <div className=\"min-h-[20px] flex items-center justify-center gap-3\">\n      <div className=\"flex items-center justify-center\">\n        {icons.map((Icon, index) => (\n          <motion.div\n            key={index}\n            style={{\n              // zIndex so later icons (higher index) appear above earlier ones, with the last icon on top\n              zIndex: index,\n              marginRight: -5,\n            }}\n            animate={{ y: [0, -10, 0] }}\n            transition={{\n              duration: animationDuration,\n              repeat: Infinity,\n              repeatDelay: icons.length * animationDelay,\n              delay: index * animationDelay,\n              ease: \"easeInOut\",\n            }}\n          >\n            <Icon className=\"size-4\" />\n          </motion.div>\n        ))}\n      </div>\n      <div className=\"text-center text-xs text-contrast-5 dark:text-contrast-8\">\n        Fetching Quotes\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAMA,IAAMM,IAAQ;CAACJ;CAAgBC;CAAeF;CAAiBG;CAAa,EAEtEG,IAAoB,IACpBC,IAAiB,KAEVC,UAAiB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;CA6BpB,OA7BoBF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAG1BF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAA,OAAA;GAAe,WAAA;aACZN,EAAKS,IAAKC,EAmBV;GAEH,CAAA,EAAA,kBAAA,OAAA;GAAe,WAAA;aAA2D;GAG5E,CAAA,CAAM;KAAAN,EAAA,KAAAE,KAAAA,IAAAF,EAAA,IA1BNE;;AAH0B,SAAAI,EAAAC,GAAAC,GAAA;CAAA,OAMpB,kBAAA,EAAA,KAAA;EAES,OAAA;GAAAC,QAEGD;GAAKE,aACA;GACf;EACS,SAAA,EAAAC,GAAK;GAAC;GAAG;GAAK;GAAC,EAAE;EACd,YAAA;GAAAC,UACAf;GAAiBgB,QACnBC;GAAQC,aACHnB,EAAKoB,SAAUlB;GAAcmB,OACnCT,IAAQV;GAAcoB,MACvB;GACR;YAEA,kBAAC,GAAD,EAAgB,WAAA,UAClB,CAAA;EAAa,EAhBNV,EAgBM"}

package/dist/components/widget/Icon/CheckIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckIcon.js","names":["ReactComponent","CheckSVG","CheckIcon","props","$","_c","t0"],"sources":["../../../../src/components/widget/Icon/CheckIcon.tsx"],"sourcesContent":["import { ReactComponent as CheckSVG } from \"@/assets/check.svg\";\n\nexport const CheckIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <CheckSVG {...props} />;\n};\n"],"mappings":";;;;AAEA,IAAaE,KAAYC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AACO,QADPF,EAAA,OAAAD,IACOG,IAAAF,EAAA,MAAvBE,IAAA,kBAAC,GAAD,EAAS,GAAKH,GAAS,CAAA,EAAAC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,IAAvBA"}
+{"version":3,"file":"CheckIcon.js","names":["ReactComponent","CheckSVG","CheckIcon","props","$","_c","t0"],"sources":["../../../../src/components/widget/Icon/CheckIcon.tsx"],"sourcesContent":["import { ReactComponent as CheckSVG } from \"@/assets/check.svg\";\n\nexport const CheckIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <CheckSVG {...props} />;\n};\n"],"mappings":";;;;AAEA,IAAaE,KAAYC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;CACO,OADPF,EAAA,OAAAD,IACOG,IAAAF,EAAA,MAAvBE,IAAA,kBAAC,GAAD,EAAS,GAAKH,GAAS,CAAA,EAAAC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,IAAvBA"}

package/dist/components/widget/Icon/ChevronIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronIcon.js","names":["ReactComponent","ChevronIconSVG","cn","ChevronIcon","t0","$","_c","className","props","t1","t2"],"sources":["../../../../src/components/widget/Icon/ChevronIcon.tsx"],"sourcesContent":["import { ReactComponent as ChevronIconSVG } from \"@/assets/chevron.svg\";\nimport { cn } from \"@/lib/utils\";\n\nexport const ChevronIcon = ({\n  className,\n  ...props\n}: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <ChevronIconSVG\n      {...props}\n      className={cn(\n        \"text-contrast-5 dark:text-contrast-6 cursor-pointer\",\n        className\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;AAGA,IAAaG,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC,GAAAC;AAAA,CAAAH,EAAA,OAAAD,KAGKG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,OAHJ,kBAAAG,KAAAJ,GAGIC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAAA,IAAAC;AAAA,CAAAJ,EAAA,OAAAE,IAOzBE,IAAAJ,EAAA,MAHUI,IAAAP,EACT,uDACAK,EACD,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAA,IAAAC;AACD,QADCL,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KALHC,IAAA,kBAAC,GAAD;EAAe,GACTF;EACO,WAAAC;EAIX,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IANFK"}
+{"version":3,"file":"ChevronIcon.js","names":["ReactComponent","ChevronIconSVG","cn","ChevronIcon","t0","$","_c","className","props","t1","t2"],"sources":["../../../../src/components/widget/Icon/ChevronIcon.tsx"],"sourcesContent":["import { ReactComponent as ChevronIconSVG } from \"@/assets/chevron.svg\";\nimport { cn } from \"@/lib/utils\";\n\nexport const ChevronIcon = ({\n  className,\n  ...props\n}: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <ChevronIconSVG\n      {...props}\n      className={cn(\n        \"text-contrast-5 dark:text-contrast-6 cursor-pointer\",\n        className\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;AAGA,IAAaG,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAD,KAGKG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,OAHJ,kBAAAG,KAAAJ,GAGIC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAAA,IAAAC;CAAA,AAAAJ,EAAA,OAAAE,IAOzBE,IAAAJ,EAAA,MAHUI,IAAAP,EACT,uDACAK,EACD,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAA,IAAAC;CACD,OADCL,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KALHC,IAAA,kBAAC,GAAD;EAAe,GACTF;EACO,WAAAC;EAIX,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IANFK"}

package/dist/components/widget/Icon/DeltaIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeltaIcon.js","names":["ReactComponent","DeltaSVG","DeltaIcon","props","$","_c","t0"],"sources":["../../../../src/components/widget/Icon/DeltaIcon.tsx"],"sourcesContent":["import { ReactComponent as DeltaSVG } from \"@/assets/delta.svg\";\n\nexport const DeltaIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <DeltaSVG {...props} />;\n};\n"],"mappings":";;;;AAEA,IAAaE,KAAYC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AACO,QADPF,EAAA,OAAAD,IACOG,IAAAF,EAAA,MAAvBE,IAAA,kBAAC,GAAD,EAAS,GAAKH,GAAS,CAAA,EAAAC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,IAAvBA"}
+{"version":3,"file":"DeltaIcon.js","names":["ReactComponent","DeltaSVG","DeltaIcon","props","$","_c","t0"],"sources":["../../../../src/components/widget/Icon/DeltaIcon.tsx"],"sourcesContent":["import { ReactComponent as DeltaSVG } from \"@/assets/delta.svg\";\n\nexport const DeltaIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <DeltaSVG {...props} />;\n};\n"],"mappings":";;;;AAEA,IAAaE,KAAYC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;CACO,OADPF,EAAA,OAAAD,IACOG,IAAAF,EAAA,MAAvBE,IAAA,kBAAC,GAAD,EAAS,GAAKH,GAAS,CAAA,EAAAC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,IAAvBA"}

package/dist/components/widget/Icon/EllipseIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"EllipseIcon.js","names":["ReactComponent","EllipseSVG","EllipseIcon","props","$","_c","t0"],"sources":["../../../../src/components/widget/Icon/EllipseIcon.tsx"],"sourcesContent":["import { ReactComponent as EllipseSVG } from \"@/assets/ellipse.svg\";\n\nexport const EllipseIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <EllipseSVG {...props} />;\n};\n"],"mappings":";;;;AAEA,IAAaE,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AACO,QADPF,EAAA,OAAAD,IACOG,IAAAF,EAAA,MAAzBE,IAAA,kBAAC,GAAD,EAAW,GAAKH,GAAS,CAAA,EAAAC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,IAAzBA"}
+{"version":3,"file":"EllipseIcon.js","names":["ReactComponent","EllipseSVG","EllipseIcon","props","$","_c","t0"],"sources":["../../../../src/components/widget/Icon/EllipseIcon.tsx"],"sourcesContent":["import { ReactComponent as EllipseSVG } from \"@/assets/ellipse.svg\";\n\nexport const EllipseIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <EllipseSVG {...props} />;\n};\n"],"mappings":";;;;AAEA,IAAaE,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;CACO,OADPF,EAAA,OAAAD,IACOG,IAAAF,EAAA,MAAzBE,IAAA,kBAAC,GAAD,EAAW,GAAKH,GAAS,CAAA,EAAAC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,IAAzBA"}

package/dist/components/widget/Icon/InfoIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoIcon.js","names":["ReactComponent","InfoSVG","cn","forwardRef","InfoIcon","SVGSVGElement","React","SVGProps","t0","ref","$","_c","className","props","t1","t2","displayName"],"sources":["../../../../src/components/widget/Icon/InfoIcon.tsx"],"sourcesContent":["import { ReactComponent as InfoSVG } from \"@/assets/info.svg\";\nimport { cn } from \"@/lib/utils\";\nimport { forwardRef } from \"react\";\n\nexport const InfoIcon = forwardRef<\n  SVGSVGElement,\n  React.SVGProps<SVGSVGElement>\n>(({ className, ...props }, ref) => {\n  return (\n    <InfoSVG\n      ref={ref}\n      {...props}\n      className={cn(\"fill-contrast-6 dark:fill-contrast-4\", className)}\n    />\n  );\n});\n\nInfoIcon.displayName = \"InfoIcon\";\n"],"mappings":";;;;;;AAIA,IAAaI,IAAWD,GAGtBK,GAAAC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC,GAAAC;AAAA,CAAAH,EAAA,OAAAF,KAAwBI,IAAAF,EAAA,IAAAG,IAAAH,EAAA,OAAvB,kBAAAG,KAAAL,GAAuBE,EAAA,KAAAF,GAAAE,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAAA,IAAAC;AAAA,CAAAJ,EAAA,OAAAE,IAK4CE,IAAAJ,EAAA,MAArDI,IAAAZ,EAAG,wCAAwCU,EAAU,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAA,IAAAC;AAChE,QADgEL,EAAA,OAAAG,KAAAH,EAAA,OAAAD,KAAAC,EAAA,OAAAI,KAHlEC,IAAA,kBAAC,GAAD;EACON;EAAG,GACJI;EACO,WAAAC;EACX,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAD,GAAAC,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IAJFK;EAMF;AAEFX,EAASY,cAAc"}
+{"version":3,"file":"InfoIcon.js","names":["ReactComponent","InfoSVG","cn","forwardRef","InfoIcon","SVGSVGElement","React","SVGProps","t0","ref","$","_c","className","props","t1","t2","displayName"],"sources":["../../../../src/components/widget/Icon/InfoIcon.tsx"],"sourcesContent":["import { ReactComponent as InfoSVG } from \"@/assets/info.svg\";\nimport { cn } from \"@/lib/utils\";\nimport { forwardRef } from \"react\";\n\nexport const InfoIcon = forwardRef<\n  SVGSVGElement,\n  React.SVGProps<SVGSVGElement>\n>(({ className, ...props }, ref) => {\n  return (\n    <InfoSVG\n      ref={ref}\n      {...props}\n      className={cn(\"fill-contrast-6 dark:fill-contrast-4\", className)}\n    />\n  );\n});\n\nInfoIcon.displayName = \"InfoIcon\";\n"],"mappings":";;;;;;AAIA,IAAaI,IAAWD,GAGtBK,GAAAC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAF,KAAwBI,IAAAF,EAAA,IAAAG,IAAAH,EAAA,OAAvB,kBAAAG,KAAAL,GAAuBE,EAAA,KAAAF,GAAAE,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAAA,IAAAC;CAAA,AAAAJ,EAAA,OAAAE,IAK4CE,IAAAJ,EAAA,MAArDI,IAAAZ,EAAG,wCAAwCU,EAAU,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAA,IAAAC;CAChE,OADgEL,EAAA,OAAAG,KAAAH,EAAA,OAAAD,KAAAC,EAAA,OAAAI,KAHlEC,IAAA,kBAAC,GAAD;EACON;EAAG,GACJI;EACO,WAAAC;EACX,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAD,GAAAC,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IAJFK;EAMF;AAEFX,EAASY,cAAc"}

package/dist/components/widget/Icon/MarketIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketIcon.js","names":["ReactComponent","MarketSVG","MarketIcon","props","$","_c","t0"],"sources":["../../../../src/components/widget/Icon/MarketIcon.tsx"],"sourcesContent":["import { ReactComponent as MarketSVG } from \"@/assets/market.svg\";\n\nexport const MarketIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <MarketSVG {...props} />;\n};\n"],"mappings":";;;;AAEA,IAAaE,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AACO,QADPF,EAAA,OAAAD,IACOG,IAAAF,EAAA,MAAxBE,IAAA,kBAAC,GAAD,EAAU,GAAKH,GAAS,CAAA,EAAAC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,IAAxBA"}
+{"version":3,"file":"MarketIcon.js","names":["ReactComponent","MarketSVG","MarketIcon","props","$","_c","t0"],"sources":["../../../../src/components/widget/Icon/MarketIcon.tsx"],"sourcesContent":["import { ReactComponent as MarketSVG } from \"@/assets/market.svg\";\n\nexport const MarketIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <MarketSVG {...props} />;\n};\n"],"mappings":";;;;AAEA,IAAaE,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;CACO,OADPF,EAAA,OAAAD,IACOG,IAAAF,EAAA,MAAxBE,IAAA,kBAAC,GAAD,EAAU,GAAKH,GAAS,CAAA,EAAAC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,IAAxBA"}

package/dist/components/widget/Icon/SliderIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderIcon.js","names":["ReactComponent","SliderSVG","SliderIcon","props","$","_c","t0"],"sources":["../../../../src/components/widget/Icon/SliderIcon.tsx"],"sourcesContent":["import { ReactComponent as SliderSVG } from \"@/assets/slider.svg\";\n\nexport const SliderIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <SliderSVG {...props} />;\n};\n"],"mappings":";;;;AAEA,IAAaE,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AACO,QADPF,EAAA,OAAAD,IACOG,IAAAF,EAAA,MAAxBE,IAAA,kBAAC,GAAD,EAAU,GAAKH,GAAS,CAAA,EAAAC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,IAAxBA"}
+{"version":3,"file":"SliderIcon.js","names":["ReactComponent","SliderSVG","SliderIcon","props","$","_c","t0"],"sources":["../../../../src/components/widget/Icon/SliderIcon.tsx"],"sourcesContent":["import { ReactComponent as SliderSVG } from \"@/assets/slider.svg\";\n\nexport const SliderIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <SliderSVG {...props} />;\n};\n"],"mappings":";;;;AAEA,IAAaE,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;CACO,OADPF,EAAA,OAAAD,IACOG,IAAAF,EAAA,MAAxBE,IAAA,kBAAC,GAAD,EAAU,GAAKH,GAAS,CAAA,EAAAC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,IAAxBA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ImportToken.js","names":["useSetAtom","addImportedTokenAtom","WarningWithTitle","Button","TokenBadge","ImportTokenDrawerProps","constructTokenLinkForChain","ImportedToken","URL_CUSTOM_TOKEN_RISKS","ImportTokenProps","onClose","onImported","token","ImportToken","props","$","_c","addImportedToken","t0","importedToken","newToken","afterAction","onConfirmAction","handleImport","t1","address","network","chainId","t2","Symbol","for","logo","root","t3","img","symbol","t4","t5","t6","t7","t8"],"sources":["../../../../src/components/widget/ImportToken/ImportToken.tsx"],"sourcesContent":["import { useSetAtom } from \"@/core/store\";\nimport { addImportedTokenAtom } from \"@/tokens/state/addImportedTokenAtom\";\nimport { WarningWithTitle } from \"../Warning/Warning\";\nimport { Button } from \"@/components/ui/button\";\nimport { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport type { ImportTokenDrawerProps } from \"./types\";\nimport { constructTokenLinkForChain } from \"@/lib/utils/explorer\";\nimport type { ImportedToken } from \"@/tokens/state/types\";\n\nconst URL_CUSTOM_TOKEN_RISKS =\n  \"https://help.velora.xyz/en/articles/6660821-the-risks-of-using-custom-tokens\";\n\ntype ImportTokenProps = ImportTokenDrawerProps & {\n  onClose: () => void;\n  onImported?: (token: ImportedToken) => void;\n};\n\nexport const ImportToken = (props: ImportTokenProps) => {\n  const addImportedToken = useSetAtom(addImportedTokenAtom);\n\n  const handleImport = () => {\n    const importedToken = addImportedToken({\n      newToken: props.token,\n      afterAction: props.onConfirmAction,\n    });\n\n    props.onClose();\n    if (importedToken) {\n      props.onImported?.(importedToken);\n    }\n  };\n\n  return (\n    <div className=\"p-[24px] pt-0\">\n      <div className=\"mb-5 text-contrast-4 dark:text-contrast-7\">\n        <a\n          href={constructTokenLinkForChain({\n            chainId: props.token.network,\n            address: props.token.address,\n          })}\n          target=\"_blank\"\n          className=\"underline-offset-2\"\n        >\n          <TokenBadge\n            img={props.token.img}\n            classes={{ logo: \"size-[24px]\", root: \"underline\" }}\n            address={props.token.address}\n            symbol={props.token.symbol}\n            chainId={props.token.network}\n            showNetworkIcon\n          />\n        </a>\n      </div>\n      <WarningWithTitle\n        title=\"Custom Tokens Alert\"\n        message={\n          <div className=\"flex flex-col gap-2\">\n            <div>\n              Always verify the tokens you are importing are legitimate, as\n              trading unsafe tokens can lead to financial losses.\n            </div>\n            <div>\n              Velora cannot verify the security of the token, and some tokens\n              with transfer fees might fail when using our UI.\n            </div>\n          </div>\n        }\n      />\n\n      <div className=\"text-sm text-contrast-4 dark:text-contrast-6 mt-7\">\n        By proceeding to import custom tokens, you confirm that you acknowledge{\" \"}\n        <a\n          className=\"underline hover:text-contrast-5 dark:hover:text-contrast-7\"\n          href={URL_CUSTOM_TOKEN_RISKS}\n          target=\"_blank\"\n        >\n          the risks of using custom tokens\n        </a>\n      </div>\n      <div className=\"pt-8 pb-5\">\n        <Button radius=\"xs\" className=\"w-full h-[40px]\" onClick={handleImport}>\n          Import\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ImportToken.js","names":["useSetAtom","addImportedTokenAtom","WarningWithTitle","Button","TokenBadge","ImportTokenDrawerProps","constructTokenLinkForChain","ImportedToken","URL_CUSTOM_TOKEN_RISKS","ImportTokenProps","onClose","onImported","token","ImportToken","props","$","_c","addImportedToken","t0","importedToken","newToken","afterAction","onConfirmAction","handleImport","t1","address","network","chainId","t2","Symbol","for","logo","root","t3","img","symbol","t4","t5","t6","t7","t8"],"sources":["../../../../src/components/widget/ImportToken/ImportToken.tsx"],"sourcesContent":["import { useSetAtom } from \"@/core/store\";\nimport { addImportedTokenAtom } from \"@/tokens/state/addImportedTokenAtom\";\nimport { WarningWithTitle } from \"../Warning/Warning\";\nimport { Button } from \"@/components/ui/button\";\nimport { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport type { ImportTokenDrawerProps } from \"./types\";\nimport { constructTokenLinkForChain } from \"@/lib/utils/explorer\";\nimport type { ImportedToken } from \"@/tokens/state/types\";\n\nconst URL_CUSTOM_TOKEN_RISKS =\n  \"https://help.velora.xyz/en/articles/6660821-the-risks-of-using-custom-tokens\";\n\ntype ImportTokenProps = ImportTokenDrawerProps & {\n  onClose: () => void;\n  onImported?: (token: ImportedToken) => void;\n};\n\nexport const ImportToken = (props: ImportTokenProps) => {\n  const addImportedToken = useSetAtom(addImportedTokenAtom);\n\n  const handleImport = () => {\n    const importedToken = addImportedToken({\n      newToken: props.token,\n      afterAction: props.onConfirmAction,\n    });\n\n    props.onClose();\n    if (importedToken) {\n      props.onImported?.(importedToken);\n    }\n  };\n\n  return (\n    <div className=\"p-[24px] pt-0\">\n      <div className=\"mb-5 text-contrast-4 dark:text-contrast-7\">\n        <a\n          href={constructTokenLinkForChain({\n            chainId: props.token.network,\n            address: props.token.address,\n          })}\n          target=\"_blank\"\n          className=\"underline-offset-2\"\n        >\n          <TokenBadge\n            img={props.token.img}\n            classes={{ logo: \"size-[24px]\", root: \"underline\" }}\n            address={props.token.address}\n            symbol={props.token.symbol}\n            chainId={props.token.network}\n            showNetworkIcon\n          />\n        </a>\n      </div>\n      <WarningWithTitle\n        title=\"Custom Tokens Alert\"\n        message={\n          <div className=\"flex flex-col gap-2\">\n            <div>\n              Always verify the tokens you are importing are legitimate, as\n              trading unsafe tokens can lead to financial losses.\n            </div>\n            <div>\n              Velora cannot verify the security of the token, and some tokens\n              with transfer fees might fail when using our UI.\n            </div>\n          </div>\n        }\n      />\n\n      <div className=\"text-sm text-contrast-4 dark:text-contrast-6 mt-7\">\n        By proceeding to import custom tokens, you confirm that you acknowledge{\" \"}\n        <a\n          className=\"underline hover:text-contrast-5 dark:hover:text-contrast-7\"\n          href={URL_CUSTOM_TOKEN_RISKS}\n          target=\"_blank\"\n        >\n          the risks of using custom tokens\n        </a>\n      </div>\n      <div className=\"pt-8 pb-5\">\n        <Button radius=\"xs\" className=\"w-full h-[40px]\" onClick={handleImport}>\n          Import\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/ImportToken/useImportTokenDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useImportTokenDrawer.js","names":["useState","ControlledDrawer","useDrawerControls","ImportToken","ImportTokenDrawerProps","UseImportTokenDrawerReturn","ImportedToken","ImportDrawerProps","drawerContainer","HTMLElement","tokenType","onImported","token","useImportTokenDrawer","t0","$","_c","t1","t2","drawerId","t3","drawerProps","onOpen","importTokenProps","setImportTokenProps","t4","onClose","t5","importTokenDrawer","t6","importTokenDrawerProps","onOpenImportTokenDrawer","t7"],"sources":["../../../../src/components/widget/ImportToken/useImportTokenDrawer.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { ControlledDrawer } from \"../Drawer\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { ImportToken } from \"./ImportToken\";\nimport type {\n  ImportTokenDrawerProps,\n  UseImportTokenDrawerReturn,\n} from \"./types\";\nimport type { ImportedToken } from \"@/tokens/state/types\";\n\ntype ImportDrawerProps = {\n  drawerContainer?: HTMLElement | null;\n  tokenType: \"from\" | \"to\" | undefined;\n  onImported?: (token: ImportedToken) => void;\n};\n\nexport const useImportTokenDrawer = ({\n  drawerContainer,\n  tokenType,\n  onImported,\n}: ImportDrawerProps): UseImportTokenDrawerReturn => {\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: `import-token-drawer-${tokenType}`,\n  });\n\n  const [importTokenProps, setImportTokenProps] =\n    useState<ImportTokenDrawerProps | null>(null);\n\n  const importTokenDrawer = (\n    <ControlledDrawer\n      {...drawerProps}\n      title=\"Add Custom Token\"\n      showCloseButton\n      container={drawerContainer}\n    >\n      {importTokenProps ? (\n        <ImportToken\n          {...importTokenProps}\n          onClose={drawerProps.onClose}\n          onImported={onImported}\n        />\n      ) : null}\n    </ControlledDrawer>\n  );\n\n  const onOpenImportTokenDrawer: UseImportTokenDrawerReturn[\"onOpenImportTokenDrawer\"] =\n    (importTokenDrawerProps) => {\n      setImportTokenProps(importTokenDrawerProps);\n      onOpen();\n    };\n\n  return {\n    onOpenImportTokenDrawer,\n    importTokenDrawer,\n  };\n};\n"],"mappings":";;;;;;;AAgBA,IAAaa,KAAuBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAR,oBAAAE,cAAAC,kBAAAG,GAMvBG,IAAA,uBAAuBP,KAAWQ;AAAA,CAAAH,EAAA,OAAAE,IAC7CC,IAAAH,EAAA,MAFoDG,IAAA,EAAAC,UACzCF,GACX,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAFkC,IAAAE,IAAAlB,EAAkBgB,EAEnD,EAAAG,GAAAC;AAAA,CAAAP,EAAA,OAAAK,KAACC,IAAAN,EAAA,IAAAO,IAAAP,EAAA,OAFH,eAAAM,KAAmCD,GAEhCL,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO;CAEH,IAAA,CAAAC,GAAAC,KACExB,EAAwC,KAAK,EAACyB;AAAA,CAAAV,EAAA,OAAAM,KAAAN,EAAA,OAAAQ,KAAAR,EAAA,OAAAJ,KAS3Cc,IAAAF,IACC,kBAAC,GAAD;EAAY,GACNA;EACK,SAAAF,EAAWK;EACRf;EAER,CAAA,GANP,MAMOI,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,GAAAR,EAAA,KAAAJ,GAAAI,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAY;AAAA,CAAAZ,EAAA,OAAAP,KAAAO,EAAA,QAAAM,KAAAN,EAAA,QAAAU,KAZVE,IAAA,kBAAC,GAAD;EAAiB,GACXN;EACE,OAAA;EACN,iBAAA;EACWb,WAAAA;YAEViB;EAOgB,CAAA,EAAAV,EAAA,KAAAP,GAAAO,EAAA,MAAAM,GAAAN,EAAA,MAAAU,GAAAV,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAdrB,IAAAa,IACED,GAcAE;AAAA,CAAAd,EAAA,QAAAO,IAMCO,IAAAd,EAAA,OAHDc,KAAAC,MAAA;AAEER,EADAE,EAAoBM,EAAuB,EAC3CR,GAAQ;IACTP,EAAA,MAAAO,GAAAP,EAAA,MAAAc;CAJH,IAAAE,IACEF,GAGEG;AAKH,QALGjB,EAAA,QAAAa,KAAAb,EAAA,QAAAgB,KAEGC,IAAA;EAAAD;EAAAH;EAGN,EAAAb,EAAA,MAAAa,GAAAb,EAAA,MAAAgB,GAAAhB,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA,KAHMiB"}
+{"version":3,"file":"useImportTokenDrawer.js","names":["useState","ControlledDrawer","useDrawerControls","ImportToken","ImportTokenDrawerProps","UseImportTokenDrawerReturn","ImportedToken","ImportDrawerProps","drawerContainer","HTMLElement","tokenType","onImported","token","useImportTokenDrawer","t0","$","_c","t1","t2","drawerId","t3","drawerProps","onOpen","importTokenProps","setImportTokenProps","t4","onClose","t5","importTokenDrawer","t6","importTokenDrawerProps","onOpenImportTokenDrawer","t7"],"sources":["../../../../src/components/widget/ImportToken/useImportTokenDrawer.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { ControlledDrawer } from \"../Drawer\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { ImportToken } from \"./ImportToken\";\nimport type {\n  ImportTokenDrawerProps,\n  UseImportTokenDrawerReturn,\n} from \"./types\";\nimport type { ImportedToken } from \"@/tokens/state/types\";\n\ntype ImportDrawerProps = {\n  drawerContainer?: HTMLElement | null;\n  tokenType: \"from\" | \"to\" | undefined;\n  onImported?: (token: ImportedToken) => void;\n};\n\nexport const useImportTokenDrawer = ({\n  drawerContainer,\n  tokenType,\n  onImported,\n}: ImportDrawerProps): UseImportTokenDrawerReturn => {\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: `import-token-drawer-${tokenType}`,\n  });\n\n  const [importTokenProps, setImportTokenProps] =\n    useState<ImportTokenDrawerProps | null>(null);\n\n  const importTokenDrawer = (\n    <ControlledDrawer\n      {...drawerProps}\n      title=\"Add Custom Token\"\n      showCloseButton\n      container={drawerContainer}\n    >\n      {importTokenProps ? (\n        <ImportToken\n          {...importTokenProps}\n          onClose={drawerProps.onClose}\n          onImported={onImported}\n        />\n      ) : null}\n    </ControlledDrawer>\n  );\n\n  const onOpenImportTokenDrawer: UseImportTokenDrawerReturn[\"onOpenImportTokenDrawer\"] =\n    (importTokenDrawerProps) => {\n      setImportTokenProps(importTokenDrawerProps);\n      onOpen();\n    };\n\n  return {\n    onOpenImportTokenDrawer,\n    importTokenDrawer,\n  };\n};\n"],"mappings":";;;;;;;AAgBA,IAAaa,KAAuBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAR,oBAAAE,cAAAC,kBAAAG,GAMvBG,IAAA,uBAAuBP,KAAWQ;CAAA,AAAAH,EAAA,OAAAE,IAC7CC,IAAAH,EAAA,MAFoDG,IAAA,EAAAC,UACzCF,GACX,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAFkC,IAAAE,IAAAlB,EAAkBgB,EAEnD,EAAAG,GAAAC;CAAA,AAAAP,EAAA,OAAAK,KAACC,IAAAN,EAAA,IAAAO,IAAAP,EAAA,OAFH,eAAAM,KAAmCD,GAEhCL,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO;CAEH,IAAA,CAAAC,GAAAC,KACExB,EAAwC,KAAK,EAACyB;CAAA,AAAAV,EAAA,OAAAM,KAAAN,EAAA,OAAAQ,KAAAR,EAAA,OAAAJ,KAS3Cc,IAAAF,IACC,kBAAC,GAAD;EAAY,GACNA;EACK,SAAAF,EAAWK;EACRf;EAER,CAAA,GANP,MAMOI,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,GAAAR,EAAA,KAAAJ,GAAAI,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAY;CAAA,AAAAZ,EAAA,OAAAP,KAAAO,EAAA,QAAAM,KAAAN,EAAA,QAAAU,KAZVE,IAAA,kBAAC,GAAD;EAAiB,GACXN;EACE,OAAA;EACN,iBAAA;EACWb,WAAAA;YAEViB;EAOgB,CAAA,EAAAV,EAAA,KAAAP,GAAAO,EAAA,MAAAM,GAAAN,EAAA,MAAAU,GAAAV,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAdrB,IAAAa,IACED,GAcAE;CAAA,AAAAd,EAAA,QAAAO,IAMCO,IAAAd,EAAA,OAHDc,KAAAC,MAAA;EAEER,AADAE,EAAoBM,EAAuB,EAC3CR,GAAQ;IACTP,EAAA,MAAAO,GAAAP,EAAA,MAAAc;CAJH,IAAAE,IACEF,GAGEG;CAKH,OALGjB,EAAA,QAAAa,KAAAb,EAAA,QAAAgB,KAEGC,IAAA;EAAAD;EAAAH;EAGN,EAAAb,EAAA,MAAAa,GAAAb,EAAA,MAAAgB,GAAAhB,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA,KAHMiB"}