@velora-dex/widget 0.8.1 → 0.8.2

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":";;;;;;;;;AASA,IAAMQ,IACJ,gFAOWK,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EACzBC,IAAyBjB,EAAWC,EAAqB,EAACiB;AAAA,CAAAH,EAAA,OAAAE,KAAAF,EAAA,OAAAD,KAErCI,UAAA;EACnB,IAAAC,IAAsBF,EAAiB;GAAAG,UAC3BN,EAAKF;GAAMS,aACRP,EAAKQ;GACnB,CAAC;AAGF,EADAR,EAAKJ,SAAU,EACXS,KACFL,EAAKH,aAAcQ,EAAc;IAEpCJ,EAAA,KAAAE,GAAAF,EAAA,KAAAD,GAAAC,EAAA,KAAAG,KAAAA,IAAAH,EAAA;CAVD,IAAAQ,IAAqBL,GAUnBM;AAAA,CAAAT,EAAA,OAAAD,EAAAF,MAAAa,WAAAV,EAAA,OAAAD,EAAAF,MAAAc,WAMYF,IAAAlB,EAA2B;EAAAqB,SACtBb,EAAKF,MAAMc;EAAQD,SACnBX,EAAKF,MAAMa;EACrB,CAAC,EAAAV,EAAA,KAAAD,EAAAF,MAAAa,SAAAV,EAAA,KAAAD,EAAAF,MAAAc,SAAAX,EAAA,KAAAS,KAAAA,IAAAT,EAAA;CAAA,IAAAa;AAAA,CAAAb,EAAA,OAAAc,OAAAC,IAAA,4BAAA,IAMSF,IAAA;EAAAG,MAAQ;EAAaC,MAAQ;EAAa,EAAAjB,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAkB;AAAA,CAAAlB,EAAA,OAAAD,EAAAF,MAAAa,WAAAV,EAAA,OAAAD,EAAAF,MAAAsB,OAAAnB,EAAA,OAAAD,EAAAF,MAAAc,WAAAX,EAAA,QAAAD,EAAAF,MAAAuB,UAFrDF,IAAA,kBAAC,GAAD;EACO,KAAAnB,EAAKF,MAAMsB;EACP,SAAAN;EACA,SAAAd,EAAKF,MAAMa;EACZ,QAAAX,EAAKF,MAAMuB;EACV,SAAArB,EAAKF,MAAMc;EACpB,iBAAA;EACA,CAAA,EAAAX,EAAA,KAAAD,EAAAF,MAAAa,SAAAV,EAAA,KAAAD,EAAAF,MAAAsB,KAAAnB,EAAA,KAAAD,EAAAF,MAAAc,SAAAX,EAAA,MAAAD,EAAAF,MAAAuB,QAAApB,EAAA,MAAAkB,KAAAA,IAAAlB,EAAA;CAAA,IAAAqB;AAAA,CAAArB,EAAA,QAAAS,KAAAT,EAAA,QAAAkB,KAhBNG,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAA,KAAA;GACQ,MAAAZ;GAIC,QAAA;GACG,WAAA;aAEVS;GASJ,CAAA;EAAM,CAAA,EAAAlB,EAAA,MAAAS,GAAAT,EAAA,MAAAkB,GAAAlB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA;CAAA,IAAAsB;AAAA,CAAAtB,EAAA,QAAAc,OAAAC,IAAA,4BAAA,IACNO,IAAA,kBAAC,GAAD;EACQ,OAAA;EAEJ,SAAA,kBAAA,OAAA;GAAe,WAAA;aAAf,CACE,kBAAA,OAAA,EAAA,UAAK,qHAIL,CAAA,EAAA,kBAAA,OAAA,EAAA,UAAK,oHAIP,CAAA,CAAK;;EAEP,CAAA,EAAAtB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA;CAAA,IAAAuB;AAAA,CAAAvB,EAAA,QAAAc,OAAAC,IAAA,4BAAA,IAEFQ,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GAAmE;GACO;GACxE,kBAAA,KAAA;IACY,WAAA;IACJ9B,MAAAA;IACC,QAAA;cACR;IAGH,CAAA;GAAM;KAAAO,EAAA,MAAAuB,KAAAA,IAAAvB,EAAA;CAAA,IAAAwB;AAAA,CAAAxB,EAAA,QAAAQ,IAKAgB,IAAAxB,EAAA,OAJNwB,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GAAe,QAAA;GAAe,WAAA;GAA2BhB,SAAAA;aAAc;GAGzE,CAAA;EAAM,CAAA,EAAAR,EAAA,MAAAQ,GAAAR,EAAA,MAAAwB;CAAA,IAAAC;AACF,QADEzB,EAAA,QAAAqB,KAAArB,EAAA,QAAAwB,KAlDRC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACEJ;GAmBAC;GAgBAC;GAUAC;GAKI;KAAAxB,EAAA,MAAAqB,GAAArB,EAAA,MAAAwB,GAAAxB,EAAA,MAAAyB,KAAAA,IAAAzB,EAAA,KAnDNyB"}
+{"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"}

package/dist/components/widget/LimitOrderItem/LimitOrderDetails/Controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","names":["Button","useMinViemClient","constructExplorerOrderDetailsLink","useAccount","useChainId","LimitOrderItem","JSX","useCancelOrWithdrawAndCancelDeltaOrder","CancelOrWithdrawAndCancelDeltaOrderMutOptions","DismissButton","LoggerInstance","useLocalDrawerControls","getOrderCancelDetailsForOrderItem","CancelButtonWithDrawer","LimitOrderControlsProps","order","logger","onDismiss","onCancelSuccess","onCancelError","Controls","t0","$","_c","props","t1","id","explorerLink","t2","explorerBtn","t3","t4","CancelOrDismissBtn","chainId","address","account","isConnected","minClient","cancelOrderDrawerControls","onClose","onError","onSuccess","onSettled","client","mutationOptions","cancelDeltaOrder","isOrderCancellable","isEthOrder","isPending","isSuccess","step","orderCancellationStep","reset","t5","orderCancelDetails","t6","cancelBtnText","cancelDrawerTitle","cancelTexts","drawerTitle","result","cancelOrder","t7","orderType"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { constructExplorerOrderDetailsLink } from \"@/lib/utils/explorer\";\nimport { useAccount, useChainId } from \"wagmi\";\nimport type { LimitOrderItem } from \"../types\";\nimport type { JSX } from \"react\";\nimport {\n  useCancelOrWithdrawAndCancelDeltaOrder,\n  type CancelOrWithdrawAndCancelDeltaOrderMutOptions,\n} from \"@/hooks/swap/prices/delta/mutations/useCancelOrWithdrawAndCancelDeltaOrder\";\nimport { DismissButton } from \"../../Button/DismissButton\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { useLocalDrawerControls } from \"../../Drawer/state/useDrawerControls\";\nimport { getOrderCancelDetailsForOrderItem } from \"../../TradeOverview/CancelOrder/utils\";\nimport { CancelButtonWithDrawer } from \"../../Button/CancelButton/CancelButtonWithDrawer\";\n\nexport type LimitOrderControlsProps = {\n  order: LimitOrderItem;\n  logger?: LoggerInstance;\n  onDismiss: () => void;\n  onCancelSuccess: CancelOrWithdrawAndCancelDeltaOrderMutOptions[\"onSuccess\"];\n  onCancelError: CancelOrWithdrawAndCancelDeltaOrderMutOptions[\"onError\"];\n};\n\nexport const Controls = ({ order, ...props }: LimitOrderControlsProps) => {\n  const explorerLink = constructExplorerOrderDetailsLink(order.id);\n\n  const explorerBtn = (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  );\n\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      <CancelOrDismissBtn order={order} {...props} />\n      {explorerBtn}\n    </div>\n  );\n};\n\nconst CancelOrDismissBtn = ({\n  order,\n  logger,\n  onDismiss,\n  onCancelError,\n  onCancelSuccess,\n}: LimitOrderControlsProps): JSX.Element | null => {\n  const chainId = useChainId();\n\n  const { address: account, isConnected } = useAccount();\n  const { minClient } = useMinViemClient({ chainId, account });\n\n  const cancelOrderDrawerControls = useLocalDrawerControls();\n\n  const {\n    cancelDeltaOrder,\n    isOrderCancellable,\n    isEthOrder,\n    isPending,\n    isSuccess,\n    step: orderCancellationStep,\n    reset,\n  } = useCancelOrWithdrawAndCancelDeltaOrder({\n    chainId,\n    account,\n    client: minClient,\n    order,\n    logger,\n    mutationOptions: {\n      onError: onCancelError,\n      onSuccess: onCancelSuccess,\n      onSettled: () => {\n        cancelOrderDrawerControls.onClose();\n      },\n    },\n  });\n\n  const orderCancelDetails = getOrderCancelDetailsForOrderItem(order);\n\n  if (\n    !isConnected || // wallet not connected\n    !isOrderCancellable || // the order is already executed/cancelled onchain or failed/cancelled offchain\n    isSuccess || // cancellation successful\n    orderCancelDetails === null // no cancel flow for this order type\n  )\n    return (\n      <DismissButton onClick={onDismiss}>Make Another Trade</DismissButton>\n    );\n\n  const cancelBtnText = isEthOrder ? \"Withdraw & Cancel Order\" : \"Cancel Order\";\n  const cancelDrawerTitle =\n    orderCancelDetails.cancelTexts.drawerTitle || cancelBtnText;\n\n  const cancelOrder = async () => {\n    try {\n      const result = await cancelDeltaOrder();\n      return result;\n    } catch {\n      // allow to re-trigger cancellation after error (like UserCancelledError)\n      reset();\n    }\n  };\n\n  return (\n    <CancelButtonWithDrawer\n      isPending={isPending}\n      drawerControls={cancelOrderDrawerControls}\n      cancelBtnText={cancelBtnText}\n      cancelDrawerTitle={cancelDrawerTitle}\n      orderTypeToCancel={orderCancelDetails.orderType}\n      onCancel={cancelOrder}\n      step={orderCancellationStep}\n    />\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Controls.js","names":["Button","useMinViemClient","constructExplorerOrderDetailsLink","useAccount","useChainId","LimitOrderItem","JSX","useCancelOrWithdrawAndCancelDeltaOrder","CancelOrWithdrawAndCancelDeltaOrderMutOptions","DismissButton","LoggerInstance","useLocalDrawerControls","getOrderCancelDetailsForOrderItem","CancelButtonWithDrawer","LimitOrderControlsProps","order","logger","onDismiss","onCancelSuccess","onCancelError","Controls","t0","$","_c","props","t1","id","explorerLink","t2","explorerBtn","t3","t4","CancelOrDismissBtn","chainId","address","account","isConnected","minClient","cancelOrderDrawerControls","onClose","onError","onSuccess","onSettled","client","mutationOptions","cancelDeltaOrder","isOrderCancellable","isEthOrder","isPending","isSuccess","step","orderCancellationStep","reset","t5","orderCancelDetails","t6","cancelBtnText","cancelDrawerTitle","cancelTexts","drawerTitle","result","cancelOrder","t7","orderType"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { constructExplorerOrderDetailsLink } from \"@/lib/utils/explorer\";\nimport { useAccount, useChainId } from \"wagmi\";\nimport type { LimitOrderItem } from \"../types\";\nimport type { JSX } from \"react\";\nimport {\n  useCancelOrWithdrawAndCancelDeltaOrder,\n  type CancelOrWithdrawAndCancelDeltaOrderMutOptions,\n} from \"@/hooks/swap/prices/delta/mutations/useCancelOrWithdrawAndCancelDeltaOrder\";\nimport { DismissButton } from \"../../Button/DismissButton\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { useLocalDrawerControls } from \"../../Drawer/state/useDrawerControls\";\nimport { getOrderCancelDetailsForOrderItem } from \"../../TradeOverview/CancelOrder/utils\";\nimport { CancelButtonWithDrawer } from \"../../Button/CancelButton/CancelButtonWithDrawer\";\n\nexport type LimitOrderControlsProps = {\n  order: LimitOrderItem;\n  logger?: LoggerInstance;\n  onDismiss: () => void;\n  onCancelSuccess: CancelOrWithdrawAndCancelDeltaOrderMutOptions[\"onSuccess\"];\n  onCancelError: CancelOrWithdrawAndCancelDeltaOrderMutOptions[\"onError\"];\n};\n\nexport const Controls = ({ order, ...props }: LimitOrderControlsProps) => {\n  const explorerLink = constructExplorerOrderDetailsLink(order.id);\n\n  const explorerBtn = (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  );\n\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      <CancelOrDismissBtn order={order} {...props} />\n      {explorerBtn}\n    </div>\n  );\n};\n\nconst CancelOrDismissBtn = ({\n  order,\n  logger,\n  onDismiss,\n  onCancelError,\n  onCancelSuccess,\n}: LimitOrderControlsProps): JSX.Element | null => {\n  const chainId = useChainId();\n\n  const { address: account, isConnected } = useAccount();\n  const { minClient } = useMinViemClient({ chainId, account });\n\n  const cancelOrderDrawerControls = useLocalDrawerControls();\n\n  const {\n    cancelDeltaOrder,\n    isOrderCancellable,\n    isEthOrder,\n    isPending,\n    isSuccess,\n    step: orderCancellationStep,\n    reset,\n  } = useCancelOrWithdrawAndCancelDeltaOrder({\n    chainId,\n    account,\n    client: minClient,\n    order,\n    logger,\n    mutationOptions: {\n      onError: onCancelError,\n      onSuccess: onCancelSuccess,\n      onSettled: () => {\n        cancelOrderDrawerControls.onClose();\n      },\n    },\n  });\n\n  const orderCancelDetails = getOrderCancelDetailsForOrderItem(order);\n\n  if (\n    !isConnected || // wallet not connected\n    !isOrderCancellable || // the order is already executed/cancelled onchain or failed/cancelled offchain\n    isSuccess || // cancellation successful\n    orderCancelDetails === null // no cancel flow for this order type\n  )\n    return (\n      <DismissButton onClick={onDismiss}>Make Another Trade</DismissButton>\n    );\n\n  const cancelBtnText = isEthOrder ? \"Withdraw & Cancel Order\" : \"Cancel Order\";\n  const cancelDrawerTitle =\n    orderCancelDetails.cancelTexts.drawerTitle || cancelBtnText;\n\n  const cancelOrder = async () => {\n    try {\n      const result = await cancelDeltaOrder();\n      return result;\n    } catch {\n      // allow to re-trigger cancellation after error (like UserCancelledError)\n      reset();\n    }\n  };\n\n  return (\n    <CancelButtonWithDrawer\n      isPending={isPending}\n      drawerControls={cancelOrderDrawerControls}\n      cancelBtnText={cancelBtnText}\n      cancelDrawerTitle={cancelDrawerTitle}\n      orderTypeToCancel={orderCancelDetails.orderType}\n      onCancel={cancelOrder}\n      step={orderCancellationStep}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAwBA,IAAaoB,KAAWC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAR,GAAAS;CAAA,AAAAF,EAAA,OAAAD,KAA6CN,IAAAO,EAAA,IAAAE,IAAAF,EAAA,OAA5C,cAAAE,KAAAH,GAA4CC,EAAA,KAAAD,GAAAC,EAAA,KAAAP,GAAAO,EAAA,KAAAE;CAAA,IAAAC;CAAA,AAAAH,EAAA,OAAAP,EAAAW,KACHD,IAAAH,EAAA,MAA3CG,IAAAvB,EAAkCa,EAAKW,GAAI,EAAAJ,EAAA,KAAAP,EAAAW,IAAAJ,EAAA,KAAAG;CAAhE,IAAAE,IAAqBF,GAA4CG;CAAA,AAAAN,EAAA,OAAAK,IAatDC,IAAAN,EAAA,MAVTM,IAAA,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACV,SAAA;YAEA,kBAAA,KAAA;GAASD,MAAAA;GAAkB,KAAA;GAA6B,QAAA;aAAS;GAGnE,CAAA;EAAS,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAM;CAXX,IAAAC,IACED,GAWAE;CAAA,AAAAR,EAAA,OAAAP,KAAAO,EAAA,OAAAE,KAIEM,IAAA,kBAAC,GAAD;EAA2Bf;EAAK,GAAMS;EAAS,CAAA,EAAAF,EAAA,KAAAP,GAAAO,EAAA,KAAAE,GAAAF,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;CAE3C,OAF2CT,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KADjDC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACED,GACCD,EACG;KAAAP,EAAA,MAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAS,KAAAA,IAAAT,EAAA,KAHNS;GAOEC,KAAqBX,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAR,UAAAC,WAAAC,cAAAE,kBAAAD,uBAAAG,GAO1BY,IAAgB7B,GAAY,EAE5B,EAAA8B,SAAAC,GAAAC,mBAA0CjC,GAAY,EAACsB;CAAA,AAAAH,EAAA,OAAAa,KAAAb,EAAA,OAAAW,KAChBR,IAAA;EAAAQ;EAAAE;EAAoB,EAAAb,EAAA,KAAAa,GAAAb,EAAA,KAAAW,GAAAX,EAAA,KAAAG,KAAAA,IAAAH,EAAA;CAA3D,IAAA,EAAAe,iBAAsBpC,EAAiBwB,EAAqB,EAE5Da,IAAkC3B,GAAwB,EAACiB;CAAA,AAAAN,EAAA,OAAAgB,IAqBtDV,IAAAN,EAAA,MAFUM,UAAA;EACTU,EAAyBC,SAAU;IACpCjB,EAAA,KAAAgB,GAAAhB,EAAA,KAAAM;CAAA,IAAAE;CAAA,AAAAR,EAAA,OAAAH,KAAAG,EAAA,OAAAJ,KAAAI,EAAA,OAAAM,KALcE,IAAA;EAAAU,SACNrB;EAAasB,WACXvB;EAAewB,WACfd;EAGZ,EAAAN,EAAA,KAAAH,GAAAG,EAAA,KAAAJ,GAAAI,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;CAAA,AAAAT,EAAA,OAAAa,KAAAb,EAAA,QAAAW,KAAAX,EAAA,QAAAN,KAAAM,EAAA,QAAAe,KAAAf,EAAA,QAAAP,KAAAO,EAAA,QAAAQ,KAZwCC,IAAA;EAAAE;EAAAE;EAAAQ,QAGjCN;EAAStB;EAAAC;EAAA4B,iBAGAd;EAOlB,EAAAR,EAAA,KAAAa,GAAAb,EAAA,MAAAW,GAAAX,EAAA,MAAAN,GAAAM,EAAA,MAAAe,GAAAf,EAAA,MAAAP,GAAAO,EAAA,MAAAQ,GAAAR,EAAA,MAAAS,KAAAA,IAAAT,EAAA;CArBD,IAAA,EAAAuB,qBAAAC,uBAAAC,eAAAC,cAAAC,cAAAC,MAAAC,GAAAC,aAQI7C,EAAuCwB,EAazC,EAACsB;CAAA,AAAA/B,EAAA,QAAAP,IAEgEsC,IAAA/B,EAAA,OAAxC+B,IAAAzC,EAAkCG,EAAM,EAAAO,EAAA,MAAAP,GAAAO,EAAA,MAAA+B;CAAnE,IAAAC,IAA2BD;CAE3B,IACE,CAACjB,KAAD,CACCU,KADDG,KAGAK,MAAuB,MAAI;EAAA,IAAAC;EAG4C,OAH5CjC,EAAA,QAAAL,IAG4CsC,IAAAjC,EAAA,OAArEiC,IAAA,kBAAC,GAAD;GAAwBtC,SAAAA;aAAW;GAAkC,CAAA,EAAAK,EAAA,MAAAL,GAAAK,EAAA,MAAAiC,IAArEA;;CAGJ,IAAAC,IAAsBT,IAAA,4BAAA,gBACtBU,IACEH,EAAkBI,YAAYC,eAA9BH,GAA4DD;CAAA,AAAAjC,EAAA,QAAAuB,KAAAvB,EAAA,QAAA8B,KAE1CG,IAAA,YAAA;EAClB,IAAA;GAC0C,OACjCK,MADcf,GAAkB;UAC1B;GAGbO,GAAO;;IAEV9B,EAAA,MAAAuB,GAAAvB,EAAA,MAAA8B,GAAA9B,EAAA,MAAAiC,KAAAA,IAAAjC,EAAA;CARD,IAAAuC,IAAoBN,GAQlBO;CAWE,OAXFxC,EAAA,QAAAkC,KAAAlC,EAAA,QAAAmC,KAAAnC,EAAA,QAAAuC,KAAAvC,EAAA,QAAAgB,KAAAhB,EAAA,QAAA0B,KAAA1B,EAAA,QAAAgC,EAAAS,aAAAzC,EAAA,QAAA6B,KAGAW,IAAA,kBAAC,GAAD;EACad;EACKV,gBAAAA;EACDkB;EACIC;EACA,mBAAAH,EAAkBS;EAC3BF,UAAAA;EACJV,MAAAA;EACN,CAAA,EAAA7B,EAAA,MAAAkC,GAAAlC,EAAA,MAAAmC,GAAAnC,EAAA,MAAAuC,GAAAvC,EAAA,MAAAgB,GAAAhB,EAAA,MAAA0B,GAAA1B,EAAA,MAAAgC,EAAAS,WAAAzC,EAAA,MAAA6B,GAAA7B,EAAA,MAAAwC,KAAAA,IAAAxC,EAAA,KARFwC"}

