@velora-dex/widget 0.6.0 → 0.6.1-dev.1

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

@@ -1,192 +1,406 @@
-import { cn as e } from "../../../lib/utils/index.js";
-import { WIDGET_MIN_HEIGHT_CLASSNAME as t } from "../../../core/constants.js";
-import { Card as n, CardContent as r, CardFooter as i, CardHeader as a } from "../../ui/card.js";
-import { TradeOverviewHeader as o } from "./TradeOverviewHeader.js";
-import { isNonFlowStep as s } from "./utils/isNonFlowStep.js";
-import { TradeFlowContext as c, useTradeFlowContext as l } from "./tradeFlowContext.js";
-import { completedFlowProps as u, flowProps as d, footerProps as f, headerProps as p, tradeDetailsProps as m } from "./motionProps.js";
-import { TradeDetails as h } from "./TradeDetails.js";
-import { Stepper as g } from "./Stepper.js";
-import { ApproveAndSubmitFooter as _, TradeOverviewFooter as v } from "./TradeOverviewFooter.js";
-import { TradeComplete as y } from "./TradeComplete/index.js";
-import { TradeCompletedFooter as b } from "./TradeComplete/TradeCompleteFooter.js";
-import { TradeErrorFooter as x } from "./TradeError/TradeErrorFooter.js";
-import { TradeError as S } from "./TradeError/index.js";
-import { c as C } from "react-compiler-runtime";
-import { createElement as w } from "react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { motion as D } from "motion/react";
-//#region src/components/widget/TradeOverview/TradeOverview.tsx
-var O = () => {
-	let e = C(18), { result: t, error: n, erroredStep: r, tradeFlowType: i, derivedStep: a } = l(), o, c;
-	if (a && s(a)) {
-		o = "prepare-swap";
-		let t;
-		e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ T(g, {}), e[0] = t) : t = e[0], c = t;
-	} else if (n) {
-		let t;
-		e[1] !== n || e[2] !== r || e[3] !== i ? (t = /* @__PURE__ */ T(S, {
-			error: n,
-			erroredStep: r,
-			tradeFlowType: i
-		}), e[1] = n, e[2] = r, e[3] = i, e[4] = t) : t = e[4], c = t, o = "error";
-	} else if (t) {
-		let n;
-		e[5] === t.tradeFlowType ? n = e[6] : (n = /* @__PURE__ */ T(y, { tradeFlowType: t.tradeFlowType }), e[5] = t.tradeFlowType, e[6] = n), c = n, o = "complete";
-	} else {
-		let t;
-		e[7] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ T(g, {}), e[7] = t) : t = e[7], c = t, o = "in-progress";
-	}
-	let f = o === "complete" ? u : d, p = `details-${o}`, _;
-	e[8] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ T(h, {}), e[8] = _) : _ = e[8];
-	let v;
-	e[9] === p ? v = e[10] : (v = /* @__PURE__ */ w(D.div, {
-		...m,
-		key: p
-	}, _), e[9] = p, e[10] = v);
-	let b = `flow-${o}`, x;
-	e[11] !== c || e[12] !== f || e[13] !== b ? (x = /* @__PURE__ */ w(D.div, {
-		...f,
-		key: b
-	}, c), e[11] = c, e[12] = f, e[13] = b, e[14] = x) : x = e[14];
-	let O;
-	return e[15] !== v || e[16] !== x ? (O = /* @__PURE__ */ E("div", {
-		className: "flex flex-col gap-4",
-		children: [v, x]
-	}), e[15] = v, e[16] = x, e[17] = O) : O = e[17], O;
-}, k = (e) => {
-	let t = C(16), { onDismiss: n, onCancelFlow: r, onCancelOrder: i, onResubmit: a, onRestartFlow: o } = e, { result: c, error: u, derivedStep: d } = l(), p, m;
-	if (d && s(d)) {
-		p = "prepare-swap";
-		let e;
-		t[0] !== n || t[1] !== o ? (e = /* @__PURE__ */ T(_, {
-			onDismiss: n,
-			onRestartFlow: o
-		}), t[0] = n, t[1] = o, t[2] = e) : e = t[2], m = e;
-	} else if (u) {
-		p = "error";
-		let e;
-		t[3] !== n || t[4] !== a ? (e = /* @__PURE__ */ T(x, {
-			onDismiss: n,
-			onResubmit: a
-		}), t[3] = n, t[4] = a, t[5] = e) : e = t[5], m = e;
-	} else if (c) {
-		p = "complete";
-		let e;
-		t[6] !== i || t[7] !== n ? (e = /* @__PURE__ */ T(b, {
-			onDismiss: n,
-			onCancelOrder: i
-		}), t[6] = i, t[7] = n, t[8] = e) : e = t[8], m = e;
-	} else {
-		p = "in-progress";
-		let e;
-		t[9] !== r || t[10] !== i || t[11] !== n ? (e = /* @__PURE__ */ T(v, {
-			onDismiss: n,
-			onCancelFlow: r,
-			onCancelOrder: i
-		}), t[9] = r, t[10] = i, t[11] = n, t[12] = e) : e = t[12], m = e;
-	}
-	let h = `footer-${p}`, g;
-	return t[13] !== m || t[14] !== h ? (g = /* @__PURE__ */ w(D.div, {
-		...f,
-		key: h
-	}, m), t[13] = m, t[14] = h, t[15] = g) : g = t[15], g;
-}, A = (s) => {
-	let c = C(17), { onHelp: l, onDismiss: u, onCancelFlow: d, onResubmit: f, onCancelOrder: m, onRestartFlow: h } = s, g;
-	c[0] === Symbol.for("react.memo_cache_sentinel") ? (g = e("max-w-[460px] bg-contrast-8 dark:bg-contrast-2 rounded-2xl p-[24px] shadow-[0px_-1px_0px_0px_rgba(13,107,202,0.05)_inset] gap-0 border-none", t), c[0] = g) : g = c[0];
-	let _;
-	c[1] !== d || c[2] !== u ? (_ = () => {
-		u?.(), d?.();
-	}, c[1] = d, c[2] = u, c[3] = _) : _ = c[3];
-	let v;
-	c[4] !== l || c[5] !== _ ? (v = /* @__PURE__ */ T(a, {
-		className: "p-0",
-		children: /* @__PURE__ */ w(D.div, {
-			...p,
-			key: "trade-overview-header"
-		}, /* @__PURE__ */ T(o, {
-			onBack: _,
-			onHelp: l
-		}))
-	}), c[4] = l, c[5] = _, c[6] = v) : v = c[6];
-	let y;
-	c[7] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ T(r, {
-		className: "p-0",
-		children: /* @__PURE__ */ T(O, {})
-	}), c[7] = y) : y = c[7];
-	let b;
-	c[8] !== d || c[9] !== m || c[10] !== u || c[11] !== h || c[12] !== f ? (b = /* @__PURE__ */ T(i, {
-		className: "p-0 pt-6 mt-auto",
-		children: /* @__PURE__ */ T(k, {
-			onDismiss: u,
-			onCancelFlow: d,
-			onResubmit: f,
-			onCancelOrder: m,
-			onRestartFlow: h
-		})
-	}), c[8] = d, c[9] = m, c[10] = u, c[11] = h, c[12] = f, c[13] = b) : b = c[13];
-	let x;
-	return c[14] !== v || c[15] !== b ? (x = /* @__PURE__ */ E(n, {
-		className: g,
-		children: [
-			v,
-			y,
-			b
-		]
-	}), c[14] = v, c[15] = b, c[16] = x) : x = c[16], x;
-}, j = (e) => {
-	let t = C(18), { children: n, fromToken: r, toToken: i, fromAmount: a, toAmount: o, swapSide: s, activeStep: l, orderCancellationStep: u, steps: d, isFlowCancellable: f, explorerLink: p, result: m, error: h, erroredStep: g, tradeFlowType: _ } = e, v;
-	t[0] !== l || t[1] !== h || t[2] !== g || t[3] !== p || t[4] !== a || t[5] !== r || t[6] !== f || t[7] !== u || t[8] !== m || t[9] !== d || t[10] !== s || t[11] !== o || t[12] !== i || t[13] !== _ ? (v = {
-		fromToken: r,
-		toToken: i,
-		fromAmount: a,
-		toAmount: o,
-		swapSide: s,
-		activeStep: l,
-		orderCancellationStep: u,
-		steps: d,
-		isFlowCancellable: f,
-		explorerLink: p,
-		result: m,
-		error: h,
-		erroredStep: g,
-		tradeFlowType: _
-	}, t[0] = l, t[1] = h, t[2] = g, t[3] = p, t[4] = a, t[5] = r, t[6] = f, t[7] = u, t[8] = m, t[9] = d, t[10] = s, t[11] = o, t[12] = i, t[13] = _, t[14] = v) : v = t[14];
-	let y = v, b;
-	return t[15] !== n || t[16] !== y ? (b = /* @__PURE__ */ T(c.Provider, {
-		value: y,
-		children: n
-	}), t[15] = n, t[16] = y, t[17] = b) : b = t[17], b;
-}, M = (e) => {
-	let t = C(23), { fromToken: n, toToken: r, fromAmount: i, toAmount: a, swapSide: o, steps: s, activeStep: c, orderCancellationStep: l, onHelp: u, onDismiss: d, onCancelFlow: f, onCancelOrder: p, onResubmit: m, onRestartFlow: h, isFlowCancellable: g, explorerLink: _, result: v, error: y, erroredStep: b, tradeFlowType: x } = e, S;
-	t[0] !== f || t[1] !== p || t[2] !== d || t[3] !== u || t[4] !== h || t[5] !== m ? (S = /* @__PURE__ */ T(A, {
-		onHelp: u,
-		onDismiss: d,
-		onCancelFlow: f,
-		onResubmit: m,
-		onCancelOrder: p,
-		onRestartFlow: h
-	}), t[0] = f, t[1] = p, t[2] = d, t[3] = u, t[4] = h, t[5] = m, t[6] = S) : S = t[6];
-	let w;
-	return t[7] !== c || t[8] !== y || t[9] !== b || t[10] !== _ || t[11] !== i || t[12] !== n || t[13] !== g || t[14] !== l || t[15] !== v || t[16] !== s || t[17] !== o || t[18] !== S || t[19] !== a || t[20] !== r || t[21] !== x ? (w = /* @__PURE__ */ T(j, {
-		fromToken: n,
-		toToken: r,
-		fromAmount: i,
-		toAmount: a,
-		activeStep: c,
-		orderCancellationStep: l,
-		steps: s,
-		isFlowCancellable: g,
-		explorerLink: _,
-		result: v,
-		error: y,
-		erroredStep: b,
-		tradeFlowType: x,
-		swapSide: o,
-		children: S
-	}), t[7] = c, t[8] = y, t[9] = b, t[10] = _, t[11] = i, t[12] = n, t[13] = g, t[14] = l, t[15] = v, t[16] = s, t[17] = o, t[18] = S, t[19] = a, t[20] = r, t[21] = x, t[22] = w) : w = t[22], w;
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createElement } from 'react';
+import { d as distExports } from '../../../_virtual/index.js';
+import { CardHeader, CardContent, CardFooter, Card } from '../../ui/card.js';
+import { TradeOverviewHeader } from './TradeOverviewHeader.js';
+import { TradeDetails } from './TradeDetails.js';
+import { Stepper } from './Stepper.js';
+import { ApproveAndSubmitFooter, TradeOverviewFooter } from './TradeOverviewFooter.js';
+import { TradeFlowContext, useTradeFlowContext } from './tradeFlowContext.js';
+import { TradeComplete } from './TradeComplete/index.js';
+import { TradeCompletedFooter } from './TradeComplete/TradeCompleteFooter.js';
+import { TradeErrorFooter } from './TradeError/TradeErrorFooter.js';
+import { TradeError } from './TradeError/index.js';
+import { isNonFlowStep } from './utils/isNonFlowStep.js';
+import { cn } from '../../../lib/utils/index.js';
+import { WIDGET_MIN_HEIGHT_CLASSNAME } from '../../../core/constants.js';
+import { motion } from 'motion/react';
+import { headerProps, tradeDetailsProps, completedFlowProps, flowProps, footerProps } from './motionProps.js';
+
+const Content = () => {
+  const $ = distExports.c(18);
+  const {
+    result,
+    error,
+    erroredStep,
+    tradeFlowType,
+    derivedStep
+  } = useTradeFlowContext();
+  let step;
+  let content;
+  if (derivedStep && isNonFlowStep(derivedStep)) {
+    step = "prepare-swap";
+    let t02;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t02 = /* @__PURE__ */ jsx(Stepper, {});
+      $[0] = t02;
+    } else {
+      t02 = $[0];
+    }
+    content = t02;
+  } else {
+    if (error) {
+      let t02;
+      if ($[1] !== error || $[2] !== erroredStep || $[3] !== tradeFlowType) {
+        t02 = /* @__PURE__ */ jsx(TradeError, { error, erroredStep, tradeFlowType });
+        $[1] = error;
+        $[2] = erroredStep;
+        $[3] = tradeFlowType;
+        $[4] = t02;
+      } else {
+        t02 = $[4];
+      }
+      content = t02;
+      step = "error";
+    } else {
+      if (result) {
+        let t02;
+        if ($[5] !== result.tradeFlowType) {
+          t02 = /* @__PURE__ */ jsx(TradeComplete, { tradeFlowType: result.tradeFlowType });
+          $[5] = result.tradeFlowType;
+          $[6] = t02;
+        } else {
+          t02 = $[6];
+        }
+        content = t02;
+        step = "complete";
+      } else {
+        let t02;
+        if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+          t02 = /* @__PURE__ */ jsx(Stepper, {});
+          $[7] = t02;
+        } else {
+          t02 = $[7];
+        }
+        content = t02;
+        step = "in-progress";
+      }
+    }
+  }
+  const contentMotionProps = step === "complete" ? completedFlowProps : flowProps;
+  const t0 = `details-${step}`;
+  let t1;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ jsx(TradeDetails, {});
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== t0) {
+    t2 = /* @__PURE__ */ createElement(motion.div, { ...tradeDetailsProps, key: t0 }, t1);
+    $[9] = t0;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  const t3 = `flow-${step}`;
+  let t4;
+  if ($[11] !== content || $[12] !== contentMotionProps || $[13] !== t3) {
+    t4 = /* @__PURE__ */ createElement(motion.div, { ...contentMotionProps, key: t3 }, content);
+    $[11] = content;
+    $[12] = contentMotionProps;
+    $[13] = t3;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== t2 || $[16] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      t2,
+      t4
+    ] });
+    $[15] = t2;
+    $[16] = t4;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  return t5;
+};
+const Footer = (t0) => {
+  const $ = distExports.c(16);
+  const {
+    onDismiss,
+    onCancelFlow,
+    onCancelOrder,
+    onResubmit,
+    onRestartFlow
+  } = t0;
+  const {
+    result,
+    error,
+    derivedStep
+  } = useTradeFlowContext();
+  let step;
+  let content;
+  if (derivedStep && isNonFlowStep(derivedStep)) {
+    step = "prepare-swap";
+    let t12;
+    if ($[0] !== onDismiss || $[1] !== onRestartFlow) {
+      t12 = /* @__PURE__ */ jsx(ApproveAndSubmitFooter, { onDismiss, onRestartFlow });
+      $[0] = onDismiss;
+      $[1] = onRestartFlow;
+      $[2] = t12;
+    } else {
+      t12 = $[2];
+    }
+    content = t12;
+  } else {
+    if (error) {
+      step = "error";
+      let t12;
+      if ($[3] !== onDismiss || $[4] !== onResubmit) {
+        t12 = /* @__PURE__ */ jsx(TradeErrorFooter, { onDismiss, onResubmit });
+        $[3] = onDismiss;
+        $[4] = onResubmit;
+        $[5] = t12;
+      } else {
+        t12 = $[5];
+      }
+      content = t12;
+    } else {
+      if (result) {
+        step = "complete";
+        let t12;
+        if ($[6] !== onCancelOrder || $[7] !== onDismiss) {
+          t12 = /* @__PURE__ */ jsx(TradeCompletedFooter, { onDismiss, onCancelOrder });
+          $[6] = onCancelOrder;
+          $[7] = onDismiss;
+          $[8] = t12;
+        } else {
+          t12 = $[8];
+        }
+        content = t12;
+      } else {
+        step = "in-progress";
+        let t12;
+        if ($[9] !== onCancelFlow || $[10] !== onCancelOrder || $[11] !== onDismiss) {
+          t12 = /* @__PURE__ */ jsx(TradeOverviewFooter, { onDismiss, onCancelFlow, onCancelOrder });
+          $[9] = onCancelFlow;
+          $[10] = onCancelOrder;
+          $[11] = onDismiss;
+          $[12] = t12;
+        } else {
+          t12 = $[12];
+        }
+        content = t12;
+      }
+    }
+  }
+  const t1 = `footer-${step}`;
+  let t2;
+  if ($[13] !== content || $[14] !== t1) {
+    t2 = /* @__PURE__ */ createElement(motion.div, { ...footerProps, key: t1 }, content);
+    $[13] = content;
+    $[14] = t1;
+    $[15] = t2;
+  } else {
+    t2 = $[15];
+  }
+  return t2;
+};
+const TradeOverviewBase = (t0) => {
+  const $ = distExports.c(17);
+  const {
+    onHelp,
+    onDismiss,
+    onCancelFlow,
+    onResubmit,
+    onCancelOrder,
+    onRestartFlow
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = cn("max-w-[460px] bg-contrast-8 dark:bg-contrast-2 rounded-2xl p-[24px] shadow-[0px_-1px_0px_0px_rgba(13,107,202,0.05)_inset] gap-0 border-none", WIDGET_MIN_HEIGHT_CLASSNAME);
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== onCancelFlow || $[2] !== onDismiss) {
+    t2 = () => {
+      onDismiss?.();
+      onCancelFlow?.();
+    };
+    $[1] = onCancelFlow;
+    $[2] = onDismiss;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== onHelp || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsx(CardHeader, { className: "p-0", children: /* @__PURE__ */ createElement(motion.div, { ...headerProps, key: "trade-overview-header" }, /* @__PURE__ */ jsx(TradeOverviewHeader, { onBack: t2, onHelp })) });
+    $[4] = onHelp;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: /* @__PURE__ */ jsx(Content, {}) });
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== onCancelFlow || $[9] !== onCancelOrder || $[10] !== onDismiss || $[11] !== onRestartFlow || $[12] !== onResubmit) {
+    t5 = /* @__PURE__ */ jsx(CardFooter, { className: "p-0 pt-6 mt-auto", children: /* @__PURE__ */ jsx(Footer, { onDismiss, onCancelFlow, onResubmit, onCancelOrder, onRestartFlow }) });
+    $[8] = onCancelFlow;
+    $[9] = onCancelOrder;
+    $[10] = onDismiss;
+    $[11] = onRestartFlow;
+    $[12] = onResubmit;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== t3 || $[15] !== t5) {
+    t6 = /* @__PURE__ */ jsxs(Card, { className: t1, children: [
+      t3,
+      t4,
+      t5
+    ] });
+    $[14] = t3;
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  return t6;
+};
+const TradeOverviewProvider = (t0) => {
+  const $ = distExports.c(18);
+  const {
+    children,
+    fromToken,
+    toToken,
+    fromAmount,
+    toAmount,
+    swapSide,
+    activeStep,
+    orderCancellationStep,
+    steps,
+    isFlowCancellable,
+    explorerLink,
+    result,
+    error,
+    erroredStep,
+    tradeFlowType
+  } = t0;
+  let t1;
+  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== orderCancellationStep || $[8] !== result || $[9] !== steps || $[10] !== swapSide || $[11] !== toAmount || $[12] !== toToken || $[13] !== tradeFlowType) {
+    t1 = {
+      fromToken,
+      toToken,
+      fromAmount,
+      toAmount,
+      swapSide,
+      activeStep,
+      orderCancellationStep,
+      steps,
+      isFlowCancellable,
+      explorerLink,
+      result,
+      error,
+      erroredStep,
+      tradeFlowType
+    };
+    $[0] = activeStep;
+    $[1] = error;
+    $[2] = erroredStep;
+    $[3] = explorerLink;
+    $[4] = fromAmount;
+    $[5] = fromToken;
+    $[6] = isFlowCancellable;
+    $[7] = orderCancellationStep;
+    $[8] = result;
+    $[9] = steps;
+    $[10] = swapSide;
+    $[11] = toAmount;
+    $[12] = toToken;
+    $[13] = tradeFlowType;
+    $[14] = t1;
+  } else {
+    t1 = $[14];
+  }
+  const contextValue = t1;
+  let t2;
+  if ($[15] !== children || $[16] !== contextValue) {
+    t2 = /* @__PURE__ */ jsx(TradeFlowContext.Provider, { value: contextValue, children });
+    $[15] = children;
+    $[16] = contextValue;
+    $[17] = t2;
+  } else {
+    t2 = $[17];
+  }
+  return t2;
+};
+const TradeOverview = (t0) => {
+  const $ = distExports.c(23);
+  const {
+    fromToken,
+    toToken,
+    fromAmount,
+    toAmount,
+    swapSide,
+    steps,
+    activeStep,
+    orderCancellationStep,
+    onHelp,
+    onDismiss,
+    onCancelFlow,
+    onCancelOrder,
+    onResubmit,
+    onRestartFlow,
+    isFlowCancellable,
+    explorerLink,
+    result,
+    error,
+    erroredStep,
+    tradeFlowType
+  } = t0;
+  let t1;
+  if ($[0] !== onCancelFlow || $[1] !== onCancelOrder || $[2] !== onDismiss || $[3] !== onHelp || $[4] !== onRestartFlow || $[5] !== onResubmit) {
+    t1 = /* @__PURE__ */ jsx(TradeOverviewBase, { onHelp, onDismiss, onCancelFlow, onResubmit, onCancelOrder, onRestartFlow });
+    $[0] = onCancelFlow;
+    $[1] = onCancelOrder;
+    $[2] = onDismiss;
+    $[3] = onHelp;
+    $[4] = onRestartFlow;
+    $[5] = onResubmit;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== activeStep || $[8] !== error || $[9] !== erroredStep || $[10] !== explorerLink || $[11] !== fromAmount || $[12] !== fromToken || $[13] !== isFlowCancellable || $[14] !== orderCancellationStep || $[15] !== result || $[16] !== steps || $[17] !== swapSide || $[18] !== t1 || $[19] !== toAmount || $[20] !== toToken || $[21] !== tradeFlowType) {
+    t2 = /* @__PURE__ */ jsx(TradeOverviewProvider, { fromToken, toToken, fromAmount, toAmount, activeStep, orderCancellationStep, steps, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, swapSide, children: t1 });
+    $[7] = activeStep;
+    $[8] = error;
+    $[9] = erroredStep;
+    $[10] = explorerLink;
+    $[11] = fromAmount;
+    $[12] = fromToken;
+    $[13] = isFlowCancellable;
+    $[14] = orderCancellationStep;
+    $[15] = result;
+    $[16] = steps;
+    $[17] = swapSide;
+    $[18] = t1;
+    $[19] = toAmount;
+    $[20] = toToken;
+    $[21] = tradeFlowType;
+    $[22] = t2;
+  } else {
+    t2 = $[22];
+  }
+  return t2;
 };
-//#endregion
-export { M as TradeOverview };
 
-//# sourceMappingURL=TradeOverview.js.map
+export { TradeOverview };
+//# sourceMappingURL=TradeOverview.js.map