@velora-dex/widget 0.0.14 → 0.0.16

package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js

@@ -3,18 +3,8 @@ import { d as distExports } from '../../../_virtual/index.js';
 import { TradeOverview } from './TradeOverview.js';
 import { DeltaOrderSteps } from './steps.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 function DeltaOrderTradeOverview(t0) {
-  const $ = distExports.c(13);
+  const $ = distExports.c(15);
   const {
     fromToken,
     toToken,
@@ -23,30 +13,34 @@ function DeltaOrderTradeOverview(t0) {
     onDismiss,
     onHelp,
     onCancel,
+    onRetry,
     activeStep,
     isCancellable,
     explorerLink,
     result,
-    error
+    error,
+    erroredStep
   } = t0;
   let t1;
-  if ($[0] !== activeStep || $[1] !== error || $[2] !== explorerLink || $[3] !== fromAmount || $[4] !== fromToken || $[5] !== isCancellable || $[6] !== onCancel || $[7] !== onDismiss || $[8] !== onHelp || $[9] !== result || $[10] !== toAmount || $[11] !== toToken) {
-    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: DeltaOrderSteps, activeStep, onDismiss, onHelp, onCancel, isCancellable, explorerLink, result, error });
+  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isCancellable || $[7] !== onCancel || $[8] !== onDismiss || $[9] !== onHelp || $[10] !== onRetry || $[11] !== result || $[12] !== toAmount || $[13] !== toToken) {
+    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: DeltaOrderSteps, activeStep, onDismiss, onHelp, onCancel, onRetry, isCancellable, explorerLink, result, error, erroredStep });
     $[0] = activeStep;
     $[1] = error;
-    $[2] = explorerLink;
-    $[3] = fromAmount;
-    $[4] = fromToken;
-    $[5] = isCancellable;
-    $[6] = onCancel;
-    $[7] = onDismiss;
-    $[8] = onHelp;
-    $[9] = result;
-    $[10] = toAmount;
-    $[11] = toToken;
-    $[12] = t1;
+    $[2] = erroredStep;
+    $[3] = explorerLink;
+    $[4] = fromAmount;
+    $[5] = fromToken;
+    $[6] = isCancellable;
+    $[7] = onCancel;
+    $[8] = onDismiss;
+    $[9] = onHelp;
+    $[10] = onRetry;
+    $[11] = result;
+    $[12] = toAmount;
+    $[13] = toToken;
+    $[14] = t1;
   } else {
-    t1 = $[12];
+    t1 = $[14];
   }
   return t1;
 }

package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeltaOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { DeltaOrderSteps, type DeltaOrderStepKey } from \"./steps\";\n\nexport type DeltaOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<DeltaOrderStepKey, SubmitDeltaOrderResult>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancel\"\n  | \"isCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n>;\n\nexport function DeltaOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancel,\n  activeStep,\n  isCancellable,\n  explorerLink,\n  result,\n  error,\n}: DeltaOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<DeltaOrderStepKey, SubmitDeltaOrderResult>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={DeltaOrderSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancel={onCancel}\n      isCancellable={isCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n    />\n  );\n}\n"],"names":["DeltaOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancel","activeStep","isCancellable","explorerLink","result","error","t1","DeltaOrderSteps"],"mappings":";;;;;;;;;;;;;;;AAoBO,SAAAA,wBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAd,EAAAA;AAaT,EAAA,IAAAe,EAAAA;AAAA,EAAA,IAAAd,CAAAA,QAAAS,UAAAA,IAAAT,EAAA,CAAA,CAAA,KAAAa,SAAAb,CAAAA,CAAA,CAAA,MAAAW,YAAAA,IAAAX,CAAAA,QAAAI,UAAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAU,iBAAAV,CAAAA,CAAA,CAAA,MAAAQ,QAAAA,IAAAR,CAAAA,QAAAM,SAAAA,IAAAN,CAAAA,CAAA,CAAA,CAAA,KAAAO,MAAAA,IAAAP,EAAA,CAAA,CAAA,KAAAY,UAAAZ,CAAAA,SAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,EAAA;AAE3BW,IAAAA,EAAAA,mBAAA,GAAA,CAAC,aAAA,EAAA,EACYZ,SAAAA,EACFC,OAAAA,EACGC,YACFC,QAAAA,EACHU,KAAAA,EAAAA,eAAAA,EACKN,UAAAA,EACDH,WACHC,MAAAA,EACEC,QAAAA,EACKE,aAAAA,EACDC,YAAAA,EACNC,QACDC,KAAAA,EAAK,CAAA;AACZb,IAAAA,CAAAA,MAAAS,UAAAA;AAAAT,IAAAA,CAAAA,MAAAa,KAAAA;AAAAb,IAAAA,CAAAA,MAAAW,YAAAA;AAAAX,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAU,aAAAA;AAAAV,IAAAA,CAAAA,MAAAQ,QAAAA;AAAAR,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAO,MAAAA;AAAAP,IAAAA,CAAAA,MAAAY,MAAAA;AAAAZ,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAc,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,OAdFc,EAAAA;AAcE;;;;"}
+{"version":3,"file":"DeltaOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { DeltaOrderSteps, type DeltaOrderStepKey } from \"./steps\";\n\nexport type DeltaOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<DeltaOrderStepKey, SubmitDeltaOrderResult>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancel\"\n  | \"onRetry\"\n  | \"isCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n>;\n\nexport function DeltaOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancel,\n  onRetry,\n  activeStep,\n  isCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n}: DeltaOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<DeltaOrderStepKey, SubmitDeltaOrderResult>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={DeltaOrderSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancel={onCancel}\n      onRetry={onRetry}\n      isCancellable={isCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n    />\n  );\n}\n"],"names":["DeltaOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancel","onRetry","activeStep","isCancellable","explorerLink","result","error","erroredStep","t1","DeltaOrderSteps"],"mappings":";;;;;AAsBO,SAAAA,wBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAhB,EAAAA;AAeT,EAAA,IAAAiB,EAAAA;AAAA,EAAA,IAAAhB,CAAAA,CAAA,CAAA,CAAA,KAAAU,UAAAA,IAAAV,CAAAA,QAAAc,KAAAA,IAAAd,CAAAA,CAAA,CAAA,CAAA,KAAAe,WAAAA,IAAAf,EAAA,CAAA,CAAA,KAAAY,YAAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAW,iBAAAX,CAAAA,CAAA,CAAA,CAAA,KAAAQ,QAAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAM,SAAAA,IAAAN,CAAAA,CAAA,CAAA,CAAA,KAAAO,MAAAA,IAAAP,CAAAA,SAAAS,OAAAA,IAAAT,CAAAA,CAAA,EAAA,CAAA,KAAAa,MAAAA,IAAAb,CAAAA,CAAA,EAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,EAAA;AAE3Ba,IAAAA,EAAAA,uBAAC,aAAA,EAAA,EACYd,SAAAA,EACFC,OAAAA,EACGC,UAAAA,EACFC,UACHY,KAAAA,mBACKP,UAAAA,EACDJ,SAAAA,EACHC,QACEC,QAAAA,EACDC,OAAAA,EACME,eACDC,YAAAA,EACNC,MAAAA,EACDC,OACMC,WAAAA,EAAW,CAAA;AACxBf,IAAAA,CAAAA,MAAAU,UAAAA;AAAAV,IAAAA,CAAAA,MAAAc,KAAAA;AAAAd,IAAAA,CAAAA,MAAAe,WAAAA;AAAAf,IAAAA,CAAAA,MAAAY,YAAAA;AAAAZ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAW,aAAAA;AAAAX,IAAAA,CAAAA,MAAAQ,QAAAA;AAAAR,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAO,MAAAA;AAAAP,IAAAA,CAAAA,OAAAS,OAAAA;AAAAT,IAAAA,CAAAA,OAAAa,MAAAA;AAAAb,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,OAhBFgB,EAAAA;AAgBE;;;;"}