package/dist/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderDetails.js","names":["LimitOrderItem","DetailWithValueList","isTruthy","DetailWithValue","DeltaOrderStatusChecker","isTwapAuction","PayReceiveInfo","constructExpiresInDetail","constructOrderRateDetail","constructTwapSplitsDetail","constructOrderStatusDetail","constructOrderTypeDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","constructTwapDurationDetail","Controls","LimitOrderControlsProps","isLimitOrderWithExtra","useWatchDeltaAuction","HALF_MINUTE_MS","detailsClasses","root","title","value","LimitOrderDetails","t0","$","_c","controlsProps","selectedOrder","order","t1","id","t2","status","completed","has","t3","t4","extra","itemType","auction","t5","t6","t7","logger","log","order_0","order_1","t8","orderId","refetchInterval","enabled","select","onAuctionSuccess","onAuctionFailure","onUpdatedAuction","data","lastDeltaOrderState","order_2","t9","payReceiveInfoProps","details","overallPending","pending","executing","isTwap","t10","t11","t12","t13","t14","t15","deadline","filter"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"sourcesContent":["import type { LimitOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport {\n  DeltaOrderStatusChecker,\n  isTwapAuction,\n} from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructTwapSplitsDetail,\n  constructOrderStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n  constructTwapDurationDetail,\n} from \"./utils\";\n\nimport { Controls, type LimitOrderControlsProps } from \"./Controls\";\nimport { isLimitOrderWithExtra } from \"../utils\";\nimport { useWatchDeltaAuction } from \"@/hooks/swap/prices/delta/queries/useWatchDeltaOrder\";\nimport { HALF_MINUTE_MS } from \"@/lib/constants/time\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const LimitOrderDetails = ({\n  order: selectedOrder,\n  ...controlsProps\n}: {\n  order: LimitOrderItem;\n  onDismiss: () => void;\n} & Pick<\n  LimitOrderControlsProps,\n  \"onCancelSuccess\" | \"onCancelError\" | \"logger\"\n>) => {\n  // @TODO polling for OtcOrdeItem\n  // Watch delta order if it's selected to get real-time updates on its status\n  const { data: lastDeltaOrderState } =\n    useWatchDeltaAuction<LimitOrderItem | null>({\n      orderId: selectedOrder.id,\n      refetchInterval: HALF_MINUTE_MS,\n      enabled:\n        // do not enable extra fetch for completed orders\n        !DeltaOrderStatusChecker.completed.has(selectedOrder.status),\n      select: (auction) => {\n        if (!auction) return null;\n        return {\n          ...auction,\n          // reuse existing order item data\n          extra: selectedOrder.extra,\n          itemType: selectedOrder.itemType,\n        };\n      },\n      onAuctionSuccess: (order) => {\n        controlsProps?.logger?.log(\"Delta Order success\", order);\n      },\n      onAuctionFailure: (order) => {\n        controlsProps?.logger?.log(\"Delta Order failure\", order);\n      },\n      onUpdatedAuction: (order) => {\n        controlsProps?.logger?.log(\"Delta Order updated\", order);\n      },\n    });\n\n  const order = lastDeltaOrderState ?? selectedOrder;\n\n  const payReceiveInfoProps =\n    isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(order.status) ||\n    DeltaOrderStatusChecker.executing.has(order.status);\n  const isTwap = isTwapAuction(order);\n\n  let details: DetailWithValue[];\n  if (isTwap) {\n    details = [\n      constructSubmitDateDetail(order),\n      constructOrderRateDetail(order),\n      constructTwapDurationDetail(order),\n      constructTwapSplitsDetail(order),\n      constructOrderStatusDetail(order),\n    ];\n  } else {\n    details = [\n      constructSubmitDateDetail(order),\n      overallPending &&\n        constructExpiresInDetail({\n          deadline: order.order.deadline,\n        }),\n      constructOrderRateDetail(order),\n      constructOrderStatusDetail(order),\n      constructOrderTypeDetail(order),\n    ].filter(isTruthy);\n  }\n\n  return (\n    <div className=\"px-6 pb-8 min-h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...controlsProps} />\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"LimitOrderDetails.js","names":["LimitOrderItem","DetailWithValueList","isTruthy","DetailWithValue","DeltaOrderStatusChecker","isTwapAuction","PayReceiveInfo","constructExpiresInDetail","constructOrderRateDetail","constructTwapSplitsDetail","constructOrderStatusDetail","constructOrderTypeDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","constructTwapDurationDetail","Controls","LimitOrderControlsProps","isLimitOrderWithExtra","useWatchDeltaAuction","HALF_MINUTE_MS","detailsClasses","root","title","value","LimitOrderDetails","t0","$","_c","controlsProps","selectedOrder","order","t1","id","t2","status","completed","has","t3","t4","extra","itemType","auction","t5","t6","t7","logger","log","order_0","order_1","t8","orderId","refetchInterval","enabled","select","onAuctionSuccess","onAuctionFailure","onUpdatedAuction","data","lastDeltaOrderState","order_2","t9","payReceiveInfoProps","details","overallPending","pending","executing","isTwap","t10","t11","t12","t13","t14","t15","deadline","filter"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"sourcesContent":["import type { LimitOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport {\n  DeltaOrderStatusChecker,\n  isTwapAuction,\n} from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructTwapSplitsDetail,\n  constructOrderStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n  constructTwapDurationDetail,\n} from \"./utils\";\n\nimport { Controls, type LimitOrderControlsProps } from \"./Controls\";\nimport { isLimitOrderWithExtra } from \"../utils\";\nimport { useWatchDeltaAuction } from \"@/hooks/swap/prices/delta/queries/useWatchDeltaOrder\";\nimport { HALF_MINUTE_MS } from \"@/lib/constants/time\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const LimitOrderDetails = ({\n  order: selectedOrder,\n  ...controlsProps\n}: {\n  order: LimitOrderItem;\n  onDismiss: () => void;\n} & Pick<\n  LimitOrderControlsProps,\n  \"onCancelSuccess\" | \"onCancelError\" | \"logger\"\n>) => {\n  // @TODO polling for OtcOrdeItem\n  // Watch delta order if it's selected to get real-time updates on its status\n  const { data: lastDeltaOrderState } =\n    useWatchDeltaAuction<LimitOrderItem | null>({\n      orderId: selectedOrder.id,\n      refetchInterval: HALF_MINUTE_MS,\n      enabled:\n        // do not enable extra fetch for completed orders\n        !DeltaOrderStatusChecker.completed.has(selectedOrder.status),\n      select: (auction) => {\n        if (!auction) return null;\n        return {\n          ...auction,\n          // reuse existing order item data\n          extra: selectedOrder.extra,\n          itemType: selectedOrder.itemType,\n        };\n      },\n      onAuctionSuccess: (order) => {\n        controlsProps?.logger?.log(\"Delta Order success\", order);\n      },\n      onAuctionFailure: (order) => {\n        controlsProps?.logger?.log(\"Delta Order failure\", order);\n      },\n      onUpdatedAuction: (order) => {\n        controlsProps?.logger?.log(\"Delta Order updated\", order);\n      },\n    });\n\n  const order = lastDeltaOrderState ?? selectedOrder;\n\n  const payReceiveInfoProps =\n    isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(order.status) ||\n    DeltaOrderStatusChecker.executing.has(order.status);\n  const isTwap = isTwapAuction(order);\n\n  let details: DetailWithValue[];\n  if (isTwap) {\n    details = [\n      constructSubmitDateDetail(order),\n      constructOrderRateDetail(order),\n      constructTwapDurationDetail(order),\n      constructTwapSplitsDetail(order),\n      constructOrderStatusDetail(order),\n    ];\n  } else {\n    details = [\n      constructSubmitDateDetail(order),\n      overallPending &&\n        constructExpiresInDetail({\n          deadline: order.order.deadline,\n        }),\n      constructOrderRateDetail(order),\n      constructOrderStatusDetail(order),\n      constructOrderTypeDetail(order),\n    ].filter(isTruthy);\n  }\n\n  return (\n    <div className=\"px-6 pb-8 min-h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...controlsProps} />\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/LimitOrderItem/LimitOrderDetails/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["dayjs","LimitOrderItem","LimitOrderItemExtra","RequiredLimitOrderItemExtra","DetailWithValue","PayReceiveInfoProps","Rate","StatusBadge","TimeTillExpiry","formatTokenAmount","TokenBadgeProps","DeltaAuctionWithTwapOrder","Duration","getTwapAuctionDeadlines","ONE_MINUTE_MS","constructSubmitDateDetail","createdAt","title","value","format","timeTillExpiryClasses","root","constructExpiresInDetail","deadline","rateClasses","left","right","constructOrderRateDetail","extra","constructTwapDurationDetail","order","endsInMs","durationMs","now","Date","getTime","isFuture","showSecondsInExpiry","constructTwapSplitsDetail","numSlices","interval","constructOrderStatusDetail","status","constructOrderTypeDetail","type","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","topTokenBadgeProps","address","chainId","network","img","amountPosition","const","classes","showNetworkIcon","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","bottomToken"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n  LimitOrderItem,\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge, TimeTillExpiry } from \"../LimitOrderListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\nimport type { DeltaAuctionWithTwapOrder } from \"@/hooks/swap/prices/delta/orders/types\";\nimport { Duration } from \"../../Duration/Duration\";\nimport { getTwapAuctionDeadlines } from \"@/lib/utils/twap\";\nimport { ONE_MINUTE_MS } from \"@/lib/constants/time\";\n\nexport function constructSubmitDateDetail({\n  createdAt,\n}: {\n  createdAt: string | number;\n}): DetailWithValue {\n  return {\n    title: \"Submit Date\",\n    value: dayjs(createdAt).format(\"DD MMM YYYY h:mm A\"),\n  };\n}\n\nconst timeTillExpiryClasses = {\n  root: \"dark:text-contrast-6\",\n};\n\nexport function constructExpiresInDetail({\n  deadline,\n}: {\n  deadline: number;\n}): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: (\n      <TimeTillExpiry deadline={deadline} classes={timeTillExpiryClasses} />\n    ),\n  };\n}\n\nconst rateClasses = {\n  left: \"dark:text-contrast-6\",\n  right: \"dark:text-contrast-6\",\n};\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} classes={rateClasses} />,\n  };\n}\n\nexport function constructTwapDurationDetail(\n  order: DeltaAuctionWithTwapOrder\n): DetailWithValue {\n  const { endsInMs, durationMs } = getTwapAuctionDeadlines(order);\n\n  const now = new Date().getTime();\n  const isFuture = endsInMs > now;\n\n  // if less than 1 min to end,\n  // show seconds instead of \"(ends in -)\"\n  const showSecondsInExpiry = isFuture && endsInMs - now <= ONE_MINUTE_MS;\n\n  return {\n    title: \"Order Duration\",\n    value: (\n      <>\n        <Duration\n          timeMs={durationMs}\n          classes={{\n            root: \"inline-flex\",\n          }}\n        />\n        {isFuture && (\n          <>\n            {\" \"}\n            <span className=\"text-contrast-5 dark:text-contrast-5\">\n              (ends in{\" \"}\n              <TimeTillExpiry\n                showSeconds={showSecondsInExpiry}\n                deadline={endsInMs / 1000}\n                classes={{\n                  root: \"inline-flex text-xs text-contrast-5 dark:text-contrast-5\",\n                }}\n              />\n              )\n            </span>\n          </>\n        )}\n      </>\n    ),\n  };\n}\n\nexport function constructTwapSplitsDetail(\n  order: DeltaAuctionWithTwapOrder\n): DetailWithValue {\n  return {\n    title: \"Order Splits\",\n    value: (\n      <>\n        {order.order.numSlices} Parts{\" \"}\n        <span className=\"text-contrast-5 dark:text-contrast-5\">\n          (once every{\" \"}\n          <Duration\n            timeMs={order.order.interval * 1000}\n            showSeconds\n            classes={{\n              root: \"inline-flex text-xs text-contrast-5 dark:text-contrast-5\",\n            }}\n          />\n          )\n        </span>\n      </>\n    ),\n  };\n}\n\nexport function constructOrderStatusDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge status={order.status} />,\n  };\n}\n\nexport function constructOrderTypeDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\n  };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n    },\n  };\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgBe,EAA0B,EACxCC,gBAGkB;AAClB,QAAO;EACLC,OAAO;EACPC,OAAOlB,EAAMgB,EAAU,CAACG,OAAO,qBAAoB;EACpD;;AAGH,IAAMC,IAAwB,EAC5BC,MAAM,wBACP;AAED,SAAgBC,EAAyB,EACvCC,eAGkB;AAClB,QAAO;EACLN,OAAO;EACPC,OACE,kBAAC,GAAD;GAA0BK;GAAU,SAASH;GAAsB,CAAA;EAEtE;;AAGH,IAAMI,IAAc;CAClBC,MAAM;CACNC,OAAO;CACR;AAED,SAAgBC,EAAyB,EACvCC,YAGkB;AAClB,QAAO;EACLX,OAAO;EACPC,OAAO,kBAAC,GAAD;GAAaU;GAAO,SAASJ;GAAY,CAAA;EACjD;;AAGH,SAAgBK,EACdC,GACiB;CACjB,IAAM,EAAEC,aAAUC,kBAAenB,EAAwBiB,EAAM,EAEzDG,qBAAM,IAAIC,MAAM,EAACC,SAAS,EAC1BC,IAAWL,IAAWE,GAItBI,IAAsBD,KAAYL,IAAWE,KAAAA;AAEnD,QAAO;EACLhB,OAAO;EACPC,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,QAAQc;GACR,SAAS,EACPX,MAAM,eACP;GAAC,CAAA,EAEHe,KACC,kBAAA,GAAA,EAAA,UAAA,CACG,KACD,kBAAC,QAAD;GAAM,WAAU;aAAhB;IAAsD;IAC3C;IACT,kBAAC,GAAD;KACE,aAAaC;KACb,UAAUN,IAAW;KACrB,SAAS,EACPV,MAAM,4DACP;KAAC,CAAA;;IAGA;KAET,EAAA,CAAA,CACH,EAAA,CAAA;EAEH;;AAGH,SAAgBiB,EACdR,GACiB;AACjB,QAAO;EACLb,OAAO;EACPC,OACE,kBAAA,GAAA,EAAA,UAAA;GACGY,EAAMA,MAAMS;GAAU;GAAO;GAC9B,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAAsD;KACxC;KACZ,kBAAC,GAAD;MACE,QAAQT,EAAMA,MAAMU,WAAW;MAC/B,aAAA;MACA,SAAS,EACPnB,MAAM,4DACP;MAAC,CAAA;;KAGA;;GACR,EAAA,CAAA;EAEH;;AAGH,SAAgBoB,EACdX,GACiB;AACjB,QAAO;EACLb,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAa,QAAQY,EAAMY,QAAO,CAAA;EAC1C;;AAGH,SAAgBC,EACdb,GACiB;AACjB,QAAO;EACLb,OAAO;EACPC,OAAOY,EAAMc;EACd;;AAGH,IAAMC,IAAoB;CACxBC,QAAQ;CACRC,QAAQ;CACRC,MAAM;CACP;AAED,SAAgBC,EAA6B,EAC3CrB,YAGsB;CACtB,IAAM,EAAEsB,aAAUC,cAAWC,kBAAeC,sBAAmBzB,GAEzD0B,IAAqB7C,EAAkB2C,EAAc,EACrDG,IAAsB9C,EAAkB4C,EAAe,EAEvDG,IAAsC;EAC1CC,SAASP,EAASO;EAClBV,QAAQG,EAASH;EACjBW,SAASR,EAASS;EAClBC,KAAKV,EAASU;EACdd,QAAQQ;EACRO,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB,EAEKC,IAAyC;EAC7CR,SAASN,EAAUM;EACnBV,QAAQI,EAAUJ;EAClBW,SAASP,EAAUQ;EACnBC,KAAKT,EAAUS;EACfd,QAAQS;EACRM,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB;AAED,QAAO;EACLE,UAAU;GACRC,iBAAiBX;GACjBY,OAAO;GACR;EACDC,aAAa;GACXF,iBAAiBF;GACjBG,OAAO;GACT;EACD"}
+{"version":3,"file":"utils.js","names":["dayjs","LimitOrderItem","LimitOrderItemExtra","RequiredLimitOrderItemExtra","DetailWithValue","PayReceiveInfoProps","Rate","StatusBadge","TimeTillExpiry","formatTokenAmount","TokenBadgeProps","DeltaAuctionWithTwapOrder","Duration","getTwapAuctionDeadlines","ONE_MINUTE_MS","constructSubmitDateDetail","createdAt","title","value","format","timeTillExpiryClasses","root","constructExpiresInDetail","deadline","rateClasses","left","right","constructOrderRateDetail","extra","constructTwapDurationDetail","order","endsInMs","durationMs","now","Date","getTime","isFuture","showSecondsInExpiry","constructTwapSplitsDetail","numSlices","interval","constructOrderStatusDetail","status","constructOrderTypeDetail","type","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","topTokenBadgeProps","address","chainId","network","img","amountPosition","const","classes","showNetworkIcon","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","bottomToken"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n  LimitOrderItem,\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge, TimeTillExpiry } from \"../LimitOrderListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\nimport type { DeltaAuctionWithTwapOrder } from \"@/hooks/swap/prices/delta/orders/types\";\nimport { Duration } from \"../../Duration/Duration\";\nimport { getTwapAuctionDeadlines } from \"@/lib/utils/twap\";\nimport { ONE_MINUTE_MS } from \"@/lib/constants/time\";\n\nexport function constructSubmitDateDetail({\n  createdAt,\n}: {\n  createdAt: string | number;\n}): DetailWithValue {\n  return {\n    title: \"Submit Date\",\n    value: dayjs(createdAt).format(\"DD MMM YYYY h:mm A\"),\n  };\n}\n\nconst timeTillExpiryClasses = {\n  root: \"dark:text-contrast-6\",\n};\n\nexport function constructExpiresInDetail({\n  deadline,\n}: {\n  deadline: number;\n}): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: (\n      <TimeTillExpiry deadline={deadline} classes={timeTillExpiryClasses} />\n    ),\n  };\n}\n\nconst rateClasses = {\n  left: \"dark:text-contrast-6\",\n  right: \"dark:text-contrast-6\",\n};\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} classes={rateClasses} />,\n  };\n}\n\nexport function constructTwapDurationDetail(\n  order: DeltaAuctionWithTwapOrder\n): DetailWithValue {\n  const { endsInMs, durationMs } = getTwapAuctionDeadlines(order);\n\n  const now = new Date().getTime();\n  const isFuture = endsInMs > now;\n\n  // if less than 1 min to end,\n  // show seconds instead of \"(ends in -)\"\n  const showSecondsInExpiry = isFuture && endsInMs - now <= ONE_MINUTE_MS;\n\n  return {\n    title: \"Order Duration\",\n    value: (\n      <>\n        <Duration\n          timeMs={durationMs}\n          classes={{\n            root: \"inline-flex\",\n          }}\n        />\n        {isFuture && (\n          <>\n            {\" \"}\n            <span className=\"text-contrast-5 dark:text-contrast-5\">\n              (ends in{\" \"}\n              <TimeTillExpiry\n                showSeconds={showSecondsInExpiry}\n                deadline={endsInMs / 1000}\n                classes={{\n                  root: \"inline-flex text-xs text-contrast-5 dark:text-contrast-5\",\n                }}\n              />\n              )\n            </span>\n          </>\n        )}\n      </>\n    ),\n  };\n}\n\nexport function constructTwapSplitsDetail(\n  order: DeltaAuctionWithTwapOrder\n): DetailWithValue {\n  return {\n    title: \"Order Splits\",\n    value: (\n      <>\n        {order.order.numSlices} Parts{\" \"}\n        <span className=\"text-contrast-5 dark:text-contrast-5\">\n          (once every{\" \"}\n          <Duration\n            timeMs={order.order.interval * 1000}\n            showSeconds\n            classes={{\n              root: \"inline-flex text-xs text-contrast-5 dark:text-contrast-5\",\n            }}\n          />\n          )\n        </span>\n      </>\n    ),\n  };\n}\n\nexport function constructOrderStatusDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge status={order.status} />,\n  };\n}\n\nexport function constructOrderTypeDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\n  };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n    },\n  };\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgBe,EAA0B,EACxCC,gBAGkB;CAClB,OAAO;EACLC,OAAO;EACPC,OAAOlB,EAAMgB,EAAU,CAACG,OAAO,qBAAoB;EACpD;;AAGH,IAAMC,IAAwB,EAC5BC,MAAM,wBACP;AAED,SAAgBC,EAAyB,EACvCC,eAGkB;CAClB,OAAO;EACLN,OAAO;EACPC,OACE,kBAAC,GAAD;GAA0BK;GAAU,SAASH;GAAsB,CAAA;EAEtE;;AAGH,IAAMI,IAAc;CAClBC,MAAM;CACNC,OAAO;CACR;AAED,SAAgBC,EAAyB,EACvCC,YAGkB;CAClB,OAAO;EACLX,OAAO;EACPC,OAAO,kBAAC,GAAD;GAAaU;GAAO,SAASJ;GAAY,CAAA;EACjD;;AAGH,SAAgBK,EACdC,GACiB;CACjB,IAAM,EAAEC,aAAUC,kBAAenB,EAAwBiB,EAAM,EAEzDG,qBAAM,IAAIC,MAAM,EAACC,SAAS,EAC1BC,IAAWL,IAAWE,GAItBI,IAAsBD,KAAYL,IAAWE,KAAAA;CAEnD,OAAO;EACLhB,OAAO;EACPC,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,QAAQc;GACR,SAAS,EACPX,MAAM,eACP;GAAC,CAAA,EAEHe,KACC,kBAAA,GAAA,EAAA,UAAA,CACG,KACD,kBAAC,QAAD;GAAM,WAAU;aAAhB;IAAsD;IAC3C;IACT,kBAAC,GAAD;KACE,aAAaC;KACb,UAAUN,IAAW;KACrB,SAAS,EACPV,MAAM,4DACP;KAAC,CAAA;;IAGA;KAET,EAAA,CAAA,CACH,EAAA,CAAA;EAEH;;AAGH,SAAgBiB,EACdR,GACiB;CACjB,OAAO;EACLb,OAAO;EACPC,OACE,kBAAA,GAAA,EAAA,UAAA;GACGY,EAAMA,MAAMS;GAAU;GAAO;GAC9B,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAAsD;KACxC;KACZ,kBAAC,GAAD;MACE,QAAQT,EAAMA,MAAMU,WAAW;MAC/B,aAAA;MACA,SAAS,EACPnB,MAAM,4DACP;MAAC,CAAA;;KAGA;;GACR,EAAA,CAAA;EAEH;;AAGH,SAAgBoB,EACdX,GACiB;CACjB,OAAO;EACLb,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAa,QAAQY,EAAMY,QAAO,CAAA;EAC1C;;AAGH,SAAgBC,EACdb,GACiB;CACjB,OAAO;EACLb,OAAO;EACPC,OAAOY,EAAMc;EACd;;AAGH,IAAMC,IAAoB;CACxBC,QAAQ;CACRC,QAAQ;CACRC,MAAM;CACP;AAED,SAAgBC,EAA6B,EAC3CrB,YAGsB;CACtB,IAAM,EAAEsB,aAAUC,cAAWC,kBAAeC,sBAAmBzB,GAEzD0B,IAAqB7C,EAAkB2C,EAAc,EACrDG,IAAsB9C,EAAkB4C,EAAe,EAEvDG,IAAsC;EAC1CC,SAASP,EAASO;EAClBV,QAAQG,EAASH;EACjBW,SAASR,EAASS;EAClBC,KAAKV,EAASU;EACdd,QAAQQ;EACRO,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB,EAEKC,IAAyC;EAC7CR,SAASN,EAAUM;EACnBV,QAAQI,EAAUJ;EAClBW,SAASP,EAAUQ;EACnBC,KAAKT,EAAUS;EACfd,QAAQS;EACRM,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB;CAED,OAAO;EACLE,UAAU;GACRC,iBAAiBX;GACjBY,OAAO;GACR;EACDC,aAAa;GACXF,iBAAiBF;GACjBG,OAAO;GACT;EACD"}

