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

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

@@ -1,406 +1,192 @@
-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;
+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;
 };
+//#endregion
+export { M as TradeOverview };
 
-export { TradeOverview };
-//# sourceMappingURL=TradeOverview.js.map
+//# sourceMappingURL=TradeOverview.js.map