package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.d.ts

@@ -2,6 +2,6 @@ import { SubmitSwapResult } from '../../../hooks/swap/tradeFlow/useMarketFlow';
 import { MarketSwapStepKey } from './steps';
 import { TradeOverviewProps } from './TradeOverview';
 export type { FlowStep } from './Step';
-export type MarketSwapTradeOverviewProps = Pick<TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancel" | "isCancellable" | "explorerLink" | "activeStep" | "result" | "error">;
-export declare function MarketSwapTradeOverview({ fromToken, toToken, fromAmount, toAmount, onDismiss, onHelp, onCancel, activeStep, isCancellable, explorerLink, result, error, }: MarketSwapTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+export type MarketSwapTradeOverviewProps = Pick<TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancel" | "onRetry" | "isCancellable" | "explorerLink" | "activeStep" | "result" | "error" | "erroredStep">;
+export declare function MarketSwapTradeOverview({ fromToken, toToken, fromAmount, toAmount, onDismiss, onHelp, onCancel, onRetry, activeStep, isCancellable, explorerLink, result, error, erroredStep, }: MarketSwapTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MarketSwapTradeOverview.d.ts.map

package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarketSwapTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,kBAAkB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,EACrD,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,UAAU,GACV,eAAe,GACf,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,CACV,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,UAAU,EACV,aAAa,EACb,YAAY,EACZ,MAAM,EACN,KAAK,GACN,EAAE,4BAA4B,2CAkB9B"}
+{"version":3,"file":"MarketSwapTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,kBAAkB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,EACrD,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,UAAU,GACV,SAAS,GACT,eAAe,GACf,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,aAAa,CAChB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,UAAU,EACV,aAAa,EACb,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,GACZ,EAAE,4BAA4B,2CAoB9B"}

package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.js

@@ -3,18 +3,8 @@ import { d as distExports } from '../../../_virtual/index.js';
 import { MarketSwapSteps } from './steps.js';
 import { TradeOverview } from './TradeOverview.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 function MarketSwapTradeOverview(t0) {
-  const $ = distExports.c(13);
+  const $ = distExports.c(15);
   const {
     fromToken,
     toToken,
@@ -23,30 +13,34 @@ function MarketSwapTradeOverview(t0) {
     onDismiss,
     onHelp,
     onCancel,
+    onRetry,
     activeStep,
     isCancellable,
     explorerLink,
     result,
-    error
+    error,
+    erroredStep
   } = t0;
   let t1;
-  if ($[0] !== activeStep || $[1] !== error || $[2] !== explorerLink || $[3] !== fromAmount || $[4] !== fromToken || $[5] !== isCancellable || $[6] !== onCancel || $[7] !== onDismiss || $[8] !== onHelp || $[9] !== result || $[10] !== toAmount || $[11] !== toToken) {
-    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: MarketSwapSteps, activeStep, onDismiss, onHelp, onCancel, isCancellable, explorerLink, result, error });
+  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isCancellable || $[7] !== onCancel || $[8] !== onDismiss || $[9] !== onHelp || $[10] !== onRetry || $[11] !== result || $[12] !== toAmount || $[13] !== toToken) {
+    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: MarketSwapSteps, activeStep, onDismiss, onHelp, onCancel, onRetry, isCancellable, explorerLink, result, error, erroredStep });
     $[0] = activeStep;
     $[1] = error;
-    $[2] = explorerLink;
-    $[3] = fromAmount;
-    $[4] = fromToken;
-    $[5] = isCancellable;
-    $[6] = onCancel;
-    $[7] = onDismiss;
-    $[8] = onHelp;
-    $[9] = result;
-    $[10] = toAmount;
-    $[11] = toToken;
-    $[12] = t1;
+    $[2] = erroredStep;
+    $[3] = explorerLink;
+    $[4] = fromAmount;
+    $[5] = fromToken;
+    $[6] = isCancellable;
+    $[7] = onCancel;
+    $[8] = onDismiss;
+    $[9] = onHelp;
+    $[10] = onRetry;
+    $[11] = result;
+    $[12] = toAmount;
+    $[13] = toToken;
+    $[14] = t1;
   } else {
-    t1 = $[12];
+    t1 = $[14];
   }
   return t1;
 }