package/dist/components/widget/LimitOrderItem/LimitOrderListItem.js

@@ -143,14 +143,11 @@ var g = "-", _ = (e) => {
 	}), n[12] = b, n[13] = S, n[14] = w, n[15] = T) : T = n[15], T;
 }, w = (t) => {
 	let i = f(10), { status: a, extraLabel: o } = t, s;
-	if (i[0] !== a) {
-		let t = n.success.has(a), r = n.failed.has(a), o = n.pending.has(a) || n.executing.has(a);
-		s = e("text-[10px] p-0.5 px-2 rounded-lg w-max", {
-			"text-secondary-shamrock-green-2 bg-[#00976733]": t,
-			"text-secondary-radical-red-1 bg-[#FF3B301A]": r,
-			"text-secondary-orange-peel-1 bg-[#FF950033]": o
-		}), i[0] = a, i[1] = s;
-	} else s = i[1];
+	i[0] === a ? s = i[1] : (s = e("text-[10px] p-0.5 px-2 rounded-lg w-max", {
+		"text-secondary-shamrock-green-2 bg-[#00976733]": n.success.has(a),
+		"text-secondary-radical-red-1 bg-[#FF3B301A]": n.failed.has(a),
+		"text-secondary-orange-peel-1 bg-[#FF950033]": n.pending.has(a) || n.executing.has(a)
+	}), i[0] = a, i[1] = s);
 	let c;
 	i[2] === a ? c = i[3] : (c = r(a), i[2] = a, i[3] = c);
 	let l;

package/dist/components/widget/LimitOrderItem/LimitOrderListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderListItem.js","names":["TokenBadge","LimitOrderItem","LimitOrderItemExtra","NetworkWithIcon","formatTokenAmount","calcRate","SupportedChainId","cn","DeltaOrderStatusChecker","getDisplayedOrderStatus","isTwapAuction","WithClasses","DeltaAuctionStatus","useDateNow","Duration","twapSliceInfo","getTwapAuctionDeadlines","missingContent","LimitOrdersListItem","t0","$","_c","auction","onClick","t1","t2","t3","t4","srcTokenBadgeClasses","logo","root","destTokenBadgeClasses","networkIconClasses","name","TradeAndNetwork","extra","chainId","Trade","srcToken","destToken","srcAmountUnit","destAmountUnit","visualItemType","formattedSrcAmount","formattedDestAmount","address","img","network","t5","icons","t6","t7","Symbol","for","t8","symbol","t9","typeAndAmounts","t10","Rate","classes","bb0","rateFormatted","left","right","StatusBadge","status","extraLabel","success","has","failed","overallPending","pending","executing","rateClasses","RateAndStatus","props","isTwap","undefined","extraStatusLabel","endsInMs","order","deadline","TimeTillExpiry","showSeconds","now","timeMs"],"sources":["../../../../src/components/widget/LimitOrderItem/LimitOrderListItem.tsx"],"sourcesContent":["import { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport type { LimitOrderItem, LimitOrderItemExtra } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  DeltaOrderStatusChecker,\n  getDisplayedOrderStatus,\n  isTwapAuction,\n} from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport type { DeltaAuctionStatus } from \"@velora-dex/sdk\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\nimport { Duration } from \"../Duration/Duration\";\nimport { twapSliceInfo } from \"./utils\";\nimport { getTwapAuctionDeadlines } from \"@/lib/utils/twap\";\n\nconst missingContent = \"-\";\n\nexport const LimitOrdersListItem = ({\n  auction,\n  onClick,\n}: {\n  auction: LimitOrderItem;\n  onClick: (auction: LimitOrderItem) => void;\n}) => {\n  return (\n    <div\n      className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n      onClick={() => onClick(auction)}\n    >\n      <TradeAndNetwork {...auction} />\n      <RateAndStatus {...auction} />\n    </div>\n  );\n};\n\nconst srcTokenBadgeClasses = { logo: \"size-[16px]\", root: \"z-1\" };\nconst destTokenBadgeClasses = { logo: \"size-[16px]\", root: \"-ml-1\" };\nconst networkIconClasses = { root: \"gap-2\", name: \"dark:text-contrast-7\" };\n\nexport const TradeAndNetwork = ({\n  extra,\n  chainId,\n}: Pick<LimitOrderItem, \"extra\" | \"chainId\">) => {\n  return (\n    <div className=\"flex items-center justify-between pb-4\">\n      <Trade {...extra} />\n      <NetworkWithIcon\n        networkId={chainId as SupportedChainId}\n        classes={networkIconClasses}\n      />\n    </div>\n  );\n};\n\nconst Trade = ({\n  srcToken,\n  destToken,\n  srcAmountUnit,\n  destAmountUnit,\n  visualItemType,\n}: LimitOrderItemExtra) => {\n  // @TODO we'll miss a big piece of info if we don't have the tokens\n  // consider to fetch them onchain if missing in useQuery(select)\n  // or just add more token lists\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const icons = (\n    <div className=\"flex items-center\">\n      <TokenBadge\n        address={srcToken.address}\n        chainId={srcToken.network}\n        img={srcToken.img}\n        classes={srcTokenBadgeClasses}\n      />\n      <TokenBadge\n        address={destToken.address}\n        img={destToken.img}\n        chainId={destToken.network}\n        classes={destTokenBadgeClasses}\n      />\n    </div>\n  );\n\n  const typeAndAmounts = (\n    <div className=\"ml-2 flex flex-col\">\n      <div className=\"text-xs font-medium text-contrast-5\">\n        {visualItemType}\n      </div>\n      <div className=\"text-sm font-medium dark:text-contrast-9\">\n        {srcToken.symbol} {formattedSrcAmount}\n        <span className=\"mx-1\">→</span>\n        {destToken.symbol} {formattedDestAmount}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className=\"flex items-center\">\n      {icons}\n      {typeAndAmounts}\n    </div>\n  );\n};\n\nexport const Rate = ({\n  extra,\n  classes,\n}: { extra: Omit<LimitOrderItemExtra, \"visualItemType\"> } & WithClasses<\n  \"root\" | \"left\" | \"right\"\n>) => {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const rateFormatted = calcRate(srcAmountUnit, destAmountUnit)?.rateFormatted;\n  if (!rateFormatted) return missingContent;\n\n  const left = `${formatTokenAmount(rateFormatted)} ${destToken.symbol}`;\n  const right = `per ${srcToken.symbol}`;\n\n  return (\n    <div className={cn(\"text-xs\", classes?.root)}>\n      <span className={classes?.left}>{left}</span>{\" \"}\n      <span className={classes?.right}>{right}</span>\n    </div>\n  );\n};\n\nexport const StatusBadge = ({\n  status,\n  extraLabel,\n}: {\n  status: DeltaAuctionStatus;\n  extraLabel?: React.ReactNode;\n}) => {\n  const success = DeltaOrderStatusChecker.success.has(status);\n  const failed = DeltaOrderStatusChecker.failed.has(status);\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(status) ||\n    DeltaOrderStatusChecker.executing.has(status);\n\n  return (\n    <div\n      className={cn(\"text-[10px] p-0.5 px-2 rounded-lg w-max\", {\n        \"text-secondary-shamrock-green-2 bg-[#00976733]\": success,\n        \"text-secondary-radical-red-1 bg-[#FF3B301A]\": failed,\n        \"text-secondary-orange-peel-1 bg-[#FF950033]\": overallPending,\n      })}\n    >\n      {getDisplayedOrderStatus(status)}\n      {extraLabel && <> {extraLabel}</>}\n    </div>\n  );\n};\n\nconst rateClasses = {\n  left: \"dark:text-contrast-7\",\n  right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = (props: LimitOrderItem) => {\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(props.status) ||\n    DeltaOrderStatusChecker.executing.has(props.status);\n  const isTwap = isTwapAuction(props);\n\n  const extraStatusLabel = isTwap ? twapSliceInfo(props) : undefined;\n  const deadline = isTwap\n    ? getTwapAuctionDeadlines(props).endsInMs / 1000\n    : props.order.deadline;\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <Rate extra={props.extra} classes={rateClasses} />\n      <div className=\"flex items-center gap-1\">\n        {overallPending && <TimeTillExpiry deadline={deadline} />}\n        <StatusBadge status={props.status} extraLabel={extraStatusLabel} />\n      </div>\n    </div>\n  );\n};\n\nexport const TimeTillExpiry = ({\n  deadline,\n  classes,\n  showSeconds,\n}: {\n  deadline: number;\n  showSeconds?: boolean;\n} & WithClasses<\"root\">) => {\n  const now = useDateNow();\n  const timeMs = (deadline - now / 1000) * 1000;\n\n  return (\n    <Duration timeMs={timeMs} classes={classes} showSeconds={showSeconds} />\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"LimitOrderListItem.js","names":["TokenBadge","LimitOrderItem","LimitOrderItemExtra","NetworkWithIcon","formatTokenAmount","calcRate","SupportedChainId","cn","DeltaOrderStatusChecker","getDisplayedOrderStatus","isTwapAuction","WithClasses","DeltaAuctionStatus","useDateNow","Duration","twapSliceInfo","getTwapAuctionDeadlines","missingContent","LimitOrdersListItem","t0","$","_c","auction","onClick","t1","t2","t3","t4","srcTokenBadgeClasses","logo","root","destTokenBadgeClasses","networkIconClasses","name","TradeAndNetwork","extra","chainId","Trade","srcToken","destToken","srcAmountUnit","destAmountUnit","visualItemType","formattedSrcAmount","formattedDestAmount","address","img","network","t5","icons","t6","t7","Symbol","for","t8","symbol","t9","typeAndAmounts","t10","Rate","classes","bb0","rateFormatted","left","right","StatusBadge","status","extraLabel","success","has","failed","overallPending","pending","executing","rateClasses","RateAndStatus","props","isTwap","undefined","extraStatusLabel","endsInMs","order","deadline","TimeTillExpiry","showSeconds","now","timeMs"],"sources":["../../../../src/components/widget/LimitOrderItem/LimitOrderListItem.tsx"],"sourcesContent":["import { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport type { LimitOrderItem, LimitOrderItemExtra } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  DeltaOrderStatusChecker,\n  getDisplayedOrderStatus,\n  isTwapAuction,\n} from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport type { DeltaAuctionStatus } from \"@velora-dex/sdk\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\nimport { Duration } from \"../Duration/Duration\";\nimport { twapSliceInfo } from \"./utils\";\nimport { getTwapAuctionDeadlines } from \"@/lib/utils/twap\";\n\nconst missingContent = \"-\";\n\nexport const LimitOrdersListItem = ({\n  auction,\n  onClick,\n}: {\n  auction: LimitOrderItem;\n  onClick: (auction: LimitOrderItem) => void;\n}) => {\n  return (\n    <div\n      className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n      onClick={() => onClick(auction)}\n    >\n      <TradeAndNetwork {...auction} />\n      <RateAndStatus {...auction} />\n    </div>\n  );\n};\n\nconst srcTokenBadgeClasses = { logo: \"size-[16px]\", root: \"z-1\" };\nconst destTokenBadgeClasses = { logo: \"size-[16px]\", root: \"-ml-1\" };\nconst networkIconClasses = { root: \"gap-2\", name: \"dark:text-contrast-7\" };\n\nexport const TradeAndNetwork = ({\n  extra,\n  chainId,\n}: Pick<LimitOrderItem, \"extra\" | \"chainId\">) => {\n  return (\n    <div className=\"flex items-center justify-between pb-4\">\n      <Trade {...extra} />\n      <NetworkWithIcon\n        networkId={chainId as SupportedChainId}\n        classes={networkIconClasses}\n      />\n    </div>\n  );\n};\n\nconst Trade = ({\n  srcToken,\n  destToken,\n  srcAmountUnit,\n  destAmountUnit,\n  visualItemType,\n}: LimitOrderItemExtra) => {\n  // @TODO we'll miss a big piece of info if we don't have the tokens\n  // consider to fetch them onchain if missing in useQuery(select)\n  // or just add more token lists\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const icons = (\n    <div className=\"flex items-center\">\n      <TokenBadge\n        address={srcToken.address}\n        chainId={srcToken.network}\n        img={srcToken.img}\n        classes={srcTokenBadgeClasses}\n      />\n      <TokenBadge\n        address={destToken.address}\n        img={destToken.img}\n        chainId={destToken.network}\n        classes={destTokenBadgeClasses}\n      />\n    </div>\n  );\n\n  const typeAndAmounts = (\n    <div className=\"ml-2 flex flex-col\">\n      <div className=\"text-xs font-medium text-contrast-5\">\n        {visualItemType}\n      </div>\n      <div className=\"text-sm font-medium dark:text-contrast-9\">\n        {srcToken.symbol} {formattedSrcAmount}\n        <span className=\"mx-1\">→</span>\n        {destToken.symbol} {formattedDestAmount}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className=\"flex items-center\">\n      {icons}\n      {typeAndAmounts}\n    </div>\n  );\n};\n\nexport const Rate = ({\n  extra,\n  classes,\n}: { extra: Omit<LimitOrderItemExtra, \"visualItemType\"> } & WithClasses<\n  \"root\" | \"left\" | \"right\"\n>) => {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const rateFormatted = calcRate(srcAmountUnit, destAmountUnit)?.rateFormatted;\n  if (!rateFormatted) return missingContent;\n\n  const left = `${formatTokenAmount(rateFormatted)} ${destToken.symbol}`;\n  const right = `per ${srcToken.symbol}`;\n\n  return (\n    <div className={cn(\"text-xs\", classes?.root)}>\n      <span className={classes?.left}>{left}</span>{\" \"}\n      <span className={classes?.right}>{right}</span>\n    </div>\n  );\n};\n\nexport const StatusBadge = ({\n  status,\n  extraLabel,\n}: {\n  status: DeltaAuctionStatus;\n  extraLabel?: React.ReactNode;\n}) => {\n  const success = DeltaOrderStatusChecker.success.has(status);\n  const failed = DeltaOrderStatusChecker.failed.has(status);\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(status) ||\n    DeltaOrderStatusChecker.executing.has(status);\n\n  return (\n    <div\n      className={cn(\"text-[10px] p-0.5 px-2 rounded-lg w-max\", {\n        \"text-secondary-shamrock-green-2 bg-[#00976733]\": success,\n        \"text-secondary-radical-red-1 bg-[#FF3B301A]\": failed,\n        \"text-secondary-orange-peel-1 bg-[#FF950033]\": overallPending,\n      })}\n    >\n      {getDisplayedOrderStatus(status)}\n      {extraLabel && <> {extraLabel}</>}\n    </div>\n  );\n};\n\nconst rateClasses = {\n  left: \"dark:text-contrast-7\",\n  right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = (props: LimitOrderItem) => {\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(props.status) ||\n    DeltaOrderStatusChecker.executing.has(props.status);\n  const isTwap = isTwapAuction(props);\n\n  const extraStatusLabel = isTwap ? twapSliceInfo(props) : undefined;\n  const deadline = isTwap\n    ? getTwapAuctionDeadlines(props).endsInMs / 1000\n    : props.order.deadline;\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <Rate extra={props.extra} classes={rateClasses} />\n      <div className=\"flex items-center gap-1\">\n        {overallPending && <TimeTillExpiry deadline={deadline} />}\n        <StatusBadge status={props.status} extraLabel={extraStatusLabel} />\n      </div>\n    </div>\n  );\n};\n\nexport const TimeTillExpiry = ({\n  deadline,\n  classes,\n  showSeconds,\n}: {\n  deadline: number;\n  showSeconds?: boolean;\n} & WithClasses<\"root\">) => {\n  const now = useDateNow();\n  const timeMs = (deadline - now / 1000) * 1000;\n\n  return (\n    <Duration timeMs={timeMs} classes={classes} showSeconds={showSeconds} />\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/LimitOrderItem/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["LIMIT_OF_ORDERS","defaultOrderParams","limit","activeOrderParams","status","const"],"sources":["../../../../src/components/widget/LimitOrderItem/constants.ts"],"sourcesContent":["// fetch this many orders at once\n//  MAX_ORDERS_LIMIT in API is 1000\nconst LIMIT_OF_ORDERS = 500;\n\nexport const defaultOrderParams = {\n  limit: LIMIT_OF_ORDERS,\n};\n\nexport const activeOrderParams = {\n  ...defaultOrderParams,\n  status: [\"ACTIVE\" as const],\n};\n"],"mappings":"AAIA,IAAaC,IAAqB,EAChCC,OAHsB,KAIvB,EAEYC,IAAoB;CAC/B,GAAGF;CACHG,QAAQ,CAAC,SAAiB;CAC3B"}
+{"version":3,"file":"constants.js","names":["LIMIT_OF_ORDERS","defaultOrderParams","limit","activeOrderParams","status","const"],"sources":["../../../../src/components/widget/LimitOrderItem/constants.ts"],"sourcesContent":["// fetch this many orders at once\n//  MAX_ORDERS_LIMIT in API is 1000\nconst LIMIT_OF_ORDERS = 500;\n\nexport const defaultOrderParams = {\n  limit: LIMIT_OF_ORDERS,\n};\n\nexport const activeOrderParams = {\n  ...defaultOrderParams,\n  status: [\"ACTIVE\" as const],\n};\n"],"mappings":"AAIA,IAAaC,IAAqB,EAChCC,OAAOF,KACR,EAEYG,IAAoB;CAC/B,GAAGF;CACHG,QAAQ,CAAC,SAAiB;CAC3B"}

package/dist/components/widget/LimitOrderItem/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["getUnifiedDeltaOrderData","AllChainsTokenMap","prepTokenKey","isSupportedChainId","DeltaAuction","LimitOrderItem","LimitOrderItemWithExtra","formatUnits","Token","DeltaAuctionWithTwapOrder","constructLimitOrderItem","auction","allChainsTokenMap","srcAmount","destAmount","srcChainId","destChainId","srcToken","srcTokenAddress","destToken","destTokenAddress","srcAmountUnit","destAmountUnit","srcTokenKey","address","network","foundSrcToken","BigInt","decimals","destTokenKey","foundDestToken","visualItemType","type","onChainOrderType","extra","itemType","isLimitOrderWithExtra","order","twapSliceInfo","Pick","transactions","length","numSlices"],"sources":["../../../../src/components/widget/LimitOrderItem/utils.ts"],"sourcesContent":["import { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { DeltaAuction } from \"@velora-dex/sdk\";\nimport type { LimitOrderItem, LimitOrderItemWithExtra } from \"./types\";\nimport { formatUnits } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { DeltaAuctionWithTwapOrder } from \"@/hooks/swap/prices/delta/orders/types\";\n\nexport function constructLimitOrderItem(\n  auction: DeltaAuction,\n  allChainsTokenMap: AllChainsTokenMap\n): LimitOrderItem {\n  const {\n    srcAmount,\n    destAmount,\n    srcChainId,\n    destChainId,\n    srcToken: srcTokenAddress,\n    destToken: destTokenAddress,\n  } = getUnifiedDeltaOrderData(auction);\n\n  let srcToken: Token | undefined;\n  let destToken: Token | undefined;\n\n  let srcAmountUnit: string | undefined;\n  let destAmountUnit: string | undefined;\n\n  if (isSupportedChainId(srcChainId)) {\n    const srcTokenKey = prepTokenKey({\n      address: srcTokenAddress,\n      network: srcChainId,\n    });\n\n    const foundSrcToken = allChainsTokenMap[srcTokenKey];\n    if (foundSrcToken) {\n      srcToken = foundSrcToken;\n      srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n    }\n  }\n\n  if (isSupportedChainId(destChainId)) {\n    const destTokenKey = prepTokenKey({\n      address: destTokenAddress,\n      network: destChainId,\n    });\n\n    const foundDestToken = allChainsTokenMap[destTokenKey];\n    if (foundDestToken) {\n      destToken = foundDestToken;\n      destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n    }\n  }\n\n  let visualItemType;\n  if (auction.type === \"LIMIT\") {\n    visualItemType = \"Limit\";\n  } else if (\n    auction.onChainOrderType === \"TWAPOrder\" ||\n    auction.onChainOrderType === \"TWAPBuyOrder\"\n  ) {\n    visualItemType = \"TWAP\";\n  } else if (auction.onChainOrderType === \"ExternalOrder\") {\n    visualItemType = \"External Order\";\n  } else {\n    visualItemType = \"Swap\";\n  }\n\n  const extra = {\n    srcToken,\n    destToken,\n    srcAmount,\n    destAmount,\n    srcAmountUnit,\n    destAmountUnit,\n    visualItemType,\n  };\n\n  return {\n    ...auction,\n    extra,\n    itemType: \"limit-order\",\n  };\n}\n\nexport function isLimitOrderWithExtra(\n  order: LimitOrderItem\n): order is LimitOrderItemWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n\nexport function twapSliceInfo(\n  auction: Pick<DeltaAuctionWithTwapOrder, \"transactions\" | \"order\">\n): string {\n  return `${auction.transactions.length}/${auction.order.numSlices}`;\n}\n"],"mappings":";;;;;AAUA,SAAgBU,EACdC,GACAC,GACgB;CAChB,IAAM,EACJC,cACAC,eACAC,eACAC,gBACAC,UAAUC,GACVC,WAAWC,MACTpB,EAAyBW,EAAQ,EAEjCM,GACAE,GAEAE,GACAC;AAEJ,KAAInB,EAAmBY,EAAW,EAAE;EAMlC,IAAMW,IAAgBd,EALFV,EAAa;GAC/BsB,SAASN;GACTO,SAASV;GACV,CAAC;AAGF,EAAIW,MACFT,IAAWS,GACXL,IAAgBd,EAAYoB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;;AAI1E,KAAIzB,EAAmBa,EAAY,EAAE;EAMnC,IAAMc,IAAiBlB,EALFV,EAAa;GAChCsB,SAASJ;GACTK,SAAST;GACV,CAAC;AAGF,EAAIc,MACFX,IAAYW,GACZR,IAAiBf,EAAYoB,OAAOb,EAAW,EAAEgB,EAAeF,SAAS;;CAI7E,IAAIG;AACJ,CAUEA,IAVEpB,EAAQqB,SAAS,UACF,UAEjBrB,EAAQsB,qBAAqB,eAC7BtB,EAAQsB,qBAAqB,iBAEZ,SACRtB,EAAQsB,qBAAqB,kBACrB,mBAEA;CAGnB,IAAMC,IAAQ;EACZjB;EACAE;EACAN;EACAC;EACAO;EACAC;EACAS;EACD;AAED,QAAO;EACL,GAAGpB;EACHuB;EACAC,UAAU;EACX;;AAGH,SAAgBC,EACdC,GACkC;CAClC,IAAM,EAAEpB,aAAUE,cAAWE,kBAAeC,sBAAmBe,EAAMH;AACrE,QAAO,CAAC,EAAEjB,KAAYE,KAAaE,KAAiBC;;AAGtD,SAAgBgB,EACd3B,GACQ;AACR,QAAO,GAAGA,EAAQ6B,aAAaC,OAAM,GAAI9B,EAAQ0B,MAAMK"}
+{"version":3,"file":"utils.js","names":["getUnifiedDeltaOrderData","AllChainsTokenMap","prepTokenKey","isSupportedChainId","DeltaAuction","LimitOrderItem","LimitOrderItemWithExtra","formatUnits","Token","DeltaAuctionWithTwapOrder","constructLimitOrderItem","auction","allChainsTokenMap","srcAmount","destAmount","srcChainId","destChainId","srcToken","srcTokenAddress","destToken","destTokenAddress","srcAmountUnit","destAmountUnit","srcTokenKey","address","network","foundSrcToken","BigInt","decimals","destTokenKey","foundDestToken","visualItemType","type","onChainOrderType","extra","itemType","isLimitOrderWithExtra","order","twapSliceInfo","Pick","transactions","length","numSlices"],"sources":["../../../../src/components/widget/LimitOrderItem/utils.ts"],"sourcesContent":["import { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { DeltaAuction } from \"@velora-dex/sdk\";\nimport type { LimitOrderItem, LimitOrderItemWithExtra } from \"./types\";\nimport { formatUnits } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { DeltaAuctionWithTwapOrder } from \"@/hooks/swap/prices/delta/orders/types\";\n\nexport function constructLimitOrderItem(\n  auction: DeltaAuction,\n  allChainsTokenMap: AllChainsTokenMap\n): LimitOrderItem {\n  const {\n    srcAmount,\n    destAmount,\n    srcChainId,\n    destChainId,\n    srcToken: srcTokenAddress,\n    destToken: destTokenAddress,\n  } = getUnifiedDeltaOrderData(auction);\n\n  let srcToken: Token | undefined;\n  let destToken: Token | undefined;\n\n  let srcAmountUnit: string | undefined;\n  let destAmountUnit: string | undefined;\n\n  if (isSupportedChainId(srcChainId)) {\n    const srcTokenKey = prepTokenKey({\n      address: srcTokenAddress,\n      network: srcChainId,\n    });\n\n    const foundSrcToken = allChainsTokenMap[srcTokenKey];\n    if (foundSrcToken) {\n      srcToken = foundSrcToken;\n      srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n    }\n  }\n\n  if (isSupportedChainId(destChainId)) {\n    const destTokenKey = prepTokenKey({\n      address: destTokenAddress,\n      network: destChainId,\n    });\n\n    const foundDestToken = allChainsTokenMap[destTokenKey];\n    if (foundDestToken) {\n      destToken = foundDestToken;\n      destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n    }\n  }\n\n  let visualItemType;\n  if (auction.type === \"LIMIT\") {\n    visualItemType = \"Limit\";\n  } else if (\n    auction.onChainOrderType === \"TWAPOrder\" ||\n    auction.onChainOrderType === \"TWAPBuyOrder\"\n  ) {\n    visualItemType = \"TWAP\";\n  } else if (auction.onChainOrderType === \"ExternalOrder\") {\n    visualItemType = \"External Order\";\n  } else {\n    visualItemType = \"Swap\";\n  }\n\n  const extra = {\n    srcToken,\n    destToken,\n    srcAmount,\n    destAmount,\n    srcAmountUnit,\n    destAmountUnit,\n    visualItemType,\n  };\n\n  return {\n    ...auction,\n    extra,\n    itemType: \"limit-order\",\n  };\n}\n\nexport function isLimitOrderWithExtra(\n  order: LimitOrderItem\n): order is LimitOrderItemWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n\nexport function twapSliceInfo(\n  auction: Pick<DeltaAuctionWithTwapOrder, \"transactions\" | \"order\">\n): string {\n  return `${auction.transactions.length}/${auction.order.numSlices}`;\n}\n"],"mappings":";;;;;AAUA,SAAgBU,EACdC,GACAC,GACgB;CAChB,IAAM,EACJC,cACAC,eACAC,eACAC,gBACAC,UAAUC,GACVC,WAAWC,MACTpB,EAAyBW,EAAQ,EAEjCM,GACAE,GAEAE,GACAC;CAEJ,IAAInB,EAAmBY,EAAW,EAAE;EAMlC,IAAMW,IAAgBd,EALFV,EAAa;GAC/BsB,SAASN;GACTO,SAASV;GACV,CAEuCQ;EACxC,AAAIG,MACFT,IAAWS,GACXL,IAAgBd,EAAYoB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;;CAI1E,IAAIzB,EAAmBa,EAAY,EAAE;EAMnC,IAAMc,IAAiBlB,EALFV,EAAa;GAChCsB,SAASJ;GACTK,SAAST;GACV,CAEwCa;EACzC,AAAIC,MACFX,IAAYW,GACZR,IAAiBf,EAAYoB,OAAOb,EAAW,EAAEgB,EAAeF,SAAS;;CAI7E,IAAIG;CACJ,AAUEA,IAVEpB,EAAQqB,SAAS,UACF,UAEjBrB,EAAQsB,qBAAqB,eAC7BtB,EAAQsB,qBAAqB,iBAEZ,SACRtB,EAAQsB,qBAAqB,kBACrB,mBAEA;CAGnB,IAAMC,IAAQ;EACZjB;EACAE;EACAN;EACAC;EACAO;EACAC;EACAS;EACD;CAED,OAAO;EACL,GAAGpB;EACHuB;EACAC,UAAU;EACX;;AAGH,SAAgBC,EACdC,GACkC;CAClC,IAAM,EAAEpB,aAAUE,cAAWE,kBAAeC,sBAAmBe,EAAMH;CACrE,OAAO,CAAC,EAAEjB,KAAYE,KAAaE,KAAiBC;;AAGtD,SAAgBgB,EACd3B,GACQ;CACR,OAAO,GAAGA,EAAQ6B,aAAaC,OAAM,GAAI9B,EAAQ0B,MAAMK"}

