@velora-dex/widget 0.8.4-dev.0 → 0.8.4

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

@@ -1,29 +1,29 @@
 import { getTwapAmountsFromPrice as e } from "../../../lib/utils/twap.js";
 import { useTwapSplit as t } from "../../../core/twap/state/twapParamsAtom.js";
-import { getUnifiedDeltaOrderData as n } from "../../../hooks/swap/prices/delta/orders/utils.js";
-import { useTwapPrices as r } from "../../../hooks/swap/prices/useTwapPrices.js";
-import { handleTxSent as i } from "../../../lib/utils/transactionHandlers.js";
-import { TwapOrderSteps as a } from "./steps.js";
-import { TradeOverview as o } from "./TradeOverview.js";
-import { useSwapAmountsWithSlippage as s } from "./utils/useSwapAmountsWithSlippage.js";
-import { useRunOnMount as c } from "../../../core/screen/hooks/useRunOnMount.js";
-import { useTwapSwapStep as l } from "../../../hooks/swap/tradeFlow/useTwapSwapStep.js";
-import { c as u } from "react-compiler-runtime";
-import { jsx as d } from "react/jsx-runtime";
+import { getSwapSideFromDeltaPrice as n, getUnifiedDeltaOrderData as r } from "../../../hooks/swap/prices/delta/orders/utils.js";
+import { useTwapPrices as i } from "../../../hooks/swap/prices/useTwapPrices.js";
+import { handleTxSent as a } from "../../../lib/utils/transactionHandlers.js";
+import { TwapOrderSteps as o } from "./steps.js";
+import { TradeOverview as s } from "./TradeOverview.js";
+import { useSwapAmountsWithSlippage as c } from "./utils/useSwapAmountsWithSlippage.js";
+import { useRunOnMount as l } from "../../../core/screen/hooks/useRunOnMount.js";
+import { useTwapSwapStep as u } from "../../../hooks/swap/tradeFlow/useTwapSwapStep.js";
+import { c as d } from "react-compiler-runtime";
+import { jsx as f } from "react/jsx-runtime";
 //#region src/components/widget/TradeOverview/TwapOrderTradeOverview.tsx