package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketSwapTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nexport type { FlowStep } from \"./Step\";\n\nexport type MarketSwapTradeOverviewProps = Pick<\n  TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancel\"\n  | \"isCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancel,\n  activeStep,\n  isCancellable,\n  explorerLink,\n  result,\n  error,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancel={onCancel}\n      isCancellable={isCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n    />\n  );\n}\n"],"names":["MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancel","activeStep","isCancellable","explorerLink","result","error","t1","MarketSwapSteps"],"mappings":";;;;;;;;;;;;;;;AAqBO,SAAAA,wBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAd,EAAAA;AAaT,EAAA,IAAAe,EAAAA;AAAA,EAAA,IAAAd,CAAAA,QAAAS,UAAAA,IAAAT,EAAA,CAAA,CAAA,KAAAa,SAAAb,CAAAA,CAAA,CAAA,MAAAW,YAAAA,IAAAX,CAAAA,QAAAI,UAAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAU,iBAAAV,CAAAA,CAAA,CAAA,MAAAQ,QAAAA,IAAAR,CAAAA,QAAAM,SAAAA,IAAAN,CAAAA,CAAA,CAAA,CAAA,KAAAO,MAAAA,IAAAP,EAAA,CAAA,CAAA,KAAAY,UAAAZ,CAAAA,SAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,EAAA;AAE3BW,IAAAA,EAAAA,mBAAA,GAAA,CAAC,aAAA,EAAA,EACYZ,SAAAA,EACFC,OAAAA,EACGC,YACFC,QAAAA,EACHU,KAAAA,EAAAA,eAAAA,EACKN,UAAAA,EACDH,WACHC,MAAAA,EACEC,QAAAA,EACKE,aAAAA,EACDC,YAAAA,EACNC,QACDC,KAAAA,EAAK,CAAA;AACZb,IAAAA,CAAAA,MAAAS,UAAAA;AAAAT,IAAAA,CAAAA,MAAAa,KAAAA;AAAAb,IAAAA,CAAAA,MAAAW,YAAAA;AAAAX,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAU,aAAAA;AAAAV,IAAAA,CAAAA,MAAAQ,QAAAA;AAAAR,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAO,MAAAA;AAAAP,IAAAA,CAAAA,MAAAY,MAAAA;AAAAZ,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAc,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,OAdFc,EAAAA;AAcE;;;;"}
+{"version":3,"file":"MarketSwapTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nexport type { FlowStep } from \"./Step\";\n\nexport type MarketSwapTradeOverviewProps = Pick<\n  TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancel\"\n  | \"onRetry\"\n  | \"isCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancel,\n  onRetry,\n  activeStep,\n  isCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancel={onCancel}\n      onRetry={onRetry}\n      isCancellable={isCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n    />\n  );\n}\n"],"names":["MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancel","onRetry","activeStep","isCancellable","explorerLink","result","error","erroredStep","t1","MarketSwapSteps"],"mappings":";;;;;AAuBO,SAAAA,wBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAhB,EAAAA;AAeT,EAAA,IAAAiB,EAAAA;AAAA,EAAA,IAAAhB,CAAAA,CAAA,CAAA,CAAA,KAAAU,UAAAA,IAAAV,CAAAA,QAAAc,KAAAA,IAAAd,CAAAA,CAAA,CAAA,CAAA,KAAAe,WAAAA,IAAAf,EAAA,CAAA,CAAA,KAAAY,YAAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAW,iBAAAX,CAAAA,CAAA,CAAA,CAAA,KAAAQ,QAAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAM,SAAAA,IAAAN,CAAAA,CAAA,CAAA,CAAA,KAAAO,MAAAA,IAAAP,CAAAA,SAAAS,OAAAA,IAAAT,CAAAA,CAAA,EAAA,CAAA,KAAAa,MAAAA,IAAAb,CAAAA,CAAA,EAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,EAAA;AAE3Ba,IAAAA,EAAAA,uBAAC,aAAA,EAAA,EACYd,SAAAA,EACFC,OAAAA,EACGC,UAAAA,EACFC,UACHY,KAAAA,mBACKP,UAAAA,EACDJ,SAAAA,EACHC,QACEC,QAAAA,EACDC,OAAAA,EACME,eACDC,YAAAA,EACNC,MAAAA,EACDC,OACMC,WAAAA,EAAW,CAAA;AACxBf,IAAAA,CAAAA,MAAAU,UAAAA;AAAAV,IAAAA,CAAAA,MAAAc,KAAAA;AAAAd,IAAAA,CAAAA,MAAAe,WAAAA;AAAAf,IAAAA,CAAAA,MAAAY,YAAAA;AAAAZ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAW,aAAAA;AAAAX,IAAAA,CAAAA,MAAAQ,QAAAA;AAAAR,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAO,MAAAA;AAAAP,IAAAA,CAAAA,OAAAS,OAAAA;AAAAT,IAAAA,CAAAA,OAAAa,MAAAA;AAAAb,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,OAhBFgB,EAAAA;AAgBE;;;;"}

package/dist/components/widget/TradeOverview/Step.js

@@ -1,18 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { cn } from '../../../lib/utils/index.js';
-import { ReactComponent as ForwardRef } from './assets/spinner.svg.js';
+import { ReactComponent as ForwardRef } from '../../../assets/spinner.svg.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 const stepCircleClasses = {
   active: "bg-primary-azul-1 text-contrast-8 dark:text-contrast-7",
   inactive: "bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5"