package/dist/components/widget/LimitPriceInput/index.js

@@ -12,12 +12,12 @@ import { NumericFormat as le } from "react-number-format";
 var ue = (ue) => {
 	let o = re(64), { type: de, isLocked: s, amount: c, isLoading: fe, priceDiff: l, drivingToken: pe, onAmountChange: u, onToggleLock: d, onToggleReverse: f, onReset: p, onFocus: m } = ue, h = de === "limit", me = l > .1 || l < -.1, g = l / 100, _;
 	o[0] === g ? _ = o[1] : (_ = ne(g), o[0] = g, o[1] = _);
-	let v = _, y = s ? oe : se, b = fe, x = l > 0, he = l < 0, ge = {
+	let v = _, y = s ? oe : se, b = fe, x = l > 0, he = {
 		"text-secondary-shamrock-green-2": x,
-		"text-secondary-radical-red-2": he
-	}, [_e, S] = ie(!1), C = h ? "Limit" : "OTC", w;
+		"text-secondary-radical-red-2": l < 0
+	}, [ge, S] = ie(!1), C = h ? "Limit" : "OTC", w;
 	o[2] === C ? w = o[3] : (w = /* @__PURE__ */ a("span", { children: [C, " Price"] }), o[2] = C, o[3] = w);
-	let T = n, E = h ? "limit" : "OTC", D = e(ge), O = x ? "higher" : "lower", k;
+	let T = n, E = h ? "limit" : "OTC", D = e(he), O = x ? "higher" : "lower", k;
 	o[4] !== v || o[5] !== O || o[6] !== D ? (k = /* @__PURE__ */ a("span", {
 		className: D,
 		children: [
@@ -36,7 +36,7 @@ var ue = (ue) => {
 		" ",
 		"than the current market price."
 	] }), o[8] = T, o[9] = k, o[10] = E, o[11] = A) : A = o[11];
-	let j = !s && _e, M = !s, N;
+	let j = !s && ge, M = !s, N;
 	o[12] !== s || o[13] !== M ? (N = e("w-3.5 h-3.5", {
 		"cursor-pointer": M,
 		"cursor-not-allowed opacity-50": s
@@ -143,7 +143,7 @@ var ue = (ue) => {
 						className: "flex gap-1",
 						children: [w, /* @__PURE__ */ a("div", {
 							className: e("truncate w-[50px]", {
-								...ge,
+								...he,
 								hidden: !me
 							}),
 							children: [x ? "+" : "", v]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["UnstyledInput","cn","NumericFormat","ArrowRightLeft","RefreshCcw","Lock","LockOpen","Skeleton","Tooltip","TooltipContent","TooltipTrigger","formatPercent","PriceInputProps","useState","PriceInput","t0","$","_c","type","isLocked","amount","isLoading","priceDiff","drivingToken","onAmountChange","onToggleLock","onToggleReverse","onReset","onFocus","isLimit","shouldShowPriceDiff","t1","t2","priceDiffToDisplay","LockIcon","showSkeleton","priceDiffPositive","priceDiffNegative","priceDiffStyles","resetTooltipOpen","setResetTooltipOpen","t3","t4","T0","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","hidden","t28","t29","symbol","t30","t31","t32","Symbol","for","t33","t34","t35","undefined"],"sources":["../../../../src/components/widget/LimitPriceInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils\";\nimport { NumericFormat } from \"react-number-format\";\nimport { ArrowRightLeft, RefreshCcw, Lock, LockOpen } from \"lucide-react\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { formatPercent } from \"@/lib/utils/formatPercent\";\nimport type { PriceInputProps } from \"./types\";\nimport { useState } from \"react\";\n\nexport const PriceInput = ({\n  type,\n  isLocked,\n  amount,\n  isLoading,\n  priceDiff,\n  drivingToken,\n  onAmountChange,\n  onToggleLock,\n  onToggleReverse,\n  onReset,\n  onFocus,\n}: PriceInputProps) => {\n  const isLimit = type === \"limit\";\n\n  const shouldShowPriceDiff = priceDiff > 0.1 || priceDiff < -0.1;\n  const priceDiffToDisplay = formatPercent(priceDiff / 100);\n\n  const LockIcon = isLocked ? Lock : LockOpen;\n  const showSkeleton = isLoading;\n\n  const priceDiffPositive = priceDiff > 0;\n  const priceDiffNegative = priceDiff < 0;\n\n  const priceDiffStyles = {\n    \"text-secondary-shamrock-green-2\": priceDiffPositive,\n    \"text-secondary-radical-red-2\": priceDiffNegative,\n  };\n\n  // must use controlled Tooltip with open prop,\n  // to avoid \"Tooltip is changing from uncontrolled to controlled\" warning\n  const [resetTooltipOpen, setResetTooltipOpen] = useState(false);\n\n  return (\n    <div className=\"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\">\n      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <Tooltip open={!shouldShowPriceDiff ? false : undefined}>\n          <TooltipTrigger asChild>\n            <div className=\"flex gap-1\">\n              <span>{isLimit ? \"Limit\" : \"OTC\"} Price</span>\n              <div\n                className={cn(\"truncate w-[50px]\", {\n                  ...priceDiffStyles,\n                  hidden: !shouldShowPriceDiff,\n                })}\n              >\n                {priceDiffPositive ? \"+\" : \"\"}\n                {priceDiffToDisplay}\n              </div>\n            </div>\n          </TooltipTrigger>\n          <TooltipContent>\n            Your {isLimit ? \"limit\" : \"OTC\"} price is{\" \"}\n            <span className={cn(priceDiffStyles)}>\n              {priceDiffToDisplay} {priceDiffPositive ? \"higher\" : \"lower\"}\n            </span>{\" \"}\n            than the current market price.\n          </TooltipContent>\n        </Tooltip>\n        <div className=\"flex items-center gap-3 dark:text-contrast-6\">\n          <Tooltip\n            open={!isLocked && resetTooltipOpen}\n            onOpenChange={setResetTooltipOpen}\n          >\n            <TooltipTrigger asChild>\n              <RefreshCcw\n                className={cn(\"w-3.5 h-3.5\", {\n                  \"cursor-pointer\": !isLocked,\n                  \"cursor-not-allowed opacity-50\": isLocked,\n                })}\n                onClick={onReset}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Reset {isLimit ? \"limit\" : \"OTC\"} price to current market price\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <LockIcon\n                className={cn(\"w-3.5 h-3.5 cursor-pointer\", {\n                  \"text-secondary-shamrock-green-2\": isLocked,\n                })}\n                onClick={onToggleLock}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Lock the {isLimit ? \"limit\" : \"OTC\"} price to Receive value\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        {showSkeleton && <Skeleton className=\"w-full h-[28px]\" />}\n        <NumericFormat\n          className={cn(\n            \"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\",\n            {\n              hidden: showSkeleton, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n              // it doesn't trigger when we have a value on the first render\n              // @TODO maybe not needed for PriceInput\n\n              \"opacity-50 cursor-not-allowed\": isLocked,\n            }\n          )}\n          placeholder=\"0\"\n          disabled={isLocked}\n          value={amount}\n          onValueChange={onAmountChange}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          onFocus={onFocus}\n          thousandSeparator\n        />\n        <div className=\"flex items-center gap-1.5 text-contrast-3 dark:text-contrast-8 text-sm\">\n          <span>{drivingToken?.symbol}</span>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <ArrowRightLeft\n                className=\"w-3.5 h-3.5 dark:text-contrast-6 cursor-pointer\"\n                onClick={onToggleReverse}\n              />\n            </TooltipTrigger>\n            <TooltipContent>Switch order pair</TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["UnstyledInput","cn","NumericFormat","ArrowRightLeft","RefreshCcw","Lock","LockOpen","Skeleton","Tooltip","TooltipContent","TooltipTrigger","formatPercent","PriceInputProps","useState","PriceInput","t0","$","_c","type","isLocked","amount","isLoading","priceDiff","drivingToken","onAmountChange","onToggleLock","onToggleReverse","onReset","onFocus","isLimit","shouldShowPriceDiff","t1","t2","priceDiffToDisplay","LockIcon","showSkeleton","priceDiffPositive","priceDiffNegative","priceDiffStyles","resetTooltipOpen","setResetTooltipOpen","t3","t4","T0","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","hidden","t28","t29","symbol","t30","t31","t32","Symbol","for","t33","t34","t35","undefined"],"sources":["../../../../src/components/widget/LimitPriceInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils\";\nimport { NumericFormat } from \"react-number-format\";\nimport { ArrowRightLeft, RefreshCcw, Lock, LockOpen } from \"lucide-react\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { formatPercent } from \"@/lib/utils/formatPercent\";\nimport type { PriceInputProps } from \"./types\";\nimport { useState } from \"react\";\n\nexport const PriceInput = ({\n  type,\n  isLocked,\n  amount,\n  isLoading,\n  priceDiff,\n  drivingToken,\n  onAmountChange,\n  onToggleLock,\n  onToggleReverse,\n  onReset,\n  onFocus,\n}: PriceInputProps) => {\n  const isLimit = type === \"limit\";\n\n  const shouldShowPriceDiff = priceDiff > 0.1 || priceDiff < -0.1;\n  const priceDiffToDisplay = formatPercent(priceDiff / 100);\n\n  const LockIcon = isLocked ? Lock : LockOpen;\n  const showSkeleton = isLoading;\n\n  const priceDiffPositive = priceDiff > 0;\n  const priceDiffNegative = priceDiff < 0;\n\n  const priceDiffStyles = {\n    \"text-secondary-shamrock-green-2\": priceDiffPositive,\n    \"text-secondary-radical-red-2\": priceDiffNegative,\n  };\n\n  // must use controlled Tooltip with open prop,\n  // to avoid \"Tooltip is changing from uncontrolled to controlled\" warning\n  const [resetTooltipOpen, setResetTooltipOpen] = useState(false);\n\n  return (\n    <div className=\"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\">\n      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <Tooltip open={!shouldShowPriceDiff ? false : undefined}>\n          <TooltipTrigger asChild>\n            <div className=\"flex gap-1\">\n              <span>{isLimit ? \"Limit\" : \"OTC\"} Price</span>\n              <div\n                className={cn(\"truncate w-[50px]\", {\n                  ...priceDiffStyles,\n                  hidden: !shouldShowPriceDiff,\n                })}\n              >\n                {priceDiffPositive ? \"+\" : \"\"}\n                {priceDiffToDisplay}\n              </div>\n            </div>\n          </TooltipTrigger>\n          <TooltipContent>\n            Your {isLimit ? \"limit\" : \"OTC\"} price is{\" \"}\n            <span className={cn(priceDiffStyles)}>\n              {priceDiffToDisplay} {priceDiffPositive ? \"higher\" : \"lower\"}\n            </span>{\" \"}\n            than the current market price.\n          </TooltipContent>\n        </Tooltip>\n        <div className=\"flex items-center gap-3 dark:text-contrast-6\">\n          <Tooltip\n            open={!isLocked && resetTooltipOpen}\n            onOpenChange={setResetTooltipOpen}\n          >\n            <TooltipTrigger asChild>\n              <RefreshCcw\n                className={cn(\"w-3.5 h-3.5\", {\n                  \"cursor-pointer\": !isLocked,\n                  \"cursor-not-allowed opacity-50\": isLocked,\n                })}\n                onClick={onReset}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Reset {isLimit ? \"limit\" : \"OTC\"} price to current market price\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <LockIcon\n                className={cn(\"w-3.5 h-3.5 cursor-pointer\", {\n                  \"text-secondary-shamrock-green-2\": isLocked,\n                })}\n                onClick={onToggleLock}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Lock the {isLimit ? \"limit\" : \"OTC\"} price to Receive value\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        {showSkeleton && <Skeleton className=\"w-full h-[28px]\" />}\n        <NumericFormat\n          className={cn(\n            \"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\",\n            {\n              hidden: showSkeleton, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n              // it doesn't trigger when we have a value on the first render\n              // @TODO maybe not needed for PriceInput\n\n              \"opacity-50 cursor-not-allowed\": isLocked,\n            }\n          )}\n          placeholder=\"0\"\n          disabled={isLocked}\n          value={amount}\n          onValueChange={onAmountChange}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          onFocus={onFocus}\n          thousandSeparator\n        />\n        <div className=\"flex items-center gap-1.5 text-contrast-3 dark:text-contrast-8 text-sm\">\n          <span>{drivingToken?.symbol}</span>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <ArrowRightLeft\n                className=\"w-3.5 h-3.5 dark:text-contrast-6 cursor-pointer\"\n                onClick={onToggleReverse}\n              />\n            </TooltipTrigger>\n            <TooltipContent>Switch order pair</TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["cn","Line","t0","$","_c","className","props","t1","vertical","undefined","t2","t3","t4"],"sources":["../../../../src/components/widget/Line/Line.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\n\nexport const Line = ({\n  className,\n  vertical = false,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { vertical?: boolean }) => {\n  return (\n    <div\n      className={cn(\n        vertical\n          ? \"h-full w-[1px] bg-contrast-7 dark:bg-contrast-3\"\n          : \"w-full h-[1px] bg-contrast-7 dark:bg-contrast-3\",\n        className\n      )}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;AAEA,IAAaC,KAAOC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;AAAA,CAAAJ,EAAA,OAAAD,KAI4CG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,OAJ3C,eAAAK,UAAAD,MAAAD,KAAAJ,GAI2CC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAIxD,IAAAG,IANNH,MAAAE,KAAAA,KAAAF,IAMM,oDAAA,mDAEqDI;AAAA,CAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAO,KAH5CC,IAAAX,EACTU,GAGAL,EACD,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;AAED,QAFCT,EAAA,OAAAG,KAAAH,EAAA,OAAAQ,KANHC,IAAA,kBAAA,OAAA;EACa,WAAAD;EAKV,GACGL;EACJ,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,KAAAA,IAAAT,EAAA,IARFS"}
+{"version":3,"file":"Line.js","names":["cn","Line","t0","$","_c","className","props","t1","vertical","undefined","t2","t3","t4"],"sources":["../../../../src/components/widget/Line/Line.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\n\nexport const Line = ({\n  className,\n  vertical = false,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { vertical?: boolean }) => {\n  return (\n    <div\n      className={cn(\n        vertical\n          ? \"h-full w-[1px] bg-contrast-7 dark:bg-contrast-3\"\n          : \"w-full h-[1px] bg-contrast-7 dark:bg-contrast-3\",\n        className\n      )}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;AAEA,IAAaC,KAAOC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAD,KAI4CG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,OAJ3C,eAAAK,UAAAD,MAAAD,KAAAJ,GAI2CC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAIxD,IAAAG,IANNH,MAAAE,KAAAA,KAAAF,IAMM,oDAAA,mDAEqDI;CAAA,AAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAO,KAH5CC,IAAAX,EACTU,GAGAL,EACD,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;CAED,OAFCT,EAAA,OAAAG,KAAAH,EAAA,OAAAQ,KANHC,IAAA,kBAAA,OAAA;EACa,WAAAD;EAKV,GACGL;EACJ,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,KAAAA,IAAAT,EAAA,IARFS"}

package/dist/components/widget/ListItem/ListItemWithSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemWithSwitch.js","names":["Switch","cn","WithClasses","ListItemWithSwitch","t0","$","_c","label","checked","onCheckedChange","classes","t1","root","t2","t3","t4","t5"],"sources":["../../../../src/components/widget/ListItem/ListItemWithSwitch.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const ListItemWithSwitch = ({\n  label,\n  checked,\n  onCheckedChange,\n  classes,\n}: {\n  label: React.ReactNode;\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n} & WithClasses<\"root\">) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-between gap-2 py-4 border-b border-b-contrast-7 dark:border-b-contrast-3\",\n        classes?.root\n      )}\n    >\n      <div className=\"text-sm dark:text-contrast-7\">{label}</div>\n      <Switch\n        checked={checked}\n        onCheckedChange={onCheckedChange}\n        className=\"cursor-pointer\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAAqBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,YAAAC,oBAAAC,eAAAN,GAc3BO,IAAAD,GAAOE,MAAMC;AAAA,CAAAR,EAAA,OAAAM,IACdE,IAAAR,EAAA,MAHUQ,IAAAZ,EACT,sGACAU,EACD,EAAAN,EAAA,KAAAM,GAAAN,EAAA,KAAAQ;CAAA,IAAAC;AAAA,CAAAT,EAAA,OAAAE,IAE0DO,IAAAT,EAAA,MAA3DS,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAgCP;EAAY,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAS;CAAA,IAAAC;AAAA,CAAAV,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAC3DM,IAAA,kBAAC,GAAD;EACWP;EACQC;EACP,WAAA;EACV,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAW;AACE,QADFX,EAAA,OAAAQ,KAAAR,EAAA,OAAAS,KAAAT,EAAA,OAAAU,KAXJC,IAAA,kBAAA,OAAA;EACa,WAAAH;YADb,CAMEC,GACAC,EAKI;KAAAV,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KAZNW"}
+{"version":3,"file":"ListItemWithSwitch.js","names":["Switch","cn","WithClasses","ListItemWithSwitch","t0","$","_c","label","checked","onCheckedChange","classes","t1","root","t2","t3","t4","t5"],"sources":["../../../../src/components/widget/ListItem/ListItemWithSwitch.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const ListItemWithSwitch = ({\n  label,\n  checked,\n  onCheckedChange,\n  classes,\n}: {\n  label: React.ReactNode;\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n} & WithClasses<\"root\">) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-between gap-2 py-4 border-b border-b-contrast-7 dark:border-b-contrast-3\",\n        classes?.root\n      )}\n    >\n      <div className=\"text-sm dark:text-contrast-7\">{label}</div>\n      <Switch\n        checked={checked}\n        onCheckedChange={onCheckedChange}\n        className=\"cursor-pointer\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAAqBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,YAAAC,oBAAAC,eAAAN,GAc3BO,IAAAD,GAAOE,MAAMC;CAAA,AAAAR,EAAA,OAAAM,IACdE,IAAAR,EAAA,MAHUQ,IAAAZ,EACT,sGACAU,EACD,EAAAN,EAAA,KAAAM,GAAAN,EAAA,KAAAQ;CAAA,IAAAC;CAAA,AAAAT,EAAA,OAAAE,IAE0DO,IAAAT,EAAA,MAA3DS,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAgCP;EAAY,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAS;CAAA,IAAAC;CAAA,AAAAV,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAC3DM,IAAA,kBAAC,GAAD;EACWP;EACQC;EACP,WAAA;EACV,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAW;CACE,OADFX,EAAA,OAAAQ,KAAAR,EAAA,OAAAS,KAAAT,EAAA,OAAAU,KAXJC,IAAA,kBAAA,OAAA;EACa,WAAAH;YADb,CAMEC,GACAC,EAKI;KAAAV,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KAZNW"}

package/dist/components/widget/NetworkIcon/NetworkIconSquare.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkIconSquare.js","names":["ReactComponent","EthereumSqrSvg","OptimismSqrSvg","ArbitrumSqrSvg","PolygonSqrSvg","BaseSqrSvg","GnosisSqrSvg","AvalancheSqrSvg","BscSqrSvg","UnichainSqrSvg","cn","arbitrum","avalanche","base","bsc","gnosis","mainnet","optimism","polygon","unichain","SupportedChainId","isSupportedChainId","useLogger","iconsSqr","Record","id","NetworkIconSquare","t0","$","_c","networkId","withBorder","className","logger","SvgIcon","undefined","warn","T0","t1","t2"],"sources":["../../../../src/components/widget/NetworkIcon/NetworkIconSquare.tsx"],"sourcesContent":["import { ReactComponent as EthereumSqrSvg } from \"./assets/sqr/eth.svg\";\nimport { ReactComponent as OptimismSqrSvg } from \"./assets/sqr/optimism.svg\";\nimport { ReactComponent as ArbitrumSqrSvg } from \"./assets/sqr/arbitrum.svg\";\nimport { ReactComponent as PolygonSqrSvg } from \"./assets/sqr/polygon.svg\";\nimport { ReactComponent as BaseSqrSvg } from \"./assets/sqr/base.svg\";\nimport { ReactComponent as GnosisSqrSvg } from \"./assets/sqr/gnosis.svg\";\nimport { ReactComponent as AvalancheSqrSvg } from \"./assets/sqr/avalanche.svg\";\nimport { ReactComponent as BscSqrSvg } from \"./assets/sqr/bsc.svg\";\nimport { ReactComponent as UnichainSqrSvg } from \"./assets/sqr/unichain.svg\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  arbitrum,\n  avalanche,\n  base,\n  bsc,\n  gnosis,\n  mainnet,\n  optimism,\n  polygon,\n  unichain,\n} from \"@/lib/web3/wagmi/supportedChains\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport { useLogger } from \"@/core/logger\";\n\nconst iconsSqr: Record<SupportedChainId, typeof EthereumSqrSvg> = {\n  [mainnet.id]: EthereumSqrSvg,\n  [optimism.id]: OptimismSqrSvg,\n  [bsc.id]: BscSqrSvg,\n  [gnosis.id]: GnosisSqrSvg,\n  [polygon.id]: PolygonSqrSvg,\n  [arbitrum.id]: ArbitrumSqrSvg,\n  [avalanche.id]: AvalancheSqrSvg,\n  [base.id]: BaseSqrSvg,\n  [unichain.id]: UnichainSqrSvg,\n};\n\nexport const NetworkIconSquare = ({\n  networkId,\n  withBorder,\n  className,\n}: {\n  networkId: SupportedChainId;\n  withBorder?: boolean;\n  className?: string;\n}) => {\n  const logger = useLogger(\"NetworkIconSquare\");\n  let SvgIcon = isSupportedChainId(networkId) ? iconsSqr[networkId] : undefined;\n\n  if (!SvgIcon) {\n    logger.warn(`No icon found for network ID: ${networkId}`);\n    SvgIcon = EthereumSqrSvg; // Fallback to Ethereum icon\n  }\n\n  return (\n    <SvgIcon\n      className={cn(\n        \"size-4\",\n        {\n          \"border border-contrast-9 dark:border-contrast-4 rounded-[4px]\":\n            withBorder,\n        },\n        className\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,IAAMuB,IAA4D;EAC/DP,EAAQS,KAAKxB;EACbgB,EAASQ,KAAKvB;EACdY,EAAIW,KAAKjB;EACTO,EAAOU,KAAKnB;EACZY,EAAQO,KAAKrB;EACbO,EAASc,KAAKtB;EACdS,EAAUa,KAAKlB;EACfM,EAAKY,KAAKpB;EACVc,EAASM,KAAKhB;CAChB,EAEYiB,KAAoBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,cAAAC,eAAAC,iBAAAL,GAShCM,IAAeX,EAAU,oBAAoB,EAC7CY,IAAcb,EAAmBS,EAA4C,GAA/BP,EAASO,KAAzCK,KAAAA;AAEd,CAEED,OADAD,EAAMG,KAAM,iCAAiCN,IAAY,EAC/C7B;CAIT,IAAAoC,IAAAH,GAAOI;AAAA,CAAAV,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KACKO,IAAA5B,EACT,UACA,EAAA,iEAEIqB,GACH,EACDC,EACD,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAW;AACD,QADCX,EAAA,OAAAM,KAAAN,EAAA,OAAAU,KARHC,IAAA,kBAAC,GAAD,EACa,WAAAD,GAQX,CAAA,EAAAV,EAAA,KAAAM,GAAAN,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA,IATFW"}
+{"version":3,"file":"NetworkIconSquare.js","names":["ReactComponent","EthereumSqrSvg","OptimismSqrSvg","ArbitrumSqrSvg","PolygonSqrSvg","BaseSqrSvg","GnosisSqrSvg","AvalancheSqrSvg","BscSqrSvg","UnichainSqrSvg","cn","arbitrum","avalanche","base","bsc","gnosis","mainnet","optimism","polygon","unichain","SupportedChainId","isSupportedChainId","useLogger","iconsSqr","Record","id","NetworkIconSquare","t0","$","_c","networkId","withBorder","className","logger","SvgIcon","undefined","warn","T0","t1","t2"],"sources":["../../../../src/components/widget/NetworkIcon/NetworkIconSquare.tsx"],"sourcesContent":["import { ReactComponent as EthereumSqrSvg } from \"./assets/sqr/eth.svg\";\nimport { ReactComponent as OptimismSqrSvg } from \"./assets/sqr/optimism.svg\";\nimport { ReactComponent as ArbitrumSqrSvg } from \"./assets/sqr/arbitrum.svg\";\nimport { ReactComponent as PolygonSqrSvg } from \"./assets/sqr/polygon.svg\";\nimport { ReactComponent as BaseSqrSvg } from \"./assets/sqr/base.svg\";\nimport { ReactComponent as GnosisSqrSvg } from \"./assets/sqr/gnosis.svg\";\nimport { ReactComponent as AvalancheSqrSvg } from \"./assets/sqr/avalanche.svg\";\nimport { ReactComponent as BscSqrSvg } from \"./assets/sqr/bsc.svg\";\nimport { ReactComponent as UnichainSqrSvg } from \"./assets/sqr/unichain.svg\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  arbitrum,\n  avalanche,\n  base,\n  bsc,\n  gnosis,\n  mainnet,\n  optimism,\n  polygon,\n  unichain,\n} from \"@/lib/web3/wagmi/supportedChains\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport { useLogger } from \"@/core/logger\";\n\nconst iconsSqr: Record<SupportedChainId, typeof EthereumSqrSvg> = {\n  [mainnet.id]: EthereumSqrSvg,\n  [optimism.id]: OptimismSqrSvg,\n  [bsc.id]: BscSqrSvg,\n  [gnosis.id]: GnosisSqrSvg,\n  [polygon.id]: PolygonSqrSvg,\n  [arbitrum.id]: ArbitrumSqrSvg,\n  [avalanche.id]: AvalancheSqrSvg,\n  [base.id]: BaseSqrSvg,\n  [unichain.id]: UnichainSqrSvg,\n};\n\nexport const NetworkIconSquare = ({\n  networkId,\n  withBorder,\n  className,\n}: {\n  networkId: SupportedChainId;\n  withBorder?: boolean;\n  className?: string;\n}) => {\n  const logger = useLogger(\"NetworkIconSquare\");\n  let SvgIcon = isSupportedChainId(networkId) ? iconsSqr[networkId] : undefined;\n\n  if (!SvgIcon) {\n    logger.warn(`No icon found for network ID: ${networkId}`);\n    SvgIcon = EthereumSqrSvg; // Fallback to Ethereum icon\n  }\n\n  return (\n    <SvgIcon\n      className={cn(\n        \"size-4\",\n        {\n          \"border border-contrast-9 dark:border-contrast-4 rounded-[4px]\":\n            withBorder,\n        },\n        className\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,IAAMuB,IAA4D;EAC/DP,EAAQS,KAAKxB;EACbgB,EAASQ,KAAKvB;EACdY,EAAIW,KAAKjB;EACTO,EAAOU,KAAKnB;EACZY,EAAQO,KAAKrB;EACbO,EAASc,KAAKtB;EACdS,EAAUa,KAAKlB;EACfM,EAAKY,KAAKpB;EACVc,EAASM,KAAKhB;CAChB,EAEYiB,KAAoBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,cAAAC,eAAAC,iBAAAL,GAShCM,IAAeX,EAAU,oBAAoB,EAC7CY,IAAcb,EAAmBS,EAA4C,GAA/BP,EAASO,KAAzCK,KAAAA;CAEd,AAEED,OADAD,EAAMG,KAAM,iCAAiCN,IAAY,EAC/C7B;CAIT,IAAAoC,IAAAH,GAAOI;CAAA,AAAAV,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KACKO,IAAA5B,EACT,UACA,EAAA,iEAEIqB,GACH,EACDC,EACD,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAW;CACD,OADCX,EAAA,OAAAM,KAAAN,EAAA,OAAAU,KARHC,IAAA,kBAAC,GAAD,EACa,WAAAD,GAQX,CAAA,EAAAV,EAAA,KAAAM,GAAAN,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA,IATFW"}

package/dist/components/widget/NetworkSwitcher/CompactNetworkSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactNetworkSwitcher.js","names":["FourNetworksWithIconAndChevron","NetworkWithIconAndChevron","NetworkSwitcherDropdown","CompactNetworkSwitcherProps","CompactNetworkSwitcher","React","FC","t0","$","_c","disabled","selectedNetwork","networks","onSelect","dropdownProps","networkDropdownClasses","allOption","t1","iconWithChevron","t2"],"sources":["../../../../src/components/widget/NetworkSwitcher/CompactNetworkSwitcher.tsx"],"sourcesContent":["import {\n  FourNetworksWithIconAndChevron,\n  NetworkWithIconAndChevron,\n} from \"../NetworkWithIcon/NetworkIconWithChevron\";\nimport { NetworkSwitcherDropdown } from \"./NetworkSwitcherDropdown\";\nimport type { CompactNetworkSwitcherProps } from \"./types\";\n\nexport const CompactNetworkSwitcher: React.FC<CompactNetworkSwitcherProps> = ({\n  disabled,\n  selectedNetwork,\n  networks,\n  onSelect,\n  dropdownProps,\n  networkDropdownClasses,\n  allOption,\n}) => {\n  const iconWithChevron =\n    selectedNetwork === \"all\" ? (\n      <FourNetworksWithIconAndChevron disabled={disabled} />\n    ) : (\n      <NetworkWithIconAndChevron\n        compact\n        networkId={selectedNetwork}\n        disabled={disabled}\n      />\n    );\n\n  if (disabled)\n    return (\n      <div className=\"flex items-center gap-1 cursor-not-allowed\">\n        {iconWithChevron}\n      </div>\n    );\n\n  return (\n    <NetworkSwitcherDropdown\n      selectedNetwork={selectedNetwork}\n      networks={networks}\n      onSelect={onSelect}\n      menuTrigger={iconWithChevron}\n      dropdownProps={dropdownProps}\n      allOption={allOption}\n      classes={networkDropdownClasses}\n    />\n  );\n};\n"],"mappings":";;;;;AAOA,IAAaI,KAAgEG,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,aAAAC,oBAAAC,aAAAC,aAAAC,kBAAAC,2BAAAC,iBAAAT,GAQ7EU;AAAA,CAAAT,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAEGM,IAAAN,MAAoB,QAClB,kBAAC,GAAD,EAA0CD,aAO3C,CAAA,GALC,kBAAC,GAAD;EACE,SAAA;EACWC,WAAAA;EACDD;EAEb,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAS,KAAAA,IAAAT,EAAA;CATH,IAAAU,IACED;AAUF,KAAIP,GAAQ;EAAA,IAAAS;AAIF,SAJEX,EAAA,OAAAU,IAIFC,IAAAX,EAAA,MAFNW,IAAA,kBAAA,OAAA;GAAe,WAAA;aACZD;GACG,CAAA,EAAAV,EAAA,KAAAU,GAAAV,EAAA,KAAAW,IAFNA;;CAGA,IAAAA;AAWA,QAXAX,EAAA,OAAAQ,KAAAR,EAAA,OAAAM,KAAAN,EAAA,OAAAU,KAAAV,EAAA,OAAAO,KAAAP,EAAA,OAAAI,KAAAJ,EAAA,QAAAK,KAAAL,EAAA,QAAAG,KAGFQ,IAAA,kBAAC,GAAD;EACmBR;EACPC;EACAC;EACGK,aAAAA;EACEJ;EACJE;EACFD,SAAAA;EACT,CAAA,EAAAP,EAAA,KAAAQ,GAAAR,EAAA,KAAAM,GAAAN,EAAA,KAAAU,GAAAV,EAAA,KAAAO,GAAAP,EAAA,KAAAI,GAAAJ,EAAA,MAAAK,GAAAL,EAAA,MAAAG,GAAAH,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KARFW"}
+{"version":3,"file":"CompactNetworkSwitcher.js","names":["FourNetworksWithIconAndChevron","NetworkWithIconAndChevron","NetworkSwitcherDropdown","CompactNetworkSwitcherProps","CompactNetworkSwitcher","React","FC","t0","$","_c","disabled","selectedNetwork","networks","onSelect","dropdownProps","networkDropdownClasses","allOption","t1","iconWithChevron","t2"],"sources":["../../../../src/components/widget/NetworkSwitcher/CompactNetworkSwitcher.tsx"],"sourcesContent":["import {\n  FourNetworksWithIconAndChevron,\n  NetworkWithIconAndChevron,\n} from \"../NetworkWithIcon/NetworkIconWithChevron\";\nimport { NetworkSwitcherDropdown } from \"./NetworkSwitcherDropdown\";\nimport type { CompactNetworkSwitcherProps } from \"./types\";\n\nexport const CompactNetworkSwitcher: React.FC<CompactNetworkSwitcherProps> = ({\n  disabled,\n  selectedNetwork,\n  networks,\n  onSelect,\n  dropdownProps,\n  networkDropdownClasses,\n  allOption,\n}) => {\n  const iconWithChevron =\n    selectedNetwork === \"all\" ? (\n      <FourNetworksWithIconAndChevron disabled={disabled} />\n    ) : (\n      <NetworkWithIconAndChevron\n        compact\n        networkId={selectedNetwork}\n        disabled={disabled}\n      />\n    );\n\n  if (disabled)\n    return (\n      <div className=\"flex items-center gap-1 cursor-not-allowed\">\n        {iconWithChevron}\n      </div>\n    );\n\n  return (\n    <NetworkSwitcherDropdown\n      selectedNetwork={selectedNetwork}\n      networks={networks}\n      onSelect={onSelect}\n      menuTrigger={iconWithChevron}\n      dropdownProps={dropdownProps}\n      allOption={allOption}\n      classes={networkDropdownClasses}\n    />\n  );\n};\n"],"mappings":";;;;;AAOA,IAAaI,KAAgEG,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,aAAAC,oBAAAC,aAAAC,aAAAC,kBAAAC,2BAAAC,iBAAAT,GAQ7EU;CAAA,AAAAT,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAEGM,IAAAN,MAAoB,QAClB,kBAAC,GAAD,EAA0CD,aAO3C,CAAA,GALC,kBAAC,GAAD;EACE,SAAA;EACWC,WAAAA;EACDD;EAEb,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAS,KAAAA,IAAAT,EAAA;CATH,IAAAU,IACED;CAUF,IAAIP,GAAQ;EAAA,IAAAS;EAIF,OAJEX,EAAA,OAAAU,IAIFC,IAAAX,EAAA,MAFNW,IAAA,kBAAA,OAAA;GAAe,WAAA;aACZD;GACG,CAAA,EAAAV,EAAA,KAAAU,GAAAV,EAAA,KAAAW,IAFNA;;CAGA,IAAAA;CAWA,OAXAX,EAAA,OAAAQ,KAAAR,EAAA,OAAAM,KAAAN,EAAA,OAAAU,KAAAV,EAAA,OAAAO,KAAAP,EAAA,OAAAI,KAAAJ,EAAA,QAAAK,KAAAL,EAAA,QAAAG,KAGFQ,IAAA,kBAAC,GAAD;EACmBR;EACPC;EACAC;EACGK,aAAAA;EACEJ;EACJE;EACFD,SAAAA;EACT,CAAA,EAAAP,EAAA,KAAAQ,GAAAR,EAAA,KAAAM,GAAAN,EAAA,KAAAU,GAAAV,EAAA,KAAAO,GAAAP,EAAA,KAAAI,GAAAJ,EAAA,MAAAK,GAAAL,EAAA,MAAAG,GAAAH,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KARFW"}