@velora-dex/widget 0.0.15 → 0.0.17

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

@@ -4,7 +4,7 @@ import { MarketSwapSteps } from './steps.js';
 import { TradeOverview } from './TradeOverview.js';
 
 function MarketSwapTradeOverview(t0) {
-  const $ = distExports.c(13);
+  const $ = distExports.c(15);
   const {
     fromToken,
     toToken,
@@ -13,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,7 +1,7 @@
 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';
 
 const stepCircleClasses = {
   active: "bg-primary-azul-1 text-contrast-8 dark:text-contrast-7",

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":"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"}
+{"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,12 +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';
 
 const StepperBase = (t0) => {
-  const $ = distExports.c(25);
+  const $ = distExports.c(19);
   const {
     steps,
     activeStep,
@@ -85,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/index.js

@@ -11,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/TradeDetails.js

@@ -93,7 +93,7 @@ const TradeDetailsBase = (t0) => {
   }
   let t16;
   if ($[19] !== t15 || $[20] !== t8) {
-    t16 = /* @__PURE__ */ jsxs("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: [
+    t16 = /* @__PURE__ */ jsxs("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: [
       t1,
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-[8px] px-[16px]", children: [
         t8,

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetails.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"sourcesContent":["import { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { TradeDetailsDisplay } from \"./TradeDetailsDisplay\";\n\nexport type MinTradeFlowToken = Pick<\n  Token,\n  \"address\" | \"network\" | \"img\" | \"symbol\" | \"decimals\"\n>;\n\n// --- Details ---\ntype TradeDetailsProps = {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nconst TradeDetailsBase = ({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n}: TradeDetailsProps) => (\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 className=\"flex items-center justify-between py-[8px] px-[16px]\">\n      <div className=\"flex items-center gap-1\">\n        <span className=\"text-xs\">Swap</span>\n        <TokenBadge\n          address={fromToken.address}\n          chainId={fromToken.network}\n          img={fromToken.img}\n          symbol={fromToken.symbol}\n          showNetworkIcon\n          amount={formatTokenAmount(fromAmount)}\n          classes={badgeClasses}\n        />\n      </div>\n      <div className=\"flex items-center gap-1\">\n        <span className=\"text-xs\">For (at least)</span>\n        <TokenBadge\n          address={toToken.address}\n          chainId={toToken.network}\n          img={toToken.img}\n          symbol={toToken.symbol}\n          showNetworkIcon\n          amount={formatTokenAmount(toAmount)}\n          classes={badgeClasses}\n        />\n      </div>\n    </div>\n  </div>\n);\nexport const TradeDetails = () => {\n  const { fromToken, toToken, fromAmount, toAmount } = useTradeFlowContext();\n  return (\n    <TradeDetailsBase\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"names":["badgeClasses","root","TradeDetailsBase","t0","$","_c","fromToken","toToken","fromAmount","toAmount","t1","Symbol","for","t2","t3","address","t4","network","t5","img","t6","symbol","t7","formatTokenAmount","t8","t9","t10","t11","t12","t13","t14","t15","t16","TradeDetails","useTradeFlowContext"],"mappings":"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"}
+{"version":3,"file":"TradeDetails.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"sourcesContent":["import { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { TradeDetailsDisplay } from \"./TradeDetailsDisplay\";\n\nexport type MinTradeFlowToken = Pick<\n  Token,\n  \"address\" | \"network\" | \"img\" | \"symbol\" | \"decimals\"\n>;\n\n// --- Details ---\ntype TradeDetailsProps = {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nconst TradeDetailsBase = ({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n}: TradeDetailsProps) => (\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 className=\"flex items-center justify-between py-[8px] px-[16px]\">\n      <div className=\"flex items-center gap-1\">\n        <span className=\"text-xs\">Swap</span>\n        <TokenBadge\n          address={fromToken.address}\n          chainId={fromToken.network}\n          img={fromToken.img}\n          symbol={fromToken.symbol}\n          showNetworkIcon\n          amount={formatTokenAmount(fromAmount)}\n          classes={badgeClasses}\n        />\n      </div>\n      <div className=\"flex items-center gap-1\">\n        <span className=\"text-xs\">For (at least)</span>\n        <TokenBadge\n          address={toToken.address}\n          chainId={toToken.network}\n          img={toToken.img}\n          symbol={toToken.symbol}\n          showNetworkIcon\n          amount={formatTokenAmount(toAmount)}\n          classes={badgeClasses}\n        />\n      </div>\n    </div>\n  </div>\n);\nexport const TradeDetails = () => {\n  const { fromToken, toToken, fromAmount, toAmount } = useTradeFlowContext();\n  return (\n    <TradeDetailsBase\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"names":["badgeClasses","root","TradeDetailsBase","t0","$","_c","fromToken","toToken","fromAmount","toAmount","t1","Symbol","for","t2","t3","address","t4","network","t5","img","t6","symbol","t7","formatTokenAmount","t8","t9","t10","t11","t12","t13","t14","t15","t16","TradeDetails","useTradeFlowContext"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetailsDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,+CAK/B,CAAC"}
+{"version":3,"file":"TradeDetailsDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,mBAAmB,+CAgB/B,CAAC"}

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

@@ -1,16 +1,45 @@
 import { jsx } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
+import { useTradeFlowContext } from './tradeFlowContext.js';
+import ApprovingLottie_1 from './assets/1_approving.lottie.js';
+import InProgressLottie_2 from './assets/2_in_progress.lottie.js';
+import ExecutingLottie_3 from './assets/3_executing_step.lottie.js';
+import CompleteLottie_4 from './assets/4_complete_step.lottie.js';
+import ErrorLottie_5 from './assets/5_error_step.lottie.js';
+import { DotLottieReact } from '@lottiefiles/dotlottie-react';
 
+const step2lottie = {
+  "approve-spending": ApprovingLottie_1,
+  "swap-tx-confirmation": InProgressLottie_2,
+  auction: InProgressLottie_2,
+  "swap-tx-execution": ExecutingLottie_3,
+  "order-execution": ExecutingLottie_3,
+  complete: CompleteLottie_4,
+  error: ErrorLottie_5
+};
 const TradeDetailsDisplay = () => {
-  const $ = distExports.c(1);
+  const $ = distExports.c(4);
+  const {
+    derivedStep
+  } = useTradeFlowContext();
+  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsx("div", { className: "h-[144px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-contrast-4 dark:border-contrast-2 shadow-[0px_4px_16px_rgba(9,22,46,0.05)]" });
-    $[0] = t0;
+  if ($[0] !== lottiePath) {
+    t0 = lottiePath && /* @__PURE__ */ jsx(DotLottieReact, { src: lottiePath, loop: true, autoplay: true, className: "h-full w-full rounded-sm overflow-hidden" });
+    $[0] = lottiePath;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t0) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-[0px_4px_16px_rgba(9,22,46,0.05)]", children: t0 });
+    $[2] = t0;
+    $[3] = t1;
   } else {
-    t0 = $[0];
+    t1 = $[3];
   }
-  return t0;
+  return t1;
 };
 
 export { TradeDetailsDisplay };

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetailsDisplay.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"sourcesContent":["export const TradeDetailsDisplay = () => {\n  // WIP\n  return (\n    <div className=\"h-[144px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-contrast-4 dark:border-contrast-2 shadow-[0px_4px_16px_rgba(9,22,46,0.05)]\" />\n  );\n};\n"],"names":["TradeDetailsDisplay","$","_c","t0","Symbol","for"],"mappings":";;;AAAO,MAAMA,sBAAsBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,EAAA,CAAA,CAAA,KAAAG,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAG/BF,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,gJAAA,EAAgJ,CAAA;AAAGF,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAAlKE,EAAAA;AAAkK;;;;"}
+{"version":3,"file":"TradeDetailsDisplay.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"sourcesContent":["import {\n  useTradeFlowContext,\n  type TradeFlowDerivedStep,\n} from \"./tradeFlowContext\";\n\n// have to import by ?url because vite can't process .lottie file without a plugin,\n// and <DotLottieReact/> expects a url.\n// .json from inside the .lottie file is larger in size (.lottie is just an archive)\nimport ApprovingLottie_1 from \"./assets/1_approving.lottie?url\";\nimport InProgressLottie_2 from \"./assets/2_in_progress.lottie?url\";\nimport ExecutingLottie_3 from \"./assets/3_executing_step.lottie?url\";\nimport CompleteLottie_4 from \"./assets/4_complete_step.lottie?url\";\nimport ErrorLottie_5 from \"./assets/5_error_step.lottie?url\";\n\nimport { DotLottieReact } from \"@lottiefiles/dotlottie-react\";\n\nconst step2lottie: Record<TradeFlowDerivedStep, string> = {\n  \"approve-spending\": ApprovingLottie_1,\n  \"swap-tx-confirmation\": InProgressLottie_2,\n  auction: InProgressLottie_2,\n  \"swap-tx-execution\": ExecutingLottie_3,\n  \"order-execution\": ExecutingLottie_3,\n  complete: CompleteLottie_4,\n  error: ErrorLottie_5,\n};\n\nexport const TradeDetailsDisplay = () => {\n  const { derivedStep } = useTradeFlowContext();\n  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;\n\n  return (\n    <div className=\"h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-[0px_4px_16px_rgba(9,22,46,0.05)]\">\n      {lottiePath && (\n        <DotLottieReact\n          src={lottiePath}\n          loop\n          autoplay\n          className=\"h-full w-full rounded-sm overflow-hidden\"\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["step2lottie","ApprovingLottie_1","InProgressLottie_2","auction","ExecutingLottie_3","complete","CompleteLottie_4","error","ErrorLottie_5","TradeDetailsDisplay","$","_c","derivedStep","useTradeFlowContext","lottiePath","t0","t1"],"mappings":";;;;;;;;;;AAgBA,MAAMA,WAAAA,GAAoD;AAAA,EACxD,kBAAA,EAAoBC,iBAAAA;AAAAA,EACpB,sBAAA,EAAwBC,kBAAAA;AAAAA,EACxBC,OAAAA,EAASD,kBAAAA;AAAAA,EACT,mBAAA,EAAqBE,iBAAAA;AAAAA,EACrB,iBAAA,EAAmBA,iBAAAA;AAAAA,EACnBC,QAAAA,EAAUC,gBAAAA;AAAAA,EACVC,KAAAA,EAAOC;AACT,CAAA;AAEO,MAAMC,sBAAsBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACjC,EAAA,MAAA;AAAA,IAAAC;AAAAA,MAAwBC,mBAAAA,EAAoB;AAC5C,EAAA,MAAAC,UAAAA,GAAmBF,WAAAA,GAAWZ,WAAAA,CAAeY,WAAW,CAAA,GAAA,IAAA;AAAS,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAI,UAAAA,EAAA;AAI5DC,IAAAA,EAAAA,GAAAD,UAAAA,oBACC,GAAA,CAAC,cAAA,EAAA,EACMA,GAAAA,EAAAA,UAAAA,EACL,MAAA,IAAA,EACA,QAAA,EAAA,IAAA,EACU,SAAA,EAAA,0CAAA,EAA0C,CAAA;AAEvDJ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAK,EAAAA,EAAA;AARHC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qIAAA,EACZD,QAAAA,EAAAA,EAAAA,EAQH,CAAA;AAAML,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OATNM,EAAAA;AASM;;;;"}

package/dist/components/widget/TradeOverview/TradeError/TradeErrorDetails.d.ts

@@ -0,0 +1,5 @@
+export declare const TradeErrorDetails: ({ errorTitle, errorMessage, }: {
+    errorTitle: string;
+    errorMessage: string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TradeErrorDetails.d.ts.map

package/dist/components/widget/TradeOverview/TradeError/TradeErrorDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradeErrorDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorDetails.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,GAAI,+BAG/B;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,4CAkBA,CAAC"}

package/dist/components/widget/TradeOverview/TradeError/TradeErrorDetails.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+
+const TradeErrorDetails = (t0) => {
+  const $ = distExports.c(8);
+  const {
+    errorTitle,
+    errorMessage
+  } = t0;
+  let t1;
+  if ($[0] !== errorTitle) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "text-center text-lg font-semibold dark:text-contrast-9 pb-3", children: errorTitle });
+    $[0] = errorTitle;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== errorMessage) {
+    t2 = errorMessage && /* @__PURE__ */ jsxs("div", { className: "text-center text-xs dark:text-contrast-6 mb-3 overflow-hidden line-clamp-2", children: [
+      "Your swap order has failed due to",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "text-secondary-radical-red-1", children: errorMessage }),
+      "."
+    ] });
+    $[2] = errorMessage;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx("div", { className: "text-center text-xs dark:text-contrast-6", children: "Please resubmit your trade to try again or dismiss this window to go back to the trading interface." });
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t1 || $[6] !== t2) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col px-4 pt-0 pb-12", children: [
+      t1,
+      t2,
+      t3
+    ] });
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  return t4;
+};
+
+export { TradeErrorDetails };
+//# sourceMappingURL=TradeErrorDetails.js.map

package/dist/components/widget/TradeOverview/TradeError/TradeErrorDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradeErrorDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorDetails.tsx"],"sourcesContent":["export const TradeErrorDetails = ({\n  errorTitle,\n  errorMessage,\n}: {\n  errorTitle: string;\n  errorMessage: string | null;\n}) => {\n  return (\n    <div className=\"flex flex-col px-4 pt-0 pb-12\">\n      <div className=\"text-center text-lg font-semibold dark:text-contrast-9 pb-3\">\n        {errorTitle}\n      </div>\n      {errorMessage && (\n        <div className=\"text-center text-xs dark:text-contrast-6 mb-3 overflow-hidden line-clamp-2\">\n          Your swap order has failed due to{\" \"}\n          <span className=\"text-secondary-radical-red-1\">{errorMessage}</span>.\n        </div>\n      )}\n      <div className=\"text-center text-xs dark:text-contrast-6\">\n        Please resubmit your trade to try again or dismiss this window to go\n        back to the trading interface.\n      </div>\n    </div>\n  );\n};\n"],"names":["TradeErrorDetails","t0","$","_c","errorTitle","errorMessage","t1","t2","t3","Symbol","for","t4"],"mappings":";;;AAAO,MAAMA,oBAAoBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,UAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAMjC,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,UAAAA,EAAA;AAGKE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,6DAAA,EACZF,QAAAA,EAAAA,UAAAA,EACH,CAAA;AAAMF,IAAAA,CAAAA,MAAAE,UAAAA;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;AACLE,IAAAA,EAAAA,GAAAF,YAAAA,oBACC,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,4EAAA,EAA6E,QAAA,EAAA;AAAA,MAAA,mCAAA;AAAA,MACxD,GAAA;AAAA,sBAClC,GAAA,WAAgB,SAAA,EAAA,8BAAA,EAAgCA,QAAAA,EAAAA,YAAAA,EAAa,CAAA;AAAA,MAAO;AAAA,KAAA,EACtE,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,KAAAO,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACDF,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,0CAAA,EAA2C,QAAA,EAAA,qGAAA,EAG1D,CAAA;AAAMN,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAS,EAAAA;AAAA,EAAA,IAAAT,EAAA,CAAA,CAAA,KAAAI,MAAAJ,CAAAA,QAAAK,EAAAA,EAAA;AAbRI,IAAAA,EAAAA,iCAAe,SAAA,EAAA,+BAAA,EACbL,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGCC,EAAAA;AAAAA,MAMDC;AAAAA,KAAAA,EAIF,CAAA;AAAMN,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAdNS,EAAAA;AAcM;;;;"}

package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.d.ts

@@ -0,0 +1,5 @@
+export declare const TradeErrorFooter: ({ onDismiss, onRetry, }: {
+    onDismiss?: () => void;
+    onRetry?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TradeErrorFooter.d.ts.map

package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradeErrorFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorFooter.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,GAAI,yBAG9B;IACD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,4CAwBA,CAAC"}

package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { Button } from '../../../ui/button.js';
+
+const TradeErrorFooter = (t0) => {
+  const $ = distExports.c(7);
+  const {
+    onDismiss,
+    onRetry
+  } = t0;
+  let t1;
+  if ($[0] !== onRetry) {
+    t1 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onRetry, children: "Resubmit this Trade" });
+    $[0] = onRetry;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== onDismiss) {
+    t2 = /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Dismiss" });
+    $[2] = onDismiss;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center w-full gap-4", children: [
+      t1,
+      t2
+    ] });
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+
+export { TradeErrorFooter };
+//# sourceMappingURL=TradeErrorFooter.js.map

package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradeErrorFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\n\nexport const TradeErrorFooter = ({\n  onDismiss,\n  onRetry,\n}: {\n  onDismiss?: () => void;\n  onRetry?: () => void;\n}) => {\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={onRetry}\n      >\n        Resubmit this Trade\n      </Button>\n\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n    </div>\n  );\n};\n"],"names":["TradeErrorFooter","t0","$","_c","onDismiss","onRetry","t1","t2","t3"],"mappings":";;;;AAEO,MAAMA,mBAAmBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAMhC,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAG,OAAAA,EAAA;AAGKC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,SAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDD,OAAAA,EAAAA,OAAAA,EACV,QAAA,EAAA,qBAAA,EAED,CAAA;AAASH,IAAAA,CAAAA,MAAAG,OAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAE,SAAAA,EAAA;AAETG,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,WAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDH,OAAAA,EAAAA,SAAAA,EACV,QAAA,EAAA,SAAA,EAED,CAAA;AAASF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,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;AAnBXC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,2CAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAUAC;AAAAA,KAAAA,EASF,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,OApBNM,EAAAA;AAoBM;;;;"}

package/dist/components/widget/TradeOverview/TradeError/index.d.ts

@@ -0,0 +1,6 @@
+import { TradeFlowStep } from '../tradeFlowContext';
+export declare const TradeError: ({ error, erroredStep, }: {
+    error?: Error | null;
+    erroredStep?: TradeFlowStep;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/widget/TradeOverview/TradeError/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIzD,eAAO,MAAM,UAAU,GAAI,yBAGxB;IACD,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B,4CASA,CAAC"}

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

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { TradeDetailsDisplay } from '../TradeDetailsDisplay.js';
+import { TradeErrorDetails } from './TradeErrorDetails.js';
+import { getErrorMessageToDisplay, getErrorScreenTitle } from './utils.js';
+
+const TradeError = (t0) => {
+  const $ = distExports.c(9);
+  const {
+    error,
+    erroredStep
+  } = t0;
+  let t1;
+  if ($[0] !== error || $[1] !== erroredStep) {
+    t1 = getErrorMessageToDisplay(error, erroredStep);
+    $[0] = error;
+    $[1] = erroredStep;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const errorMessage = t1;
+  let t2;
+  if ($[3] !== error) {
+    t2 = getErrorScreenTitle(error);
+    $[3] = error;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const errorTitle = t2;
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx(TradeDetailsDisplay, {});
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== errorMessage || $[7] !== errorTitle) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      t3,
+      /* @__PURE__ */ jsx(TradeErrorDetails, { errorTitle, errorMessage })
+    ] });
+    $[6] = errorMessage;
+    $[7] = errorTitle;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+};
+
+export { TradeError };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"sourcesContent":["import { TradeDetailsDisplay } from \"../TradeDetailsDisplay\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport { TradeErrorDetails } from \"./TradeErrorDetails\";\nimport { getErrorMessageToDisplay, getErrorScreenTitle } from \"./utils\";\n\nexport const TradeError = ({\n  error,\n  erroredStep,\n}: {\n  error?: Error | null;\n  erroredStep?: TradeFlowStep;\n}) => {\n  const errorMessage = getErrorMessageToDisplay(error, erroredStep);\n  const errorTitle = getErrorScreenTitle(error);\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <TradeDetailsDisplay />\n      <TradeErrorDetails errorTitle={errorTitle} errorMessage={errorMessage} />\n    </div>\n  );\n};\n"],"names":["TradeError","t0","$","_c","error","erroredStep","t1","getErrorMessageToDisplay","errorMessage","t2","getErrorScreenTitle","errorTitle","t3","Symbol","for","t4"],"mappings":";;;;;;AAKO,MAAMA,aAAaC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,KAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAM1B,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAE,SAAAF,CAAAA,QAAAG,WAAAA,EAAA;AACsBC,IAAAA,EAAAA,GAAAC,wBAAAA,CAAyBH,OAAOC,WAAW,CAAA;AAACH,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAG,WAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAjE,EAAA,MAAAM,YAAAA,GAAqBF,EAAAA;AAA6C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAE,KAAAA,EAAA;AAC/CK,IAAAA,EAAAA,GAAAC,oBAAoBN,KAAK,CAAA;AAACF,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA;AAA7C,EAAA,MAAAS,UAAAA,GAAmBF,EAAAA;AAA2B,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAW,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAG1CF,IAAAA,EAAAA,uBAAC,mBAAA,EAAA,EAAmB,CAAA;AAAGV,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAa,EAAAA;AAAA,EAAA,IAAAb,EAAA,CAAA,CAAA,KAAAM,gBAAAN,CAAAA,QAAAS,UAAAA,EAAA;AADzBI,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qBAAA,EACbH,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,sBACA,GAAA,CAAC,iBAAA,EAAA,EAA8BD,UAAAA,EAA0BH,YAAAA,EAAY;AAAA,KAAA,EACvE,CAAA;AAAMN,IAAAA,CAAAA,MAAAM,YAAAA;AAAAN,IAAAA,CAAAA,MAAAS,UAAAA;AAAAT,IAAAA,CAAAA,MAAAa,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAHNa,EAAAA;AAGM;;;;"}

package/dist/components/widget/TradeOverview/TradeError/utils.d.ts

@@ -0,0 +1,4 @@
+import { TradeFlowStep } from '../tradeFlowContext';
+export declare function getErrorMessageToDisplay(error: unknown, erroredStep?: TradeFlowStep): string | null;
+export declare function getErrorScreenTitle(error: unknown): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/widget/TradeOverview/TradeError/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,OAAO,EACd,WAAW,CAAC,EAAE,aAAa,GAC1B,MAAM,GAAG,IAAI,CAmBf;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAK1D"}