package/dist/components/widget/TradeOverview/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sources":["../../../../src/components/widget/TradeOverview/Step.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ReactComponent as Spinner } from \"./assets/spinner.svg\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\n\nexport type StepState = \"upcoming\" | \"next\" | \"ongoing\" | \"done\";\n\ntype TitleFn = (props: {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n}) => string;\n\n// --- Stepper Step ---\nexport type FlowStep<Key extends string = string> = {\n  title: Record<StepState, string | TitleFn>;\n  description?: string;\n  key: Key;\n};\n\nconst stepCircleClasses = {\n  active: \"bg-primary-azul-1 text-contrast-8 dark:text-contrast-7\",\n  inactive:\n    \"bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5\",\n};\ntype StepProps = {\n  title: string;\n  description?: string;\n  stepState: StepState;\n  stepNumber: number;\n};\n\nexport const Step = ({\n  title,\n  description,\n  stepState,\n  stepNumber,\n}: StepProps) => {\n  const isActiveState = stepState === \"ongoing\";\n\n  return (\n    <div className=\"flex gap-[13px] bg-inherit\">\n      <div className=\"flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit\">\n        {isActiveState && (\n          <Spinner className=\"absolute inset-0 w-full h-full animate-spin direction-reverse\" />\n        )}\n        <div\n          className={cn(\n            \"flex items-center justify-center w-[28px] h-[28px] rounded-full relative\",\n            isActiveState\n              ? stepCircleClasses.active\n              : stepCircleClasses.inactive\n          )}\n        >\n          <span>{stepNumber}</span>\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-1 pt-0.5\">\n        <div\n          className={`font-medium ${stepState === \"upcoming\" ? \"text-contrast-5 dark:text-contrast-7\" : \"text-contrast-1 dark:text-white\"}`}\n        >\n          {title}\n        </div>\n        {isActiveState && description && (\n          <div className=\"text-xs text-contrast-5 dark:text-contrast-6 max-w-xs\">\n            {description}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["stepCircleClasses","active","inactive","Step","t0","$","_c","title","description","stepState","stepNumber","isActiveState","t1","Spinner","t2","t3","cn","t4","t5","t6","t7","t8","t9","t10","t11"],"mappings":";;;;;;;;;;;;;;;AAoBA,MAAMA,iBAAAA,GAAoB;AAAA,EACxBC,MAAAA,EAAQ,wDAAA;AAAA,EACRC,QAAAA,EACE;AACJ,CAAA;AAQO,MAAMC,OAAOC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAN,EAAAA;AAMnB,EAAA,MAAAO,gBAAsBF,SAAAA,KAAc,SAAA;AAAU,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAM,aAAAA,EAAA;AAKvCC,IAAAA,EAAAA,GAAAD,aAAAA,oBACC,GAAA,CAACE,UAAA,EAAA,EAAkB,SAAA,EAAA,+DAAA,EAA+D,CAAA;AACnFR,IAAAA,CAAAA,MAAAM,aAAAA;AAAAN,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA;AAIG,EAAA,MAAAS,EAAAA,GAAAH,aAAAA,GAAaX,iBAAAA,CAAAC,MAAAA,GAAAD,iBAAAA,CAAAE,QAAAA;AAEiB,EAAA,IAAAa,EAAAA;AAAA,EAAA,IAAAV,CAAAA,QAAAS,EAAAA,EAAA;AAJrBC,IAAAA,EAAAA,GAAAC,EAAAA,CACT,4EACAF,EAGF,CAAA;AAACT,IAAAA,CAAAA,MAAAS,EAAAA;AAAAT,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAY,EAAAA;AAAA,EAAA,IAAAZ,CAAAA,QAAAK,UAAAA,EAAA;AAEDO,IAAAA,EAAAA,mBAAA,GAAA,CAAA,UAAOP,QAAAA,EAAAA,UAAAA,EAAW,CAAA;AAAOL,IAAAA,CAAAA,MAAAK,UAAAA;AAAAL,IAAAA,CAAAA,MAAAY,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAZ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAa,EAAAA;AAAA,EAAA,IAAAb,EAAA,CAAA,CAAA,KAAAU,MAAAV,CAAAA,QAAAY,EAAAA,EAAA;AAR3BC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAH,EAAAA,EAOXE,QAAAA,EAAAA,EAAAA,EACF,CAAA;AAAMZ,IAAAA,CAAAA,MAAAU,EAAAA;AAAAV,IAAAA,CAAAA,MAAAY,EAAAA;AAAAZ,IAAAA,CAAAA,MAAAa,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAc,EAAAA;AAAA,EAAA,IAAAd,EAAA,CAAA,CAAA,KAAAO,MAAAP,CAAAA,SAAAa,EAAAA,EAAA;AAbRC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qFAAA,EACZP,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGDM;AAAAA,KAAAA,EAUF,CAAA;AAAMb,IAAAA,CAAAA,MAAAO,EAAAA;AAAAP,IAAAA,CAAAA,OAAAa,EAAAA;AAAAb,IAAAA,CAAAA,OAAAc,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,EAAA,CAAA;AAAA;AAGS,EAAA,MAAAe,EAAAA,kBAAeX,SAAAA,KAAc,UAAA,GAAa,yCAAyC,iCAAiC,CAAA,CAAA;AAAE,EAAA,IAAAY,EAAAA;AAAA,EAAA,IAAAhB,EAAA,EAAA,CAAA,KAAAe,MAAAf,CAAAA,SAAAE,KAAAA,EAAA;AADnIc,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAD,EAAAA,EAEVb,QAAAA,EAAAA,KAAAA,EACH,CAAA;AAAMF,IAAAA,CAAAA,OAAAe,EAAAA;AAAAf,IAAAA,CAAAA,OAAAE,KAAAA;AAAAF,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,IAAAiB,EAAAA;AAAA,EAAA,IAAAjB,EAAA,EAAA,CAAA,KAAAG,eAAAH,CAAAA,SAAAM,aAAAA,EAAA;AACLW,IAAAA,EAAAA,GAAAX,iBAAiBH,WAAAA,oBAChB,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,yDACZA,QAAAA,EAAAA,WAAAA,EACH,CAAA;AACDH,IAAAA,CAAAA,OAAAG,WAAAA;AAAAH,IAAAA,CAAAA,OAAAM,aAAAA;AAAAN,IAAAA,CAAAA,OAAAiB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAjB,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,IAAAkB,GAAAA;AAAA,EAAA,IAAAlB,EAAA,EAAA,CAAA,KAAAgB,MAAAhB,CAAAA,SAAAiB,EAAAA,EAAA;AAVHC,IAAAA,GAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,4BAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAKCC;AAAAA,KAAAA,EAKH,CAAA;AAAMjB,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAhB,IAAAA,CAAAA,OAAAiB,EAAAA;AAAAjB,IAAAA,CAAAA,OAAAkB,GAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAlB,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,IAAAmB,GAAAA;AAAA,EAAA,IAAAnB,EAAA,EAAA,CAAA,KAAAkB,OAAAlB,CAAAA,SAAAc,EAAAA,EAAA;AA3BRK,IAAAA,GAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,4BAAA,EACbL,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAeAI;AAAAA,KAAAA,EAYF,CAAA;AAAMlB,IAAAA,CAAAA,OAAAkB,GAAAA;AAAAlB,IAAAA,CAAAA,OAAAc,EAAAA;AAAAd,IAAAA,CAAAA,OAAAmB,GAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAnB,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,OA5BNmB,GAAAA;AA4BM;;;;"}
+{"version":3,"file":"Step.js","sources":["../../../../src/components/widget/TradeOverview/Step.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\n\nexport type StepState = \"upcoming\" | \"next\" | \"ongoing\" | \"done\";\n\ntype TitleFn = (props: {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n}) => string;\n\n// --- Stepper Step ---\nexport type FlowStep<Key extends string = string> = {\n  title: Record<StepState, string | TitleFn>;\n  description?: string;\n  key: Key;\n};\n\nconst stepCircleClasses = {\n  active: \"bg-primary-azul-1 text-contrast-8 dark:text-contrast-7\",\n  inactive:\n    \"bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5\",\n};\ntype StepProps = {\n  title: string;\n  description?: string;\n  stepState: StepState;\n  stepNumber: number;\n};\n\nexport const Step = ({\n  title,\n  description,\n  stepState,\n  stepNumber,\n}: StepProps) => {\n  const isActiveState = stepState === \"ongoing\";\n\n  return (\n    <div className=\"flex gap-[13px] bg-inherit\">\n      <div className=\"flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit\">\n        {isActiveState && (\n          <Spinner className=\"absolute inset-0 w-full h-full animate-spin direction-reverse\" />\n        )}\n        <div\n          className={cn(\n            \"flex items-center justify-center w-[28px] h-[28px] rounded-full relative\",\n            isActiveState\n              ? stepCircleClasses.active\n              : stepCircleClasses.inactive\n          )}\n        >\n          <span>{stepNumber}</span>\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-1 pt-0.5\">\n        <div\n          className={`font-medium ${stepState === \"upcoming\" ? \"text-contrast-5 dark:text-contrast-7\" : \"text-contrast-1 dark:text-white\"}`}\n        >\n          {title}\n        </div>\n        {isActiveState && description && (\n          <div className=\"text-xs text-contrast-5 dark:text-contrast-6 max-w-xs\">\n            {description}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["stepCircleClasses","active","inactive","Step","t0","$","_c","title","description","stepState","stepNumber","isActiveState","t1","Spinner","t2","t3","cn","t4","t5","t6","t7","t8","t9","t10","t11"],"mappings":"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"}

package/dist/components/widget/TradeOverview/Stepper.js

@@ -1,22 +1,11 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
-import { Informative } from '../Informative/Informative.js';
 import { Step } from './Step.js';
 import { useTradeFlowContext } from './tradeFlowContext.js';
 import { VerticalDash } from './VerticalDash.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 const StepperBase = (t0) => {
-  const $ = distExports.c(25);
+  const $ = distExports.c(19);
   const {
     steps,
     activeStep,
@@ -95,50 +84,16 @@ const StepperBase = (t0) => {
   }
   let t4;
   if ($[17] !== t3) {
-    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2", children: [
+    t4 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2", children: [
       t2,
       t3
-    ] });
+    ] }) });
     $[17] = t3;
     $[18] = t4;
   } else {
     t4 = $[18];
   }