-function f(e) {
-	let t = u(20), { fromToken: n, toToken: r, fromAmount: i, toAmount: s, swapSide: c, onDismiss: l, onHelp: f, onCancelFlow: p, onCancelOrder: m, onResubmit: h, onRestartFlow: g, activeStep: _, orderCancellationStep: v, isFlowCancellable: y, explorerLink: b, result: x, error: S, erroredStep: C, tradeFlowType: w } = e, T;
-	return t[0] !== _ || t[1] !== S || t[2] !== C || t[3] !== b || t[4] !== i || t[5] !== n || t[6] !== y || t[7] !== p || t[8] !== m || t[9] !== l || t[10] !== f || t[11] !== g || t[12] !== h || t[13] !== v || t[14] !== x || t[15] !== c || t[16] !== s || t[17] !== r || t[18] !== w ? (T = /* @__PURE__ */ d(o, {
+function p(e) {
+	let t = d(20), { fromToken: n, toToken: r, fromAmount: i, toAmount: a, swapSide: c, onDismiss: l, onHelp: u, onCancelFlow: p, onCancelOrder: m, onResubmit: h, onRestartFlow: g, activeStep: _, orderCancellationStep: v, isFlowCancellable: y, explorerLink: b, result: x, error: S, erroredStep: C, tradeFlowType: w } = e, T;
+	return t[0] !== _ || t[1] !== S || t[2] !== C || t[3] !== b || t[4] !== i || t[5] !== n || t[6] !== y || t[7] !== p || t[8] !== m || t[9] !== l || t[10] !== u || t[11] !== g || t[12] !== h || t[13] !== v || t[14] !== x || t[15] !== c || t[16] !== a || t[17] !== r || t[18] !== w ? (T = /* @__PURE__ */ f(s, {
 		fromToken: n,
 		toToken: r,
 		fromAmount: i,
-		toAmount: s,
+		toAmount: a,
 		swapSide: c,
-		steps: a,
+		steps: o,
 		activeStep: _,
 		orderCancellationStep: v,
 		onDismiss: l,
-		onHelp: f,
+		onHelp: u,
 		onCancelFlow: p,
 		onCancelOrder: m,
 		onResubmit: h,
@@ -34,79 +34,79 @@ function f(e) {
 		error: S,
 		erroredStep: C,
 		tradeFlowType: w
-	}), t[0] = _, t[1] = S, t[2] = C, t[3] = b, t[4] = i, t[5] = n, t[6] = y, t[7] = p, t[8] = m, t[9] = l, t[10] = f, t[11] = g, t[12] = h, t[13] = v, t[14] = x, t[15] = c, t[16] = s, t[17] = r, t[18] = w, t[19] = T) : T = t[19], T;
+	}), t[0] = _, t[1] = S, t[2] = C, t[3] = b, t[4] = i, t[5] = n, t[6] = y, t[7] = p, t[8] = m, t[9] = l, t[10] = u, t[11] = g, t[12] = h, t[13] = v, t[14] = x, t[15] = c, t[16] = a, t[17] = r, t[18] = w, t[19] = T) : T = t[19], T;
 }
-function p(r) {
-	let a = u(45), { orderProps: o, twapPrice: p, onClose: m } = r, h = t(), g;
-	a[0] === p ? g = a[1] : (g = { twapPrice: p }, a[0] = p, a[1] = g);
-	let { step: _, orderCancellationStep: v, startTwapSwap: y, cancelTwapOrder: b, cancelFlow: x, retryFlow: S, goToBeforeSwap: C, isNonFlowStep: w, isFlowCancellable: T, isOrderCancellable: E, reset: D, explorerLink: O, result: k, usedPrice: A, submittedTwapOrder: j, error: M, erroredStep: N, tradeFlowType: P } = l(g), F;
-	a[2] !== w || a[3] !== y ? (F = () => {
-		w || y({ onTxSent: i });
-	}, a[2] = w, a[3] = y, a[4] = F) : F = a[4], c(F);
-	let I;
-	a[5] === j ? I = a[6] : (I = j ? n(j) : void 0, a[5] = j, a[6] = I);
-	let L = I, R;
-	a[7] === L ? R = a[8] : (R = L ? {
-		srcAmount: L.srcAmount,
-		destAmount: L.destAmount,
-		swapSide: L.swapSide
-	} : void 0, a[7] = L, a[8] = R);
-	let z = R, B;
-	a[9] !== h || a[10] !== A ? (B = A ? {
+function m(i) {
+	let o = d(45), { orderProps: s, twapPrice: m, onClose: h } = i, g = t(), _;
+	o[0] === m ? _ = o[1] : (_ = { twapPrice: m }, o[0] = m, o[1] = _);
+	let { step: v, orderCancellationStep: y, startTwapSwap: b, cancelTwapOrder: x, cancelFlow: S, retryFlow: C, goToBeforeSwap: w, isNonFlowStep: T, isFlowCancellable: E, isOrderCancellable: D, reset: O, explorerLink: k, result: A, usedPrice: j, submittedTwapOrder: M, error: N, erroredStep: P, tradeFlowType: F } = u(_), I;
+	o[2] !== T || o[3] !== b ? (I = () => {
+		T || b({ onTxSent: a });
+	}, o[2] = T, o[3] = b, o[4] = I) : I = o[4], l(I);
+	let L;
+	o[5] === M ? L = o[6] : (L = M ? r(M) : void 0, o[5] = M, o[6] = L);
+	let R = L, z;
+	o[7] === R ? z = o[8] : (z = R ? {
+		srcAmount: R.amounts.minimal.srcAmount,
+		destAmount: R.amounts.minimal.destAmount,
+		swapSide: R.swapSide
+	} : void 0, o[7] = R, o[8] = z);
+	let B = z, V;
+	o[9] !== g || o[10] !== j ? (V = j ? {
 		...e({
-			price: A,
-			numSlices: h
+			price: j,
+			numSlices: g
 		}),
-		swapSide: A.side
-	} : void 0, a[9] = h, a[10] = A, a[11] = B) : B = a[11];
-	let V = B, H;
-	a[12] !== o.fromAmount || a[13] !== o.swapSide || a[14] !== o.toAmount ? (H = {
-		srcAmount: o.fromAmount,
-		destAmount: o.toAmount,
-		swapSide: o.swapSide
-	}, a[12] = o.fromAmount, a[13] = o.swapSide, a[14] = o.toAmount, a[15] = H) : H = a[15];
-	let U;
-	a[16] !== o.fromToken || a[17] !== o.toToken || a[18] !== z || a[19] !== H || a[20] !== p || a[21] !== V ? (U = {
-		submittedSwapWei: z,
-		usedPriceWei: V,
-		formDataUnit: H,
-		fromToken: o.fromToken,
-		toToken: o.toToken,
-		price: p
-	}, a[16] = o.fromToken, a[17] = o.toToken, a[18] = z, a[19] = H, a[20] = p, a[21] = V, a[22] = U) : U = a[22];
-	let W = s(U), G;
-	a[23] !== m || a[24] !== D ? (G = () => {
-		m?.(), D();
-	}, a[23] = m, a[24] = D, a[25] = G) : G = a[25];
-	let K = G, q = E ? b : void 0, J;
-	return a[26] !== W.destAmount || a[27] !== W.srcAmount || a[28] !== W.swapSide || a[29] !== x || a[30] !== M || a[31] !== N || a[32] !== O || a[33] !== C || a[34] !== T || a[35] !== q || a[36] !== K || a[37] !== v || a[38] !== o.fromToken || a[39] !== o.toToken || a[40] !== k || a[41] !== S || a[42] !== _ || a[43] !== P ? (J = /* @__PURE__ */ d(f, {
-		fromToken: o.fromToken,
-		toToken: o.toToken,
-		fromAmount: W.srcAmount,
-		toAmount: W.destAmount,
-		swapSide: W.swapSide,
-		onDismiss: K,
-		onCancelFlow: x,
-		onCancelOrder: q,
-		onRestartFlow: S,
-		onResubmit: C,
-		activeStep: _,
-		orderCancellationStep: v,
-		isFlowCancellable: T,
-		explorerLink: O,
-		result: k,
-		error: M,
-		erroredStep: N,
-		tradeFlowType: P
-	}), a[26] = W.destAmount, a[27] = W.srcAmount, a[28] = W.swapSide, a[29] = x, a[30] = M, a[31] = N, a[32] = O, a[33] = C, a[34] = T, a[35] = q, a[36] = K, a[37] = v, a[38] = o.fromToken, a[39] = o.toToken, a[40] = k, a[41] = S, a[42] = _, a[43] = P, a[44] = J) : J = a[44], J;
+		swapSide: n(j)
+	} : void 0, o[9] = g, o[10] = j, o[11] = V) : V = o[11];
+	let H = V, U;
+	o[12] !== s.fromAmount || o[13] !== s.swapSide || o[14] !== s.toAmount ? (U = {
+		srcAmount: s.fromAmount,
+		destAmount: s.toAmount,
+		swapSide: s.swapSide
+	}, o[12] = s.fromAmount, o[13] = s.swapSide, o[14] = s.toAmount, o[15] = U) : U = o[15];
+	let W;
+	o[16] !== s.fromToken || o[17] !== s.toToken || o[18] !== B || o[19] !== U || o[20] !== m || o[21] !== H ? (W = {
+		submittedSwapWei: B,
+		usedPriceWei: H,
+		formDataUnit: U,
+		fromToken: s.fromToken,
+		toToken: s.toToken,
+		price: m
+	}, o[16] = s.fromToken, o[17] = s.toToken, o[18] = B, o[19] = U, o[20] = m, o[21] = H, o[22] = W) : W = o[22];
+	let G = c(W), K;
+	o[23] !== h || o[24] !== O ? (K = () => {
+		h?.(), O();
+	}, o[23] = h, o[24] = O, o[25] = K) : K = o[25];
+	let q = K, J = D ? x : void 0, Y;
+	return o[26] !== G.destAmount || o[27] !== G.srcAmount || o[28] !== G.swapSide || o[29] !== S || o[30] !== N || o[31] !== P || o[32] !== k || o[33] !== w || o[34] !== E || o[35] !== J || o[36] !== q || o[37] !== y || o[38] !== s.fromToken || o[39] !== s.toToken || o[40] !== A || o[41] !== C || o[42] !== v || o[43] !== F ? (Y = /* @__PURE__ */ f(p, {
+		fromToken: s.fromToken,
+		toToken: s.toToken,
+		fromAmount: G.srcAmount,
+		toAmount: G.destAmount,
+		swapSide: G.swapSide,
+		onDismiss: q,
+		onCancelFlow: S,
+		onCancelOrder: J,
+		onRestartFlow: C,
+		onResubmit: w,
+		activeStep: v,
+		orderCancellationStep: y,
+		isFlowCancellable: E,
+		explorerLink: k,
+		result: A,
+		error: N,
+		erroredStep: P,
+		tradeFlowType: F
+	}), o[26] = G.destAmount, o[27] = G.srcAmount, o[28] = G.swapSide, o[29] = S, o[30] = N, o[31] = P, o[32] = k, o[33] = w, o[34] = E, o[35] = J, o[36] = q, o[37] = y, o[38] = s.fromToken, o[39] = s.toToken, o[40] = A, o[41] = C, o[42] = v, o[43] = F, o[44] = Y) : Y = o[44], Y;
 }
-var m = (e) => {
-	let t = u(2);
-	r();
+var h = (e) => {
+	let t = d(2);
+	i();
 	let n;
-	return t[0] === e ? n = t[1] : (n = /* @__PURE__ */ d(p, { ...e }), t[0] = e, t[1] = n), n;
+	return t[0] === e ? n = t[1] : (n = /* @__PURE__ */ f(m, { ...e }), t[0] = e, t[1] = n), n;
 };
 //#endregion
-export { m as TwapOrderTradeOverviewScreen };
+export { h as TwapOrderTradeOverviewScreen };
 
 //# sourceMappingURL=TwapOrderTradeOverview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TwapOrderTradeOverview.js","names":["SubmitTwapOrderResult","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","TwapOrderSteps","TwapOrderStepKey","TwapOrderFlowType","useTwapSwapStep","DeltaV2","handleTxSent","useTwapPrices","useSwapAmountsWithSlippage","useRunOnMount","useTwapSplit","getTwapAmountsFromPrice","getUnifiedDeltaOrderData","TwapOrderTradeOverviewProps","Pick","TwapOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onCancelOrder","onResubmit","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","TwapOrderTradeOverviewFlowProps","orderProps","twapPrice","DeltaPrice","onClose","TwapOrderTradeOverviewFlow","numSlices","step","startTwapSwap","cancelTwapOrder","cancelFlow","retryFlow","goToBeforeSwap","isNonFlowStep","isOrderCancellable","reset","usedPrice","submittedTwapOrder","t2","onTxSent","t3","undefined","orderData","t4","srcAmount","destAmount","submittedSwapWei","t5","price","side","usedPriceWei","t6","t7","formDataUnit","amountsAndSide","t8","t9","TwapOrderTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/TwapOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitTwapOrderResult } from \"@/hooks/swap/tradeFlow/useTwapFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { TwapOrderSteps, type TwapOrderStepKey } from \"./steps\";\nimport type { TwapOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useTwapSwapStep } from \"@/hooks/swap/tradeFlow/useTwapSwapStep\";\nimport type { DeltaV2 } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useTwapPrices } from \"@/hooks/swap/prices/useTwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nimport { useTwapSplit } from \"@/core/twap/state/twapParamsAtom\";\nimport { getTwapAmountsFromPrice } from \"@/lib/utils/twap\";\nimport { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype TwapOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    TwapOrderStepKey,\n    SubmitTwapOrderResult,\n    TwapOrderFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onCancelOrder\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n>;\n\nexport function TwapOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onCancelOrder,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: TwapOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<TwapOrderStepKey, SubmitTwapOrderResult, TwapOrderFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={TwapOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onCancelOrder={onCancelOrder}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type TwapOrderTradeOverviewFlowProps = {\n  orderProps: MinTradeOverviewProps;\n  twapPrice: DeltaV2.DeltaPrice;\n  onClose?: () => void;\n};\n\nfunction TwapOrderTradeOverviewFlow({\n  orderProps,\n  twapPrice,\n  onClose,\n}: TwapOrderTradeOverviewFlowProps) {\n  const numSlices = useTwapSplit();\n\n  const {\n    step,\n    orderCancellationStep,\n    startTwapSwap,\n    cancelTwapOrder,\n    cancelFlow,\n    retryFlow,\n    goToBeforeSwap,\n    isNonFlowStep,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedTwapOrder,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useTwapSwapStep({\n    twapPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startTwapSwap({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const orderData = submittedTwapOrder\n    ? getUnifiedDeltaOrderData(submittedTwapOrder)\n    : undefined;\n\n  const submittedSwapWei = orderData\n    ? {\n        srcAmount: orderData.srcAmount,\n        destAmount: orderData.destAmount,\n        swapSide: orderData.swapSide,\n      }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n        ...getTwapAmountsFromPrice({ price: usedPrice, numSlices }),\n        swapSide: usedPrice.side,\n      }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: twapPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelTwapOrder : undefined;\n\n  return (\n    <TwapOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={retryFlow}\n      onResubmit={goToBeforeSwap}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const TwapOrderTradeOverviewScreen = (\n  props: TwapOrderTradeOverviewFlowProps\n) => {\n  useTwapPrices(); // keep prices updated while in the flow\n  return <TwapOrderTradeOverviewFlow {...props} />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"TwapOrderTradeOverview.js","names":["SubmitTwapOrderResult","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","TwapOrderSteps","TwapOrderStepKey","TwapOrderFlowType","useTwapSwapStep","BridgePrice","DeltaPrice","handleTxSent","useTwapPrices","useSwapAmountsWithSlippage","getSwapSideFromDeltaPrice","useRunOnMount","useTwapSplit","getTwapAmountsFromPrice","getUnifiedDeltaOrderData","TwapOrderTradeOverviewProps","Pick","TwapOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onCancelOrder","onResubmit","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","TwapOrderTradeOverviewFlowProps","orderProps","twapPrice","onClose","TwapOrderTradeOverviewFlow","numSlices","step","startTwapSwap","cancelTwapOrder","cancelFlow","retryFlow","goToBeforeSwap","isNonFlowStep","isOrderCancellable","reset","usedPrice","submittedTwapOrder","t2","onTxSent","t3","undefined","orderData","t4","srcAmount","amounts","minimal","destAmount","submittedSwapWei","t5","price","usedPriceWei","t6","t7","formDataUnit","amountsAndSide","t8","t9","TwapOrderTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/TwapOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitTwapOrderResult } from \"@/hooks/swap/tradeFlow/useTwapFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { TwapOrderSteps, type TwapOrderStepKey } from \"./steps\";\nimport type { TwapOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useTwapSwapStep } from \"@/hooks/swap/tradeFlow/useTwapSwapStep\";\nimport type { BridgePrice, DeltaPrice } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useTwapPrices } from \"@/hooks/swap/prices/useTwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { getSwapSideFromDeltaPrice } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nimport { useTwapSplit } from \"@/core/twap/state/twapParamsAtom\";\nimport { getTwapAmountsFromPrice } from \"@/lib/utils/twap\";\nimport { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype TwapOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    TwapOrderStepKey,\n    SubmitTwapOrderResult,\n    TwapOrderFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onCancelOrder\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n>;\n\nexport function TwapOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onCancelOrder,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: TwapOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<TwapOrderStepKey, SubmitTwapOrderResult, TwapOrderFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={TwapOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onCancelOrder={onCancelOrder}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type TwapOrderTradeOverviewFlowProps = {\n  orderProps: MinTradeOverviewProps;\n  twapPrice: DeltaPrice | BridgePrice;\n  onClose?: () => void;\n};\n\nfunction TwapOrderTradeOverviewFlow({\n  orderProps,\n  twapPrice,\n  onClose,\n}: TwapOrderTradeOverviewFlowProps) {\n  const numSlices = useTwapSplit();\n\n  const {\n    step,\n    orderCancellationStep,\n    startTwapSwap,\n    cancelTwapOrder,\n    cancelFlow,\n    retryFlow,\n    goToBeforeSwap,\n    isNonFlowStep,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedTwapOrder,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useTwapSwapStep({\n    twapPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startTwapSwap({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const orderData = submittedTwapOrder\n    ? getUnifiedDeltaOrderData(submittedTwapOrder)\n    : undefined;\n\n  const submittedSwapWei = orderData\n    ? {\n      srcAmount: orderData.amounts.minimal.srcAmount,\n      destAmount: orderData.amounts.minimal.destAmount,\n      swapSide: orderData.swapSide,\n    }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n      ...getTwapAmountsFromPrice({ price: usedPrice, numSlices }),\n      swapSide: getSwapSideFromDeltaPrice(usedPrice),\n    }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: twapPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelTwapOrder : undefined;\n\n  return (\n    <TwapOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={retryFlow}\n      onResubmit={goToBeforeSwap}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const TwapOrderTradeOverviewScreen = (\n  props: TwapOrderTradeOverviewFlowProps\n) => {\n  useTwapPrices(); // keep prices updated while in the flow\n  return <TwapOrderTradeOverviewFlow {...props} />;\n};\n"],"mappings":"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"}

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

@@ -2,10 +2,7 @@ import { DeltaOrMarketPrice } from '../../../../hooks/swap/prices/types';
 import { Token } from '../../../../tokens/state/types';
 import { SwapSideUnion } from '@velora-dex/sdk';
 import { MarkOptional } from 'ts-essentials';
-type SwapAmounts = {
-    srcAmount: string;
-    destAmount: string;
-};
+type SwapAmounts = Pick<DeltaOrMarketPrice, "srcAmount" | "destAmount">;
 type UseSwapAmountsWithSlippageInput = {
     submittedSwapWei?: SwapSideAmounts;
     usedPriceWei?: SwapSideAmounts;

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

@@ -1 +1 @@
-{"version":3,"file":"useSwapAmountsWithSlippage.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7D,KAAK,+BAA+B,GAAG;IACrC,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IACxD,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,KAAK,GACN,EAAE,+BAA+B,GAAG,eAAe,CA4EnD"}
+{"version":3,"file":"useSwapAmountsWithSlippage.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,KAAK,WAAW,GAAG,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,YAAY,CAAC,CAAC;AACxE,KAAK,+BAA+B,GAAG;IACrC,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IACxD,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,KAAK,GACN,EAAE,+BAA+B,GAAG,eAAe,CA2EnD"}

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

@@ -7,7 +7,7 @@ import { formatUnits as a, parseUnits as o } from "viem";
 //#region src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts
 function s(s) {
 	let c = i(15), { submittedSwapWei: l, usedPriceWei: u, formDataUnit: d, fromToken: f, toToken: p, price: m } = s, { resolvedSlippage: h } = n("swap"), g = t(), _ = l?.swapSide || u?.swapSide || d.swapSide || g, v;
-	c[0] === m ? v = c[1] : (v = m && e(m) && m.inputToken.address.toLowerCase() === m.outputToken.address.toLowerCase(), c[0] = m, c[1] = v);
+	c[0] === m ? v = c[1] : (v = m && e(m) && m.srcToken.toLowerCase() === m.destToken.toLowerCase(), c[0] = m, c[1] = v);
 	let y = !v, b;
 	if (c[2] !== d.destAmount || c[3] !== d.srcAmount || c[4] !== f || c[5] !== h || c[6] !== y || c[7] !== l || c[8] !== _ || c[9] !== p || c[10] !== u) {
 		if (b = {

package/dist/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSwapAmountsWithSlippage.js","names":["useSlippage","useSwapSide","formatUnits","parseUnits","applySlippage","DeltaOrMarketPrice","Token","SwapSideUnion","MarkOptional","isDeltaPrice","SwapAmounts","srcAmount","destAmount","UseSwapAmountsWithSlippageInput","submittedSwapWei","SwapSideAmounts","usedPriceWei","formDataUnit","fromToken","Pick","toToken","price","swapSide","useSwapAmountsWithSlippage","t0","$","_c","resolvedSlippage","swapSideFromInput","t1","inputToken","address","toLowerCase","outputToken","shouldNotApplySlippage","shouldApplySlippage","amounts","BigInt","decimals","amountsAfterSlippage","weiFromAmount","weiToAmount","amountsAfterSlippage_0","toString","t2"],"sources":["../../../../../src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts"],"sourcesContent":["import { useSlippage } from \"@/hooks/useSlippage\";\nimport { useSwapSide } from \"../../SwapModeSwitcher/state/swapSideAtom\";\nimport { formatUnits, parseUnits } from \"viem\";\nimport { applySlippage } from \"@/lib/utils/price\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport type { MarkOptional } from \"ts-essentials\";\nimport { isDeltaPrice } from \"@/hooks/swap/prices/delta/queries/useDeltaPriceQuery\";\n\ntype SwapAmounts = { srcAmount: string; destAmount: string };\ntype UseSwapAmountsWithSlippageInput = {\n  submittedSwapWei?: SwapSideAmounts; // submitted Swap Order or Tx (highest priority)\n  usedPriceWei?: SwapSideAmounts; // used price by the flow (medium priority)\n  formDataUnit: MarkOptional<SwapSideAmounts, \"swapSide\">; // initial data before we have prices or have submitted Swap Order or Tx (lowest priority)\n  fromToken: Pick<Token, \"decimals\">;\n  toToken: Pick<Token, \"decimals\">;\n  price?: DeltaOrMarketPrice;\n};\n\nexport type SwapSideAmounts = SwapAmounts & {\n  swapSide: SwapSideUnion;\n};\n\n/**\n * Takes in the submitted/used/form amounts and applies slippage where necessary.\n * Used for display purposes in Trade Overview\n */\nexport function useSwapAmountsWithSlippage({\n  submittedSwapWei,\n  usedPriceWei,\n  formDataUnit,\n  fromToken,\n  toToken,\n  price,\n}: UseSwapAmountsWithSlippageInput): SwapSideAmounts {\n  const { resolvedSlippage } = useSlippage(\"swap\");\n  const swapSideFromInput = useSwapSide();\n\n  const swapSide =\n    submittedSwapWei?.swapSide ||\n    usedPriceWei?.swapSide ||\n    formDataUnit.swapSide ||\n    swapSideFromInput;\n\n  // for the usual swaps we apply slippage, either on srcAmount for BUY or destAmount for SELL,\n  // but if it's a crosschain swap and the input and output tokens are the same address,\n  // we shouldn't apply slippage because there is no Delta swap happening, only bridge.\n  const shouldNotApplySlippage =\n    price &&\n    isDeltaPrice(price) &&\n    price.inputToken.address.toLowerCase() ===\n      price.outputToken.address.toLowerCase();\n\n  const shouldApplySlippage = !shouldNotApplySlippage;\n\n  const amounts: SwapAmounts = {\n    srcAmount: formDataUnit.srcAmount,\n    destAmount: formDataUnit.destAmount,\n  };\n\n  if (submittedSwapWei) {\n    amounts.srcAmount = formatUnits(\n      BigInt(submittedSwapWei.srcAmount),\n      fromToken.decimals\n    );\n    amounts.destAmount = formatUnits(\n      BigInt(submittedSwapWei.destAmount),\n      toToken.decimals\n    );\n  } else if (usedPriceWei) {\n    const amountsAfterSlippage = shouldApplySlippage\n      ? applySlippage(usedPriceWei, resolvedSlippage, swapSide)\n      : usedPriceWei;\n    amounts.srcAmount = formatUnits(\n      BigInt(amountsAfterSlippage.srcAmount),\n      fromToken.decimals\n    );\n    amounts.destAmount = formatUnits(\n      BigInt(amountsAfterSlippage.destAmount),\n      toToken.decimals\n    );\n  } else if (shouldApplySlippage) {\n    const weiFromAmount = parseUnits(\n      formDataUnit.srcAmount,\n      fromToken.decimals\n    );\n    const weiToAmount = parseUnits(formDataUnit.destAmount, toToken.decimals);\n    // applySlippage on unit amount directly would lose precision and drop decimals\n    const amountsAfterSlippage = applySlippage(\n      {\n        srcAmount: weiFromAmount.toString(),\n        destAmount: weiToAmount.toString(),\n      },\n      resolvedSlippage,\n      swapSide\n    );\n    amounts.srcAmount = formatUnits(\n      BigInt(amountsAfterSlippage.srcAmount),\n      fromToken.decimals\n    );\n    amounts.destAmount = formatUnits(\n      BigInt(amountsAfterSlippage.destAmount),\n      toToken.decimals\n    );\n  }\n\n  return {\n    ...amounts,\n    swapSide,\n  };\n}\n"],"mappings":";;;;;;;AA4BA,SAAOuB,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAoC,EAAAZ,qBAAAE,iBAAAC,iBAAAC,cAAAE,YAAAC,aAAAG,GAQzC,EAAAG,wBAA6B3B,EAAY,OAAO,EAChD4B,IAA0B3B,GAAa,EAEvCqB,IACER,GAAgBQ,YAChBN,GAAYM,YACZL,EAAYK,YAFZM,GAGkBC;CAAA,AAAAJ,EAAA,OAAAJ,IASuBQ,IAAAJ,EAAA,MAHzCI,IAAAR,KACAZ,EAAaY,EAE4B,IADzCA,EAAKS,WAAWC,QAAQC,aAAc,KACpCX,EAAKY,YAAYF,QAAQC,aAAc,EAAAP,EAAA,KAAAJ,GAAAI,EAAA,KAAAI;CAE3C,IAAAM,IAA4B,CAACD,GAAuBE;CAAA,IAAAX,EAAA,OAAAR,EAAAL,cAAAa,EAAA,OAAAR,EAAAN,aAAAc,EAAA,OAAAP,KAAAO,EAAA,OAAAE,KAAAF,EAAA,OAAAU,KAAAV,EAAA,OAAAX,KAAAW,EAAA,OAAAH,KAAAG,EAAA,OAAAL,KAAAK,EAAA,QAAAT,GAAA;EAOpD,IALAoB,IAA6B;GAAAzB,WAChBM,EAAYN;GAAUC,YACrBK,EAAYL;GACzB,EAEGE,GAKFsB,AAJAA,EAAOzB,YAAaT,EAClBmC,OAAOvB,EAAgBH,UAAW,EAClCO,EAASoB,SAFM,EAIjBF,EAAOxB,aAAcV,EACnBmC,OAAOvB,EAAgBF,WAAY,EACnCQ,EAAOkB,SAFS;OAIb,IAAItB,GAAY;GACrB,IAAAuB,IAA6BJ,IACzB/B,EAAcY,GAAcW,GAAkBL,EAClC,GAFaN;GAO7BoB,AAJAA,EAAOzB,YAAaT,EAClBmC,OAAOE,EAAoB5B,UAAW,EACtCO,EAASoB,SAFM,EAIjBF,EAAOxB,aAAcV,EACnBmC,OAAOE,EAAoB3B,WAAY,EACvCQ,EAAOkB,SAFS;SAIb,IAAIH,GAAmB;GAC5B,IAAAK,IAAsBrC,EACpBc,EAAYN,WACZO,EAASoB,SACV,EACDG,IAAoBtC,EAAWc,EAAYL,YAAaQ,EAAOkB,SAAU,EAEzEI,IAA6BtC,EAC3B;IAAAO,WACa6B,EAAaG,UAAW;IAAA/B,YACvB6B,EAAWE,UAAU;IAClC,EACDhB,GACAL,EACD;GAKDc,AAJAA,EAAOzB,YAAaT,EAClBmC,OAAOE,EAAoB5B,UAAW,EACtCO,EAASoB,SAFM,EAIjBF,EAAOxB,aAAcV,EACnBmC,OAAOE,EAAoB3B,WAAY,EACvCQ,EAAOkB,SAFS;;EAInBb,AAAAA,EAAA,KAAAR,EAAAL,YAAAa,EAAA,KAAAR,EAAAN,WAAAc,EAAA,KAAAP,GAAAO,EAAA,KAAAE,GAAAF,EAAA,KAAAU,GAAAV,EAAA,KAAAX,GAAAW,EAAA,KAAAH,GAAAG,EAAA,KAAAL,GAAAK,EAAA,MAAAT,GAAAS,EAAA,MAAAW;QAAAA,IAAAX,EAAA;CAAA,IAAAmB;CAKA,OALAnB,EAAA,QAAAW,KAAAX,EAAA,QAAAH,KAEMsB,IAAA;EAAA,GACFR;EAAOd;EAEX,EAAAG,EAAA,MAAAW,GAAAX,EAAA,MAAAH,GAAAG,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA,KAHMmB"}
+{"version":3,"file":"useSwapAmountsWithSlippage.js","names":["useSlippage","useSwapSide","formatUnits","parseUnits","applySlippage","DeltaOrMarketPrice","Token","SwapSideUnion","MarkOptional","isDeltaPrice","SwapAmounts","Pick","UseSwapAmountsWithSlippageInput","submittedSwapWei","SwapSideAmounts","usedPriceWei","formDataUnit","fromToken","toToken","price","swapSide","useSwapAmountsWithSlippage","t0","$","_c","resolvedSlippage","swapSideFromInput","t1","srcToken","toLowerCase","destToken","shouldNotApplySlippage","shouldApplySlippage","amounts","destAmount","srcAmount","BigInt","decimals","amountsAfterSlippage","weiFromAmount","weiToAmount","amountsAfterSlippage_0","toString","t2"],"sources":["../../../../../src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts"],"sourcesContent":["import { useSlippage } from \"@/hooks/useSlippage\";\nimport { useSwapSide } from \"../../SwapModeSwitcher/state/swapSideAtom\";\nimport { formatUnits, parseUnits } from \"viem\";\nimport { applySlippage } from \"@/lib/utils/price\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport type { MarkOptional } from \"ts-essentials\";\nimport { isDeltaPrice } from \"@/hooks/swap/prices/delta/queries/useDeltaPriceQuery\";\n\ntype SwapAmounts = Pick<DeltaOrMarketPrice, \"srcAmount\" | \"destAmount\">;\ntype UseSwapAmountsWithSlippageInput = {\n  submittedSwapWei?: SwapSideAmounts; // submitted Swap Order or Tx (highest priority)\n  usedPriceWei?: SwapSideAmounts; // used price by the flow (medium priority)\n  formDataUnit: MarkOptional<SwapSideAmounts, \"swapSide\">; // initial data before we have prices or have submitted Swap Order or Tx (lowest priority)\n  fromToken: Pick<Token, \"decimals\">;\n  toToken: Pick<Token, \"decimals\">;\n  price?: DeltaOrMarketPrice;\n};\n\nexport type SwapSideAmounts = SwapAmounts & {\n  swapSide: SwapSideUnion;\n};\n\n/**\n * Takes in the submitted/used/form amounts and applies slippage where necessary.\n * Used for display purposes in Trade Overview\n */\nexport function useSwapAmountsWithSlippage({\n  submittedSwapWei,\n  usedPriceWei,\n  formDataUnit,\n  fromToken,\n  toToken,\n  price,\n}: UseSwapAmountsWithSlippageInput): SwapSideAmounts {\n  const { resolvedSlippage } = useSlippage(\"swap\");\n  const swapSideFromInput = useSwapSide();\n\n  const swapSide =\n    submittedSwapWei?.swapSide ||\n    usedPriceWei?.swapSide ||\n    formDataUnit.swapSide ||\n    swapSideFromInput;\n\n  // for the usual swaps we apply slippage, either on srcAmount for BUY or destAmount for SELL,\n  // but if it's a crosschain swap and the srcToken and destToken from BridgePrice are the same,\n  // we shouldn't apply slippage because there is no Delta swap happening, only bridge.\n  const shouldNotApplySlippage =\n    price &&\n    isDeltaPrice(price) &&\n    price.srcToken.toLowerCase() === price.destToken.toLowerCase();\n\n  const shouldApplySlippage = !shouldNotApplySlippage;\n\n  const amounts: SwapAmounts = {\n    srcAmount: formDataUnit.srcAmount,\n    destAmount: formDataUnit.destAmount,\n  };\n\n  if (submittedSwapWei) {\n    amounts.srcAmount = formatUnits(\n      BigInt(submittedSwapWei.srcAmount),\n      fromToken.decimals\n    );\n    amounts.destAmount = formatUnits(\n      BigInt(submittedSwapWei.destAmount),\n      toToken.decimals\n    );\n  } else if (usedPriceWei) {\n    const amountsAfterSlippage = shouldApplySlippage\n      ? applySlippage(usedPriceWei, resolvedSlippage, swapSide)\n      : usedPriceWei;\n    amounts.srcAmount = formatUnits(\n      BigInt(amountsAfterSlippage.srcAmount),\n      fromToken.decimals\n    );\n    amounts.destAmount = formatUnits(\n      BigInt(amountsAfterSlippage.destAmount),\n      toToken.decimals\n    );\n  } else if (shouldApplySlippage) {\n    const weiFromAmount = parseUnits(\n      formDataUnit.srcAmount,\n      fromToken.decimals\n    );\n    const weiToAmount = parseUnits(formDataUnit.destAmount, toToken.decimals);\n    // applySlippage on unit amount directly would lose precision and drop decimals\n    const amountsAfterSlippage = applySlippage(\n      {\n        srcAmount: weiFromAmount.toString(),\n        destAmount: weiToAmount.toString(),\n      },\n      resolvedSlippage,\n      swapSide\n    );\n    amounts.srcAmount = formatUnits(\n      BigInt(amountsAfterSlippage.srcAmount),\n      fromToken.decimals\n    );\n    amounts.destAmount = formatUnits(\n      BigInt(amountsAfterSlippage.destAmount),\n      toToken.decimals\n    );\n  }\n\n  return {\n    ...amounts,\n    swapSide,\n  };\n}\n"],"mappings":";;;;;;;AA4BA,SAAOqB,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAoC,EAAAX,qBAAAE,iBAAAC,iBAAAC,cAAAC,YAAAC,aAAAG,GAQzC,EAAAG,wBAA6BzB,EAAY,OAAO,EAChD0B,IAA0BzB,GAAa,EAEvCmB,IACEP,GAAgBO,YAChBL,GAAYK,YACZJ,EAAYI,YAFZM,GAGkBC;CAAA,AAAAJ,EAAA,OAAAJ,IAQ4CQ,IAAAJ,EAAA,MAF9DI,IAAAR,KACAV,EAAaU,EACiD,IAA9DA,EAAKS,SAASC,aAAc,KAAKV,EAAKW,UAAUD,aAAc,EAAAN,EAAA,KAAAJ,GAAAI,EAAA,KAAAI;CAEhE,IAAAK,IAA4B,CAACD,GAAuBE;CAAA,IAAAV,EAAA,OAAAP,EAAAkB,cAAAX,EAAA,OAAAP,EAAAmB,aAAAZ,EAAA,OAAAN,KAAAM,EAAA,OAAAE,KAAAF,EAAA,OAAAS,KAAAT,EAAA,OAAAV,KAAAU,EAAA,OAAAH,KAAAG,EAAA,OAAAL,KAAAK,EAAA,QAAAR,GAAA;EAOpD,IALAkB,IAA6B;GAAAE,WAChBnB,EAAYmB;GAAUD,YACrBlB,EAAYkB;GACzB,EAEGrB,GAKFoB,AAJAA,EAAOE,YAAajC,EAClBkC,OAAOvB,EAAgBsB,UAAW,EAClClB,EAASoB,SAFM,EAIjBJ,EAAOC,aAAchC,EACnBkC,OAAOvB,EAAgBqB,WAAY,EACnChB,EAAOmB,SAFS;OAIb,IAAItB,GAAY;GACrB,IAAAuB,IAA6BN,IACzB5B,EAAcW,GAAcU,GAAkBL,EAClC,GAFaL;GAO7BkB,AAJAA,EAAOE,YAAajC,EAClBkC,OAAOE,EAAoBH,UAAW,EACtClB,EAASoB,SAFM,EAIjBJ,EAAOC,aAAchC,EACnBkC,OAAOE,EAAoBJ,WAAY,EACvChB,EAAOmB,SAFS;SAIb,IAAIL,GAAmB;GAC5B,IAAAO,IAAsBpC,EACpBa,EAAYmB,WACZlB,EAASoB,SACV,EACDG,IAAoBrC,EAAWa,EAAYkB,YAAahB,EAAOmB,SAAU,EAEzEI,IAA6BrC,EAC3B;IAAA+B,WACaI,EAAaG,UAAW;IAAAR,YACvBM,EAAWE,UAAU;IAClC,EACDjB,GACAL,EACD;GAKDa,AAJAA,EAAOE,YAAajC,EAClBkC,OAAOE,EAAoBH,UAAW,EACtClB,EAASoB,SAFM,EAIjBJ,EAAOC,aAAchC,EACnBkC,OAAOE,EAAoBJ,WAAY,EACvChB,EAAOmB,SAFS;;EAInBd,AAAAA,EAAA,KAAAP,EAAAkB,YAAAX,EAAA,KAAAP,EAAAmB,WAAAZ,EAAA,KAAAN,GAAAM,EAAA,KAAAE,GAAAF,EAAA,KAAAS,GAAAT,EAAA,KAAAV,GAAAU,EAAA,KAAAH,GAAAG,EAAA,KAAAL,GAAAK,EAAA,MAAAR,GAAAQ,EAAA,MAAAU;QAAAA,IAAAV,EAAA;CAAA,IAAAoB;CAKA,OALApB,EAAA,QAAAU,KAAAV,EAAA,QAAAH,KAEMuB,IAAA;EAAA,GACFV;EAAOb;EAEX,EAAAG,EAAA,MAAAU,GAAAV,EAAA,MAAAH,GAAAG,EAAA,MAAAoB,KAAAA,IAAApB,EAAA,KAHMoB"}

package/dist/core/LimitOrderButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderButton.d.ts","sourceRoot":"","sources":["../../src/core/LimitOrderButton.tsx"],"names":[],"mappings":"AAkDA,wBAAgB,gBAAgB,4CAkD/B"}
+{"version":3,"file":"LimitOrderButton.d.ts","sourceRoot":"","sources":["../../src/core/LimitOrderButton.tsx"],"names":[],"mappings":"AAmDA,wBAAgB,gBAAgB,4CAwE/B"}

package/dist/core/LimitOrderButton.js

@@ -1,66 +1,72 @@
 import { useAtomValue as e } from "./store.js";
-import { limitPayInputAmountWeiAtom as t, limitReceiveInputAmountWeiAtom as n } from "./limit/state/limitInputAmountAtom.js";
-import { useDeltaSwapPriceForLimit as r } from "./limit/useLimitRate.js";
-import { useLimitTokenFromInputProps as i } from "./limit/useLimitTokenFromInputProps.js";
-import { useLimitTokenToInputProps as a } from "./limit/useLimitTokenToInputProps.js";
-import { useLimitButtonExtraProps as o } from "./button/hooks/useWidgetButtonExtraProps.js";
-import { LimitTradeFlowScreenButton as s } from "./TradeFlowScreenButton.js";
-import { ConnectWalletDrawerButton as c } from "./ConnectWalletDrawerButton.js";
-import { c as l } from "react-compiler-runtime";
-import { jsx as u } from "react/jsx-runtime";
-import { useAccount as d } from "wagmi";
+import { isBridgePrice as t } from "../hooks/swap/prices/delta/queries/useDeltaPriceQuery.js";
+import { limitPayInputAmountWeiAtom as n, limitReceiveInputAmountWeiAtom as r } from "./limit/state/limitInputAmountAtom.js";
+import { useDeltaSwapPriceForLimit as i } from "./limit/useLimitRate.js";
+import { useLimitTokenFromInputProps as a } from "./limit/useLimitTokenFromInputProps.js";
+import { useLimitTokenToInputProps as o } from "./limit/useLimitTokenToInputProps.js";
+import { useLimitButtonExtraProps as s } from "./button/hooks/useWidgetButtonExtraProps.js";
+import { LimitTradeFlowScreenButton as c } from "./TradeFlowScreenButton.js";
+import { ConnectWalletDrawerButton as l } from "./ConnectWalletDrawerButton.js";
+import { c as u } from "react-compiler-runtime";
+import { jsx as d } from "react/jsx-runtime";
+import { useAccount as f } from "wagmi";
 //#region src/core/LimitOrderButton.tsx
-function f(e) {
-	let t = l(14), n, r, i, a, o;
+function p(e) {
+	let t = u(14), n, r, i, a, o;
 	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], o = t[5]) : ({orderProps: o, drawerContainer: r, limitPrice: a, labelOverride: i, ...n} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = o);
-	let { isConnected: f } = d();
-	if (!f) {
+	let { isConnected: s } = f();
+	if (!s) {
 		let e;
-		return t[6] !== n || t[7] !== r ? (e = /* @__PURE__ */ u(c, {
+		return t[6] !== n || t[7] !== r ? (e = /* @__PURE__ */ d(l, {
 			drawerContainer: r,
 			...n
 		}), t[6] = n, t[7] = r, t[8] = e) : e = t[8], e;
 	}
 	let p;
-	return t[9] !== n || t[10] !== i || t[11] !== a || t[12] !== o ? (p = /* @__PURE__ */ u(s, {
+	return t[9] !== n || t[10] !== i || t[11] !== a || t[12] !== o ? (p = /* @__PURE__ */ d(c, {
 		orderProps: o,
 		limitPrice: a,
 		labelOverride: i,
 		...n
 	}), t[9] = n, t[10] = i, t[11] = a, t[12] = o, t[13] = p) : p = t[13], p;
 }
-function p() {
-	let s = l(21), c = i(), d = a(), p = e(t), m = e(n), h;
-	s[0] !== c.amount || s[1] !== c.token || s[2] !== d.amount || s[3] !== d.token ? (h = c.token && d.token ? {
-		fromToken: c.token,
-		toToken: d.token,
-		fromAmount: c.amount,
-		toAmount: d.amount
-	} : void 0, s[0] = c.amount, s[1] = c.token, s[2] = d.amount, s[3] = d.token, s[4] = h) : h = s[4];
-	let g = h, { price: _ } = r(), v;
-	s[5] !== _ || s[6] !== p || s[7] !== m || s[8] !== c.token || s[9] !== d.token ? (v = c.token && d.token && m && Number(p) > 0 && Number(m) > 0 && _ ? {
-		srcTokenAddress: c.token.address,
-		destTokenAddress: d.token.address,
-		srcAmount: p,
-		destAmount: m,
-		route: _.route
-	} : void 0, s[5] = _, s[6] = p, s[7] = m, s[8] = c.token, s[9] = d.token, s[10] = v) : v = s[10];
-	let y = v, b;
-	s[11] !== c.token || s[12] !== d.token ? (b = {
-		tokenFrom: c.token,
-		tokenTo: d.token
-	}, s[11] = c.token, s[12] = d.token, s[13] = b) : b = s[13];
-	let x = o(b), S;
-	return s[14] !== x.className || s[15] !== x.disabled || s[16] !== x.labelOverride || s[17] !== x.onClick || s[18] !== y || s[19] !== g ? (S = /* @__PURE__ */ u(f, {
-		orderProps: g,
-		limitPrice: y,
-		disabled: x.disabled,
-		labelOverride: x.labelOverride,
-		className: x.className,
-		onClick: x.onClick
-	}), s[14] = x.className, s[15] = x.disabled, s[16] = x.labelOverride, s[17] = x.onClick, s[18] = y, s[19] = g, s[20] = S) : S = s[20], S;
+function m() {
+	let c = u(24), l = a(), f = o(), m = e(n), h = e(r), g;
+	c[0] !== l.amount || c[1] !== l.token || c[2] !== f.amount || c[3] !== f.token ? (g = l.token && f.token ? {
+		fromToken: l.token,
+		toToken: f.token,
+		fromAmount: l.amount,
+		toAmount: f.amount
+	} : void 0, c[0] = l.amount, c[1] = l.token, c[2] = f.amount, c[3] = f.token, c[4] = g) : g = c[4];
+	let _ = g, v = l.token && f.token && l.token.network !== f.token.network, y;
+	c[5] === v ? y = c[6] : (y = {
+		enabled: v,
+		tradeMode: "limit"
+	}, c[5] = v, c[6] = y);
+	let { price: b } = i(y), x;
+	c[7] !== b || c[8] !== v || c[9] !== m || c[10] !== h || c[11] !== l.token || c[12] !== f.token ? (x = l.token && f.token && h && Number(m) > 0 && Number(h) > 0 ? {
+		srcTokenAddress: l.token.address,
+		destTokenAddress: f.token.address,
+		srcAmount: m,
+		destAmount: h,
+		bridgePrice: v && b && t(b) ? b : void 0
+	} : void 0, v && x && (b && t(b) ? x.bridgePrice = b : x = void 0), c[7] = b, c[8] = v, c[9] = m, c[10] = h, c[11] = l.token, c[12] = f.token, c[13] = x) : x = c[13];
+	let S;
+	c[14] !== l.token || c[15] !== f.token ? (S = {
+		tokenFrom: l.token,
+		tokenTo: f.token
+	}, c[14] = l.token, c[15] = f.token, c[16] = S) : S = c[16];
+	let C = s(S), w;
+	return c[17] !== C.className || c[18] !== C.disabled || c[19] !== C.labelOverride || c[20] !== C.onClick || c[21] !== x || c[22] !== _ ? (w = /* @__PURE__ */ d(p, {
+		orderProps: _,
+		limitPrice: x,
+		disabled: C.disabled,
+		labelOverride: C.labelOverride,
+		className: C.className,
+		onClick: C.onClick
+	}), c[17] = C.className, c[18] = C.disabled, c[19] = C.labelOverride, c[20] = C.onClick, c[21] = x, c[22] = _, c[23] = w) : w = c[23], w;
 }
 //#endregion
-export { p as LimitOrderButton };
+export { m as LimitOrderButton };
 
 //# sourceMappingURL=LimitOrderButton.js.map

package/dist/core/LimitOrderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderButton.js","names":["Button","MinTradeOverviewProps","useAccount","ConnectWalletDrawerButton","LimitTradeFlowScreenButton","UserDefinedLimitPrice","useLimitTokenToInputProps","useLimitTokenFromInputProps","useLimitButtonExtraProps","useAtomValue","limitPayInputAmountWeiAtom","limitReceiveInputAmountWeiAtom","useDeltaSwapPriceForLimit","ButtonWithDrawerProps","React","ComponentProps","orderProps","drawerContainer","HTMLDivElement","limitPrice","labelOverride","LimitOrderDrawerButton","t0","$","_c","buttonProps","isConnected","t1","LimitOrderButton","tokenFromInputProps","tokenToInputProps","payAmountWei","receiveAmountWei","amount","token","fromToken","toToken","fromAmount","toAmount","undefined","price","deltaPrice","Number","srcTokenAddress","address","destTokenAddress","srcAmount","destAmount","route","t2","tokenFrom","tokenTo","extraProps","t3","className","disabled","onClick"],"sources":["../../src/core/LimitOrderButton.tsx"],"sourcesContent":["import type { Button } from \"@/components/ui/button\";\nimport type { MinTradeOverviewProps } from \"@/components/widget/TradeOverview/TradeOverview\";\nimport { useAccount } from \"wagmi\";\nimport { ConnectWalletDrawerButton } from \"./ConnectWalletDrawerButton\";\nimport { LimitTradeFlowScreenButton } from \"./TradeFlowScreenButton\";\nimport type { UserDefinedLimitPrice } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport { useLimitTokenToInputProps } from \"./limit/useLimitTokenToInputProps\";\nimport { useLimitTokenFromInputProps } from \"./limit/useLimitTokenFromInputProps\";\nimport { useLimitButtonExtraProps } from \"./button/hooks/useWidgetButtonExtraProps\";\nimport { useAtomValue } from \"@/core/store\";\nimport {\n  limitPayInputAmountWeiAtom,\n  limitReceiveInputAmountWeiAtom,\n} from \"./limit/state/limitInputAmountAtom\";\nimport { useDeltaSwapPriceForLimit } from \"./limit/useLimitRate\";\n\ntype ButtonWithDrawerProps = React.ComponentProps<typeof Button> & {\n  orderProps?: MinTradeOverviewProps;\n  drawerContainer?: HTMLDivElement | null;\n  limitPrice?: UserDefinedLimitPrice;\n  labelOverride?: string;\n};\n\nfunction LimitOrderDrawerButton({\n  orderProps,\n  drawerContainer,\n  limitPrice,\n  labelOverride,\n  ...buttonProps\n}: ButtonWithDrawerProps) {\n  const { isConnected } = useAccount();\n\n  if (!isConnected)\n    return (\n      <ConnectWalletDrawerButton\n        drawerContainer={drawerContainer}\n        {...buttonProps}\n      />\n    );\n\n  return (\n    <LimitTradeFlowScreenButton\n      orderProps={orderProps}\n      limitPrice={limitPrice}\n      labelOverride={labelOverride}\n      {...buttonProps}\n    />\n  );\n}\n\nexport function LimitOrderButton() {\n  const tokenFromInputProps = useLimitTokenFromInputProps();\n  const tokenToInputProps = useLimitTokenToInputProps();\n\n  const payAmountWei = useAtomValue(limitPayInputAmountWeiAtom);\n  const receiveAmountWei = useAtomValue(limitReceiveInputAmountWeiAtom);\n\n  const orderProps =\n    tokenFromInputProps.token && tokenToInputProps.token\n      ? {\n          fromToken: tokenFromInputProps.token,\n          toToken: tokenToInputProps.token,\n          fromAmount: tokenFromInputProps.amount,\n          toAmount: tokenToInputProps.amount,\n        }\n      : undefined;\n\n  const { price: deltaPrice } = useDeltaSwapPriceForLimit();\n\n  const limitPrice: UserDefinedLimitPrice | undefined =\n    tokenFromInputProps.token &&\n    tokenToInputProps.token &&\n    receiveAmountWei &&\n    Number(payAmountWei) > 0 &&\n    Number(receiveAmountWei) > 0 &&\n    deltaPrice\n      ? {\n          srcTokenAddress: tokenFromInputProps.token.address,\n          destTokenAddress: tokenToInputProps.token.address,\n          srcAmount: payAmountWei,\n          destAmount: receiveAmountWei,\n          route: deltaPrice.route,\n        }\n      : undefined;\n\n  const extraProps = useLimitButtonExtraProps({\n    tokenFrom: tokenFromInputProps.token,\n    tokenTo: tokenToInputProps.token,\n  });\n\n  return (\n    <LimitOrderDrawerButton\n      orderProps={orderProps}\n      limitPrice={limitPrice}\n      disabled={extraProps.disabled}\n      labelOverride={extraProps.labelOverride}\n      className={extraProps.className}\n      onClick={extraProps.onClick}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"LimitOrderButton.js","names":["Button","MinTradeOverviewProps","useAccount","ConnectWalletDrawerButton","LimitTradeFlowScreenButton","UserDefinedLimitPrice","useLimitTokenToInputProps","useLimitTokenFromInputProps","useLimitButtonExtraProps","useAtomValue","limitPayInputAmountWeiAtom","limitReceiveInputAmountWeiAtom","useDeltaSwapPriceForLimit","isBridgePrice","ButtonWithDrawerProps","React","ComponentProps","orderProps","drawerContainer","HTMLDivElement","limitPrice","labelOverride","LimitOrderDrawerButton","t0","$","_c","buttonProps","isConnected","t1","LimitOrderButton","tokenFromInputProps","tokenToInputProps","payAmountWei","receiveAmountWei","amount","token","fromToken","toToken","fromAmount","toAmount","undefined","isCrosschainOrder","network","enabled","tradeMode","price","deltaCrosschainPrice","Number","srcTokenAddress","address","destTokenAddress","srcAmount","destAmount","bridgePrice","t2","tokenFrom","tokenTo","extraProps","t3","className","disabled","onClick"],"sources":["../../src/core/LimitOrderButton.tsx"],"sourcesContent":["import type { Button } from \"@/components/ui/button\";\nimport type { MinTradeOverviewProps } from \"@/components/widget/TradeOverview/TradeOverview\";\nimport { useAccount } from \"wagmi\";\nimport { ConnectWalletDrawerButton } from \"./ConnectWalletDrawerButton\";\nimport { LimitTradeFlowScreenButton } from \"./TradeFlowScreenButton\";\nimport type { UserDefinedLimitPrice } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport { useLimitTokenToInputProps } from \"./limit/useLimitTokenToInputProps\";\nimport { useLimitTokenFromInputProps } from \"./limit/useLimitTokenFromInputProps\";\nimport { useLimitButtonExtraProps } from \"./button/hooks/useWidgetButtonExtraProps\";\nimport { useAtomValue } from \"@/core/store\";\nimport {\n  limitPayInputAmountWeiAtom,\n  limitReceiveInputAmountWeiAtom,\n} from \"./limit/state/limitInputAmountAtom\";\nimport { useDeltaSwapPriceForLimit } from \"./limit/useLimitRate\";\nimport { isBridgePrice } from \"@/hooks/swap/prices/delta/queries/useDeltaPriceQuery\";\n\ntype ButtonWithDrawerProps = React.ComponentProps<typeof Button> & {\n  orderProps?: MinTradeOverviewProps;\n  drawerContainer?: HTMLDivElement | null;\n  limitPrice?: UserDefinedLimitPrice;\n  labelOverride?: string;\n};\n\nfunction LimitOrderDrawerButton({\n  orderProps,\n  drawerContainer,\n  limitPrice,\n  labelOverride,\n  ...buttonProps\n}: ButtonWithDrawerProps) {\n  const { isConnected } = useAccount();\n\n  if (!isConnected)\n    return (\n      <ConnectWalletDrawerButton\n        drawerContainer={drawerContainer}\n        {...buttonProps}\n      />\n    );\n\n  return (\n    <LimitTradeFlowScreenButton\n      orderProps={orderProps}\n      limitPrice={limitPrice}\n      labelOverride={labelOverride}\n      {...buttonProps}\n    />\n  );\n}\n\nexport function LimitOrderButton() {\n  const tokenFromInputProps = useLimitTokenFromInputProps();\n  const tokenToInputProps = useLimitTokenToInputProps();\n\n  const payAmountWei = useAtomValue(limitPayInputAmountWeiAtom);\n  const receiveAmountWei = useAtomValue(limitReceiveInputAmountWeiAtom);\n\n  const orderProps =\n    tokenFromInputProps.token && tokenToInputProps.token\n      ? {\n          fromToken: tokenFromInputProps.token,\n          toToken: tokenToInputProps.token,\n          fromAmount: tokenFromInputProps.amount,\n          toAmount: tokenToInputProps.amount,\n        }\n      : undefined;\n\n  const isCrosschainOrder =\n    tokenFromInputProps.token &&\n    tokenToInputProps.token &&\n    tokenFromInputProps.token.network !== tokenToInputProps.token.network;\n\n  const { price: deltaCrosschainPrice } = useDeltaSwapPriceForLimit({\n    enabled: isCrosschainOrder,\n    tradeMode: \"limit\",\n  });\n\n  let limitPrice: UserDefinedLimitPrice | undefined =\n    tokenFromInputProps.token &&\n    tokenToInputProps.token &&\n    receiveAmountWei &&\n    Number(payAmountWei) > 0 &&\n    Number(receiveAmountWei) > 0\n      ? {\n          srcTokenAddress: tokenFromInputProps.token.address,\n          destTokenAddress: tokenToInputProps.token.address,\n          srcAmount: payAmountWei,\n          destAmount: receiveAmountWei,\n          bridgePrice:\n            isCrosschainOrder &&\n            deltaCrosschainPrice &&\n            isBridgePrice(deltaCrosschainPrice)\n              ? deltaCrosschainPrice\n              : undefined,\n        }\n      : undefined;\n\n  if (isCrosschainOrder && limitPrice) {\n    // for Crosschain LOrder bridgePrice is required\n    if (deltaCrosschainPrice && isBridgePrice(deltaCrosschainPrice)) {\n      limitPrice.bridgePrice = deltaCrosschainPrice;\n    } else {\n      // this will disable the button\n      limitPrice = undefined;\n    }\n  }\n\n  const extraProps = useLimitButtonExtraProps({\n    tokenFrom: tokenFromInputProps.token,\n    tokenTo: tokenToInputProps.token,\n  });\n\n  return (\n    <LimitOrderDrawerButton\n      orderProps={orderProps}\n      limitPrice={limitPrice}\n      disabled={extraProps.disabled}\n      labelOverride={extraProps.labelOverride}\n      className={extraProps.className}\n      onClick={extraProps.onClick}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/core/TradeFlowScreenButton.d.ts

@@ -1,8 +1,9 @@
 import { Button } from '../components/ui/button';
 import { MinTradeOverviewProps } from '../components/widget/TradeOverview/TradeOverview';
-import { DeltaV2, OptimalRate } from '@velora-dex/sdk';
+import { BridgePrice, DeltaPrice, OptimalRate } from '@velora-dex/sdk';
 import { UserDefinedLimitPrice } from '../hooks/swap/tradeFlow/useLimitOrderFlow';
 import { UserDefinedOtcPrice } from '../hooks/otc/tradeFlow/useOtcOrderFlow';
+import { DeltaOrBridgePrice } from '../hooks/swap/prices/types';
 type BaseTradeFlowButtonProps = React.ComponentProps<typeof Button> & {
     orderProps?: MinTradeOverviewProps;
     labelOverride?: string;
@@ -11,7 +12,7 @@ type SwapTradeFlowButtonProps = BaseTradeFlowButtonProps & ({
     price?: OptimalRate;
     priceMode: "market";
 } | {
-    price?: DeltaV2.DeltaPrice;
+    price?: DeltaPrice | BridgePrice;
     priceMode: "delta";
 });
 export declare function SwapTradeFlowScreenButton({ orderProps, price, priceMode, labelOverride, ...buttonProps }: SwapTradeFlowButtonProps): import("react/jsx-runtime").JSX.Element;
@@ -24,7 +25,7 @@ type OtcOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {
 };
 export declare function OtcTradeFlowScreenButton({ orderProps, otcPrice, labelOverride, ...buttonProps }: OtcOrderTradeFlowButtonProps): import("react/jsx-runtime").JSX.Element;
 type TwapTradeFlowButtonProps = BaseTradeFlowButtonProps & {
-    twapPrice?: DeltaV2.DeltaPrice;
+    twapPrice?: DeltaOrBridgePrice;
 };
 export declare function TwapTradeFlowScreenButton({ orderProps, twapPrice, labelOverride, ...buttonProps }: TwapTradeFlowButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/core/TradeFlowScreenButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TradeFlowScreenButton.d.ts","sourceRoot":"","sources":["../../src/core/TradeFlowScreenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAE7F,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAK5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,KAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACpE,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,wBAAwB,GAAG,wBAAwB,GACtD,CACI;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,SAAS,EAAE,QAAQ,CAAA;CAAE,GAC5C;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CACrD,CAAC;AACJ,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,KAAK,EACL,SAAS,EACT,aAAa,EACb,GAAG,WAAW,EACf,EAAE,wBAAwB,2CAqE1B;AAED,KAAK,8BAA8B,GAAG,wBAAwB,GAAG;IAC/D,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,UAAU,EACV,UAAU,EACV,aAAa,EACb,GAAG,WAAW,EACf,EAAE,8BAA8B,2CAgDhC;AAED,KAAK,4BAA4B,GAAG,wBAAwB,GAAG;IAC7D,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACvC,UAAU,EACV,QAAQ,EACR,aAAa,EACb,GAAG,WAAW,EACf,EAAE,4BAA4B,2CAgD9B;AAED,KAAK,wBAAwB,GAAG,wBAAwB,GAAG;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC;CAChC,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,SAAS,EACT,aAAa,EACb,GAAG,WAAW,EACf,EAAE,wBAAwB,2CA2C1B"}
+{"version":3,"file":"TradeFlowScreenButton.d.ts","sourceRoot":"","sources":["../../src/core/TradeFlowScreenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAE7F,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAK5E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,KAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACpE,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,wBAAwB,GAAG,wBAAwB,GACtD,CACI;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,SAAS,EAAE,QAAQ,CAAA;CAAE,GAC5C;IAAE,KAAK,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAC3D,CAAC;AACJ,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,KAAK,EACL,SAAS,EACT,aAAa,EACb,GAAG,WAAW,EACf,EAAE,wBAAwB,2CAqE1B;AAED,KAAK,8BAA8B,GAAG,wBAAwB,GAAG;IAC/D,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,UAAU,EACV,UAAU,EACV,aAAa,EACb,GAAG,WAAW,EACf,EAAE,8BAA8B,2CAgDhC;AAED,KAAK,4BAA4B,GAAG,wBAAwB,GAAG;IAC7D,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACvC,UAAU,EACV,QAAQ,EACR,aAAa,EACb,GAAG,WAAW,EACf,EAAE,4BAA4B,2CAgD9B;AAED,KAAK,wBAAwB,GAAG,wBAAwB,GAAG;IACzD,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAChC,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,SAAS,EACT,aAAa,EACb,GAAG,WAAW,EACf,EAAE,wBAAwB,2CA2C1B"}