-  let t5;
-  if ($[19] !== activeStepIndex || $[20] !== steps.length) {
-    t5 = steps.length - activeStepIndex === 1 && /* @__PURE__ */ jsx(StepperHint, {});
-    $[19] = activeStepIndex;
-    $[20] = steps.length;
-    $[21] = t5;
-  } else {
-    t5 = $[21];
-  }
-  let t6;
-  if ($[22] !== t4 || $[23] !== t5) {
-    t6 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t4,
-      t5
-    ] });
-    $[22] = t4;
-    $[23] = t5;
-    $[24] = t6;
-  } else {
-    t6 = $[24];
-  }
-  return t6;
-};
-const StepperHint = () => {
-  const $ = distExports.c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsx(Informative, { title: "Did you know?", description: "There may be a network issue (such as sudden gas price spike) that is delaying your order", classes: {
-      root: "mb-4"
-    } });
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
+  return t4;
 };
 const Stepper = () => {
   const $ = distExports.c(7);

package/dist/components/widget/TradeOverview/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["import { Informative } from \"../Informative/Informative\";\nimport { Step, type FlowStep, type StepState } from \"./Step\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n  steps: FlowStep<Key>[];\n  activeStep?: Key;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst StepperBase = <Key extends string = string>({\n  steps,\n  activeStep,\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n}: StepperProps<Key>) => {\n  const activeStepIndex = activeStep\n    ? steps.findIndex((step) => step.key === activeStep)\n    : -1;\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n        {/* Vertical line positioned absolutely */}\n        <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n          <VerticalDash />\n        </div>\n        {steps.map((step, i) => {\n          let stepState: StepState;\n\n          if (activeStepIndex === i) {\n            stepState = \"ongoing\";\n          } else if (activeStepIndex > i) {\n            stepState = \"done\";\n          } else if (activeStepIndex === i - 1) {\n            stepState = \"next\";\n          } else {\n            stepState = \"upcoming\";\n          }\n          if (stepState === \"done\") {\n            return null;\n          }\n\n          const titleFn = step.title[stepState];\n\n          const title =\n            typeof titleFn === \"function\"\n              ? titleFn({\n                  fromToken,\n                  toToken,\n                  fromAmount,\n                  toAmount,\n                })\n              : titleFn;\n\n          return (\n            <Step\n              title={title}\n              description={step.description}\n              stepNumber={i + 1}\n              key={step.key}\n              stepState={stepState}\n            />\n          );\n        })}\n      </div>\n\n      {/* show StepperHint on the last step */}\n      {steps.length - activeStepIndex === 1 && <StepperHint />}\n    </>\n  );\n};\n\nconst StepperHint = () => (\n  <Informative\n    title=\"Did you know?\"\n    description=\"There may be a network issue (such as sudden gas price spike) that is delaying your order\"\n    classes={{ root: \"mb-4\" }}\n  />\n);\n\nexport const Stepper = () => {\n  const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n    useTradeFlowContext();\n\n  return (\n    <StepperBase\n      steps={steps}\n      activeStep={activeStep}\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"names":["StepperBase","t0","$","_c","steps","activeStep","fromToken","toToken","fromAmount","toAmount","t1","findIndex","step","key","activeStepIndex","t2","Symbol","for","t3","t4","step_0","i","stepState","titleFn","title","description","map","t5","length","t6","StepperHint","root","Stepper","useTradeFlowContext"],"mappings":"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"}
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["// import { Informative } from \"../Informative/Informative\";\nimport { Step, type FlowStep, type StepState } from \"./Step\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n  steps: FlowStep<Key>[];\n  activeStep?: Key;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst StepperBase = <Key extends string = string>({\n  steps,\n  activeStep,\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n}: StepperProps<Key>) => {\n  const activeStepIndex = activeStep\n    ? steps.findIndex((step) => step.key === activeStep)\n    : -1;\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n        {/* Vertical line positioned absolutely */}\n        <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n          <VerticalDash />\n        </div>\n        {steps.map((step, i) => {\n          let stepState: StepState;\n\n          if (activeStepIndex === i) {\n            stepState = \"ongoing\";\n          } else if (activeStepIndex > i) {\n            stepState = \"done\";\n          } else if (activeStepIndex === i - 1) {\n            stepState = \"next\";\n          } else {\n            stepState = \"upcoming\";\n          }\n          if (stepState === \"done\") {\n            return null;\n          }\n\n          const titleFn = step.title[stepState];\n\n          const title =\n            typeof titleFn === \"function\"\n              ? titleFn({\n                  fromToken,\n                  toToken,\n                  fromAmount,\n                  toAmount,\n                })\n              : titleFn;\n\n          return (\n            <Step\n              title={title}\n              description={step.description}\n              stepNumber={i + 1}\n              key={step.key}\n              stepState={stepState}\n            />\n          );\n        })}\n      </div>\n\n      {/* show StepperHint on the last step, @TODO reenable when we have conditional hints */}\n      {/* {steps.length - activeStepIndex === 1 && <StepperHint />} */}\n    </>\n  );\n};\n\n/* const StepperHint = () => (\n  <Informative\n    title=\"Did you know?\"\n    description=\"There may be a network issue (such as sudden gas price spike) that is delaying your order\"\n    classes={{ root: \"mb-4\" }}\n  />\n); */\n\nexport const Stepper = () => {\n  const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n    useTradeFlowContext();\n\n  return (\n    <StepperBase\n      steps={steps}\n      activeStep={activeStep}\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"names":["StepperBase","t0","$","_c","steps","activeStep","fromToken","toToken","fromAmount","toAmount","t1","findIndex","step","key","activeStepIndex","t2","Symbol","for","t3","t4","step_0","i","stepState","titleFn","title","description","map","Stepper","useTradeFlowContext"],"mappings":"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"}

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

@@ -3,16 +3,6 @@ import { d as distExports } from '../../../../_virtual/index.js';
 import { Button } from '../../../ui/button.js';
 import { useTradeFlowContext } from '../tradeFlowContext.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 const TradeCompletedFooterBase = (t0) => {
   const $ = distExports.c(7);
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\n\ntype TradeCompletedFooterProps = {\n  onDismiss?: () => void;\n  explorerLink?: string;\n};\n\nconst TradeCompletedFooterBase = ({\n  onDismiss,\n  explorerLink,\n}: TradeCompletedFooterProps) => {\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      <Button\n        variant=\"default\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onDismiss}\n      >\n        Make Another Trade\n      </Button>\n      {explorerLink && (\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    </div>\n  );\n};\n\nexport const TradeCompletedFooter = ({\n  onDismiss,\n}: Pick<TradeCompletedFooterProps, \"onDismiss\">) => {\n  const { explorerLink } = useTradeFlowContext();\n  return (\n    <TradeCompletedFooterBase\n      onDismiss={onDismiss}\n      explorerLink={explorerLink}\n    />\n  );\n};\n"],"names":["TradeCompletedFooterBase","t0","$","_c","onDismiss","explorerLink","t1","t2","t3","TradeCompletedFooter","useTradeFlowContext"],"mappings":";;;;;;;;;;;;;;;AAQA,MAAMA,2BAA2BC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAGN,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,SAAAA,EAAA;AAGtBE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,SAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDF,OAAAA,EAAAA,SAAAA,EACV,QAAA,EAAA,oBAAA,EAED,CAAA;AAASF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAG,YAAAA,EAAA;AACRE,IAAAA,EAAAA,GAAAF,YAAAA,wBACE,MAAA,EAAA,EACS,OAAA,EAAA,aACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACV,eAEA,QAAA,kBAAA,GAAA,QAASA,IAAAA,EAAAA,YAAAA,EAAkB,KAAA,qBAAA,EAA6B,MAAA,EAAA,QAAA,EAAS,QAAA,EAAA,kBAAA,EAEjE,CAAA,EACF,CAAA;AACDH,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAI,MAAAJ,CAAAA,QAAAK,EAAAA,EAAA;AAtBHC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,2CAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MASCC;AAAAA,KAAAA,EAaH,CAAA;AAAML,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAvBNM,EAAAA;AAuBM,CAAA;AAIH,MAAMC,uBAAuBR,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAGnC,EAAA,MAAA;AAAA,IAAAI;AAAAA,MAAyBK,mBAAAA,EAAoB;AAAE,EAAA,IAAAJ,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAG,gBAAAH,CAAAA,QAAAE,SAAAA,EAAA;AAE7CE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,wBAAA,EAAA,EACYF,SAAAA,EACGC,YAAAA,EAAY,CAAA;AAC1BH,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAHFI,EAAAA;AAGE;;;;"}
+{"version":3,"file":"TradeCompleteFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\n\ntype TradeCompletedFooterProps = {\n  onDismiss?: () => void;\n  explorerLink?: string;\n};\n\nconst TradeCompletedFooterBase = ({\n  onDismiss,\n  explorerLink,\n}: TradeCompletedFooterProps) => {\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      <Button\n        variant=\"default\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onDismiss}\n      >\n        Make Another Trade\n      </Button>\n      {explorerLink && (\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    </div>\n  );\n};\n\nexport const TradeCompletedFooter = ({\n  onDismiss,\n}: Pick<TradeCompletedFooterProps, \"onDismiss\">) => {\n  const { explorerLink } = useTradeFlowContext();\n  return (\n    <TradeCompletedFooterBase\n      onDismiss={onDismiss}\n      explorerLink={explorerLink}\n    />\n  );\n};\n"],"names":["TradeCompletedFooterBase","t0","$","_c","onDismiss","explorerLink","t1","t2","t3","TradeCompletedFooter","useTradeFlowContext"],"mappings":";;;;;AAQA,MAAMA,2BAA2BC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAGN,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,SAAAA,EAAA;AAGtBE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,SAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDF,OAAAA,EAAAA,SAAAA,EACV,QAAA,EAAA,oBAAA,EAED,CAAA;AAASF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAG,YAAAA,EAAA;AACRE,IAAAA,EAAAA,GAAAF,YAAAA,wBACE,MAAA,EAAA,EACS,OAAA,EAAA,aACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACV,eAEA,QAAA,kBAAA,GAAA,QAASA,IAAAA,EAAAA,YAAAA,EAAkB,KAAA,qBAAA,EAA6B,MAAA,EAAA,QAAA,EAAS,QAAA,EAAA,kBAAA,EAEjE,CAAA,EACF,CAAA;AACDH,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAI,MAAAJ,CAAAA,QAAAK,EAAAA,EAAA;AAtBHC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,2CAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MASCC;AAAAA,KAAAA,EAaH,CAAA;AAAML,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAvBNM,EAAAA;AAuBM,CAAA;AAIH,MAAMC,uBAAuBR,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAGnC,EAAA,MAAA;AAAA,IAAAI;AAAAA,MAAyBK,mBAAAA,EAAoB;AAAE,EAAA,IAAAJ,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAG,gBAAAH,CAAAA,QAAAE,SAAAA,EAAA;AAE7CE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,wBAAA,EAAA,EACYF,SAAAA,EACGC,YAAAA,EAAY,CAAA;AAC1BH,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAHFI,EAAAA;AAGE;;;;"}

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

@@ -5,16 +5,6 @@ import { formatFiatPrice } from '../../../../lib/utils/formatFiatPrice.js';
 import { getSurplusAmounts } from './utils.js';
 import { useTradeFlowContext } from '../tradeFlowContext.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 const TradeCompletedHeaderBase = (t0) => {
   const $ = distExports.c(8);
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteHeader.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"sourcesContent":["import { useTokenPrice } from \"@/hooks/tokens/prices/useTokenPrices\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { getSurplusAmounts } from \"./utils\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\ntype TradeCompletedHeaderBaseProps = {\n  tradeFlowType: TradeFlowType;\n  surplusDisplay: string | null;\n  formattedAmountInUSD: string | null;\n};\n\nconst TradeCompletedHeaderBase = ({\n  tradeFlowType,\n  surplusDisplay,\n  formattedAmountInUSD,\n}: TradeCompletedHeaderBaseProps) => {\n  return (\n    <div className=\"flex flex-col gap-3 items-center\">\n      <div className=\"font-medium text-lg text-contrast-5 dark:text-contrast-9\">\n        {tradeFlowType === \"deltaOrder\" ? \"Order Completed\" : \"Swap Completed\"}\n      </div>\n      {surplusDisplay && (\n        <div className=\"text-xs text-contrast-2\">\n          Congrats! You received a surplus of {surplusDisplay}{\" \"}\n          {formattedAmountInUSD && `(${formattedAmountInUSD})`}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const TradeCompletedHeader = ({\n  tradeFlowType,\n}: Pick<TradeCompletedHeaderBaseProps, \"tradeFlowType\">) => {\n  const { result, toToken } = useTradeFlowContext();\n  const surplus = getSurplusAmounts({ result, toToken });\n\n  const surplusDisplay = surplus?.surplusStr\n    ? `+${surplus.surplusStr} ${toToken.symbol ?? toToken.address}`\n    : null;\n\n  const { data: tokenPriceObject } = useTokenPrice(toToken);\n  const tokenPrice = tokenPriceObject?.price;\n  const amountInUSD =\n    surplus?.diffUnit && tokenPrice\n      ? Number(surplus.diffUnit) * tokenPrice\n      : null;\n  const formattedAmountInUSD = amountInUSD\n    ? formatFiatPrice(amountInUSD)\n    : null;\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={tradeFlowType}\n      surplusDisplay={surplusDisplay}\n      formattedAmountInUSD={formattedAmountInUSD}\n    />\n  );\n};\n"],"names":["TradeCompletedHeaderBase","t0","$","_c","tradeFlowType","surplusDisplay","formattedAmountInUSD","t1","t2","t3","t4","TradeCompletedHeader","result","toToken","useTradeFlowContext","surplus","getSurplusAmounts","surplusStr","symbol","address","data","tokenPriceObject","useTokenPrice","tokenPrice","price","amountInUSD","diffUnit","Number","formatFiatPrice"],"mappings":"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"}
+{"version":3,"file":"TradeCompleteHeader.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"sourcesContent":["import { useTokenPrice } from \"@/hooks/tokens/prices/useTokenPrices\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { getSurplusAmounts } from \"./utils\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\ntype TradeCompletedHeaderBaseProps = {\n  tradeFlowType: TradeFlowType;\n  surplusDisplay: string | null;\n  formattedAmountInUSD: string | null;\n};\n\nconst TradeCompletedHeaderBase = ({\n  tradeFlowType,\n  surplusDisplay,\n  formattedAmountInUSD,\n}: TradeCompletedHeaderBaseProps) => {\n  return (\n    <div className=\"flex flex-col gap-3 items-center\">\n      <div className=\"font-medium text-lg text-contrast-5 dark:text-contrast-9\">\n        {tradeFlowType === \"deltaOrder\" ? \"Order Completed\" : \"Swap Completed\"}\n      </div>\n      {surplusDisplay && (\n        <div className=\"text-xs text-contrast-2\">\n          Congrats! You received a surplus of {surplusDisplay}{\" \"}\n          {formattedAmountInUSD && `(${formattedAmountInUSD})`}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const TradeCompletedHeader = ({\n  tradeFlowType,\n}: Pick<TradeCompletedHeaderBaseProps, \"tradeFlowType\">) => {\n  const { result, toToken } = useTradeFlowContext();\n  const surplus = getSurplusAmounts({ result, toToken });\n\n  const surplusDisplay = surplus?.surplusStr\n    ? `+${surplus.surplusStr} ${toToken.symbol ?? toToken.address}`\n    : null;\n\n  const { data: tokenPriceObject } = useTokenPrice(toToken);\n  const tokenPrice = tokenPriceObject?.price;\n  const amountInUSD =\n    surplus?.diffUnit && tokenPrice\n      ? Number(surplus.diffUnit) * tokenPrice\n      : null;\n  const formattedAmountInUSD = amountInUSD\n    ? formatFiatPrice(amountInUSD)\n    : null;\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={tradeFlowType}\n      surplusDisplay={surplusDisplay}\n      formattedAmountInUSD={formattedAmountInUSD}\n    />\n  );\n};\n"],"names":["TradeCompletedHeaderBase","t0","$","_c","tradeFlowType","surplusDisplay","formattedAmountInUSD","t1","t2","t3","t4","TradeCompletedHeader","result","toToken","useTradeFlowContext","surplus","getSurplusAmounts","surplusStr","symbol","address","data","tokenPriceObject","useTokenPrice","tokenPrice","price","amountInUSD","diffUnit","Number","formatFiatPrice"],"mappings":"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"}

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

@@ -3,16 +3,6 @@ import { d as distExports } from '../../../../_virtual/index.js';
 import { DetailWithValueList } from '../../Details/DetailWithValueList.js';
 import { useTradeCompletedDetails } from './useTradeCompleteDetails.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 const tradeCompletedDetailsClasses = {
   root: "gap-3",
   title: "text-contrast-4 dark:text-contrast-6",

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

@@ -1 +1 @@
-{"version":3,"file":"TradeCompletedDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.tsx"],"sourcesContent":["import { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { useTradeCompletedDetails } from \"./useTradeCompleteDetails\";\n\nconst tradeCompletedDetailsClasses = {\n  root: \"gap-3\",\n  title: \"text-contrast-4 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-7\",\n};\n\nexport const TradeCompletedDetails = () => {\n  const details = useTradeCompletedDetails();\n  return (\n    <div className=\"flex flex-col rounded-sm border border-contrast-7 dark:border-contrast-3 p-4\">\n      <DetailWithValueList\n        details={details}\n        classes={tradeCompletedDetailsClasses}\n      />\n    </div>\n  );\n};\n"],"names":["tradeCompletedDetailsClasses","root","title","value","TradeCompletedDetails","$","_c","details","useTradeCompletedDetails","t0"],"mappings":";;;;;;;;;;;;;;;AAGA,MAAMA,4BAAAA,GAA+B;AAAA,EACnCC,IAAAA,EAAM,OAAA;AAAA,EACNC,KAAAA,EAAO,sCAAA;AAAA,EACPC,KAAAA,EAAO;AACT,CAAA;AAEO,MAAMC,wBAAwBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACnC,EAAA,MAAAC,UAAgBC,wBAAAA,EAAyB;AAAE,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,OAAAA,EAAA;AAEzCE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,SAAe,SAAA,EAAA,8EAAA,EACb,8BAAC,mBAAA,EAAA,EACUF,OAAAA,EACAP,OAAAA,gCAA4B,CAAA,EAEzC,CAAA;AAAMK,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OALNI,EAAAA;AAKM;;;;"}
+{"version":3,"file":"TradeCompletedDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.tsx"],"sourcesContent":["import { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { useTradeCompletedDetails } from \"./useTradeCompleteDetails\";\n\nconst tradeCompletedDetailsClasses = {\n  root: \"gap-3\",\n  title: \"text-contrast-4 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-7\",\n};\n\nexport const TradeCompletedDetails = () => {\n  const details = useTradeCompletedDetails();\n  return (\n    <div className=\"flex flex-col rounded-sm border border-contrast-7 dark:border-contrast-3 p-4\">\n      <DetailWithValueList\n        details={details}\n        classes={tradeCompletedDetailsClasses}\n      />\n    </div>\n  );\n};\n"],"names":["tradeCompletedDetailsClasses","root","title","value","TradeCompletedDetails","$","_c","details","useTradeCompletedDetails","t0"],"mappings":";;;;;AAGA,MAAMA,4BAAAA,GAA+B;AAAA,EACnCC,IAAAA,EAAM,OAAA;AAAA,EACNC,KAAAA,EAAO,sCAAA;AAAA,EACPC,KAAAA,EAAO;AACT,CAAA;AAEO,MAAMC,wBAAwBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACnC,EAAA,MAAAC,UAAgBC,wBAAAA,EAAyB;AAAE,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,OAAAA,EAAA;AAEzCE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,SAAe,SAAA,EAAA,8EAAA,EACb,8BAAC,mBAAA,EAAA,EACUF,OAAAA,EACAP,OAAAA,gCAA4B,CAAA,EAEzC,CAAA;AAAMK,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OALNI,EAAAA;AAKM;;;;"}

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

@@ -4,16 +4,6 @@ import { TradeCompletedDetails } from './TradeCompletedDetails.js';
 import { TradeCompletedHeader } from './TradeCompleteHeader.js';
 import { TradeDetailsDisplay } from '../TradeDetailsDisplay.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 const TradeComplete = (t0) => {
   const $ = distExports.c(6);
   const {
@@ -21,7 +11,7 @@ const TradeComplete = (t0) => {
   } = t0;
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsx("div", { className: "flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm border border-contrast-4 dark:border-contrast-2 shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5", children: /* @__PURE__ */ jsx(TradeDetailsDisplay, {}) });
+    t1 = /* @__PURE__ */ jsx("div", { className: "flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5", children: /* @__PURE__ */ jsx(TradeDetailsDisplay, {}) });
     $[0] = t1;
   } else {
     t1 = $[0];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\nimport { TradeCompletedDetails } from \"./TradeCompletedDetails\";\nimport { TradeCompletedHeader } from \"./TradeCompleteHeader\";\nimport { TradeDetailsDisplay } from \"../TradeDetailsDisplay\";\n\ntype TradeCompleteProps = {\n  tradeFlowType: TradeFlowType;\n};\n\nexport const TradeComplete = ({ tradeFlowType }: TradeCompleteProps) => (\n  <div className=\"flex flex-col gap-4\">\n    <div className=\"flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm border border-contrast-4 dark:border-contrast-2 shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5\">\n      <TradeDetailsDisplay />\n    </div>\n    <TradeCompletedHeader tradeFlowType={tradeFlowType} />\n    <TradeCompletedDetails />\n  </div>\n);\n"],"names":["TradeComplete","t0","$","_c","tradeFlowType","t1","Symbol","for","t2","t3","t4"],"mappings":";;;;;;;;;;;;;;;;AAUO,MAAMA,gBAAgBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAAqC,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAH,EAAA,CAAA,CAAA,KAAAI,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAE/DF,IAAAA,EAAAA,uBAAA,KAAA,EAAA,EAAe,SAAA,EAAA,yLAAA,EACb,QAAA,kBAAA,GAAA,CAAC,uBAAmB,CAAA,EACtB,CAAA;AAAMH,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAE,aAAAA,EAAA;AACNI,IAAAA,EAAAA,uBAAC,wBAAoCJ,aAAAA,EAAa,CAAA;AAAIF,IAAAA,CAAAA,MAAAE,aAAAA;AAAAF,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,EAAA,CAAA,CAAA,KAAAI,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACtDE,IAAAA,EAAAA,uBAAC,qBAAA,EAAA,EAAqB,CAAA;AAAGP,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAQ,EAAAA;AAAA,EAAA,IAAAR,CAAAA,QAAAM,EAAAA,EAAA;AAL3BE,IAAAA,EAAAA,iCAAe,SAAA,EAAA,qBAAA,EACbL,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGAG,EAAAA;AAAAA,MACAC;AAAAA,KAAAA,EACF,CAAA;AAAMP,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OANNQ,EAAAA;AAMM;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\nimport { TradeCompletedDetails } from \"./TradeCompletedDetails\";\nimport { TradeCompletedHeader } from \"./TradeCompleteHeader\";\nimport { TradeDetailsDisplay } from \"../TradeDetailsDisplay\";\n\ntype TradeCompleteProps = {\n  tradeFlowType: TradeFlowType;\n};\n\nexport const TradeComplete = ({ tradeFlowType }: TradeCompleteProps) => (\n  <div className=\"flex flex-col gap-4\">\n    <div className=\"flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5\">\n      <TradeDetailsDisplay />\n    </div>\n    <TradeCompletedHeader tradeFlowType={tradeFlowType} />\n    <TradeCompletedDetails />\n  </div>\n);\n"],"names":["TradeComplete","t0","$","_c","tradeFlowType","t1","Symbol","for","t2","t3","t4"],"mappings":";;;;;;AAUO,MAAMA,gBAAgBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAAqC,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAH,EAAA,CAAA,CAAA,KAAAI,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAE/DF,IAAAA,EAAAA,uBAAA,KAAA,EAAA,EAAe,SAAA,EAAA,yIAAA,EACb,QAAA,kBAAA,GAAA,CAAC,uBAAmB,CAAA,EACtB,CAAA;AAAMH,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAE,aAAAA,EAAA;AACNI,IAAAA,EAAAA,uBAAC,wBAAoCJ,aAAAA,EAAa,CAAA;AAAIF,IAAAA,CAAAA,MAAAE,aAAAA;AAAAF,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,EAAA,CAAA,CAAA,KAAAI,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACtDE,IAAAA,EAAAA,uBAAC,qBAAA,EAAA,EAAqB,CAAA;AAAGP,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAQ,EAAAA;AAAA,EAAA,IAAAR,CAAAA,QAAAM,EAAAA,EAAA;AAL3BE,IAAAA,EAAAA,iCAAe,SAAA,EAAA,qBAAA,EACbL,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGAG,EAAAA;AAAAA,MACAC;AAAAA,KAAAA,EACF,CAAA;AAAMP,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OANNQ,EAAAA;AAMM;;;;"}

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

@@ -4,16 +4,6 @@ import { TokenBadge } from '../../TokenBadge/TokenBadge.js';
 import { useTradeFlowContext } from '../tradeFlowContext.js';
 import { getResultAmounts } from './utils.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 const badgeClasses = {
   root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium"
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useTradeCompleteDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"sourcesContent":["import type { DetailWithValue } from \"../../Details/types\";\nimport { TokenBadge } from \"../../TokenBadge/TokenBadge\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { getResultAmounts } from \"./utils\";\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nexport function useTradeCompletedDetails(): DetailWithValue[] {\n  const { fromToken, toToken, result } = useTradeFlowContext();\n\n  const amounts = getResultAmounts({\n    result,\n    fromToken,\n    toToken,\n  });\n\n  const details: DetailWithValue[] = [\n    {\n      key: \"sold\",\n      title: \"You sold\",\n      value: (\n        <TokenBadge\n          address={fromToken.address}\n          chainId={fromToken.network}\n          img={fromToken.img}\n          symbol={fromToken.symbol}\n          showNetworkIcon\n          amount={amounts.fromAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    {\n      key: \"received\",\n      title: \"You received\",\n      value: (\n        <TokenBadge\n          address={toToken.address}\n          chainId={toToken.network}\n          img={toToken.img}\n          symbol={toToken.symbol}\n          showNetworkIcon\n          amount={amounts.toAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    {\n      key: \"rate\",\n      title: \"Best Rate\",\n      value: amounts.rateStr,\n    },\n  ];\n\n  return details;\n}\n"],"names":["badgeClasses","root","useTradeCompletedDetails","$","_c","fromToken","toToken","result","useTradeFlowContext","t0","getResultAmounts","amounts","t1","fromAmountUnit","address","img","network","symbol","key","title","value","t2","toAmountUnit","t3","rateStr","t4","details"],"mappings":"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"}
+{"version":3,"file":"useTradeCompleteDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"sourcesContent":["import type { DetailWithValue } from \"../../Details/types\";\nimport { TokenBadge } from \"../../TokenBadge/TokenBadge\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { getResultAmounts } from \"./utils\";\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nexport function useTradeCompletedDetails(): DetailWithValue[] {\n  const { fromToken, toToken, result } = useTradeFlowContext();\n\n  const amounts = getResultAmounts({\n    result,\n    fromToken,\n    toToken,\n  });\n\n  const details: DetailWithValue[] = [\n    {\n      key: \"sold\",\n      title: \"You sold\",\n      value: (\n        <TokenBadge\n          address={fromToken.address}\n          chainId={fromToken.network}\n          img={fromToken.img}\n          symbol={fromToken.symbol}\n          showNetworkIcon\n          amount={amounts.fromAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    {\n      key: \"received\",\n      title: \"You received\",\n      value: (\n        <TokenBadge\n          address={toToken.address}\n          chainId={toToken.network}\n          img={toToken.img}\n          symbol={toToken.symbol}\n          showNetworkIcon\n          amount={amounts.toAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    {\n      key: \"rate\",\n      title: \"Best Rate\",\n      value: amounts.rateStr,\n    },\n  ];\n\n  return details;\n}\n"],"names":["badgeClasses","root","useTradeCompletedDetails","$","_c","fromToken","toToken","result","useTradeFlowContext","t0","getResultAmounts","amounts","t1","fromAmountUnit","address","img","network","symbol","key","title","value","t2","toAmountUnit","t3","rateStr","t4","details"],"mappings":"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"}

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

@@ -1,16 +1,6 @@
 import { formatTokenBalanceClean } from '../../../../lib/utils/formatTokenBalance.js';
 import { calcRate } from '../../../../lib/utils/rate.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 function getResultAmounts({
   result,
   fromToken,