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

package/dist/components/widget/SwapRate/SwapRate.d.ts

@@ -1,10 +1,3 @@
-import { Token } from '../../../tokens/state/types';
-export declare const SwapRate: ({ srcToken: _srcToken, destToken: _destToken, srcAmountWei: _srcAmountWei, destAmountWei: _destAmountWei, isLoading, reverse, }: {
-    srcToken: Pick<Token, "address" | "symbol" | "decimals">;
-    destToken?: Pick<Token, "address" | "symbol" | "decimals">;
-    srcAmountWei: string;
-    destAmountWei?: string;
-    isLoading?: boolean;
-    reverse?: boolean;
-}) => string | import("react/jsx-runtime").JSX.Element | null;
+import { SwapRateProps } from './types';
+export declare const SwapRate: ({ srcToken: _srcToken, destToken: _destToken, srcAmountWei: _srcAmountWei, destAmountWei: _destAmountWei, isLoading, reverse, prefix, }: SwapRateProps) => string | import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=SwapRate.d.ts.map

package/dist/components/widget/SwapRate/SwapRate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapRate.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD,eAAO,MAAM,QAAQ,GAAI,iIAOtB;IACD,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;IACzD,SAAS,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;IAC3D,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4DAqCA,CAAC"}
+{"version":3,"file":"SwapRate.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,QAAQ,GAAI,yIAQtB,aAAa,4DA2Cf,CAAC"}

package/dist/components/widget/SwapRate/SwapRate.js

@@ -5,13 +5,13 @@ import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { formatUnits as a } from "viem";
 //#region src/components/widget/SwapRate/SwapRate.tsx
 var o = (o) => {
-	let s = n(13), { srcToken: c, destToken: l, srcAmountWei: u, destAmountWei: d, isLoading: f, reverse: p } = o;
+	let s = n(15), { srcToken: c, destToken: l, srcAmountWei: u, destAmountWei: d, isLoading: f, reverse: p, prefix: m } = o;
 	if (!l) return null;
-	let m, h, g, _;
-	if (s[0] !== d || s[1] !== l || s[2] !== u || s[3] !== c || s[4] !== f || s[5] !== p) {
-		_ = Symbol.for("react.early_return_sentinel");
+	let h, g, _, v;
+	if (s[0] !== d || s[1] !== l || s[2] !== u || s[3] !== c || s[4] !== f || s[5] !== m || s[6] !== p) {
+		v = Symbol.for("react.early_return_sentinel");
 		bb0: {
-			let { srcToken: n, destToken: o, srcAmountWei: v, destAmountWei: y } = p ? {
+			let { srcToken: n, destToken: o, srcAmountWei: y, destAmountWei: b } = p ? {
 				srcToken: l,
 				destToken: c,
 				srcAmountWei: d,
@@ -22,31 +22,35 @@ var o = (o) => {
 				srcAmountWei: u,
 				destAmountWei: d
 			};
-			if (h = n, m = o, f) {
-				let t = `1 ${h.symbol ?? h.address} =`, n;
-				s[10] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ r(e, { className: "w-[42px] h-[12px] bg-contrast-6 dark:bg-contrast-5" }), s[10] = n) : n = s[10];
+			if (g = n, h = o, f) {
+				let t = `1 ${g.symbol ?? g.address} =`, n;
+				s[11] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ r(e, { className: "w-[42px] h-[12px] bg-contrast-6 dark:bg-contrast-5" }), s[11] = n) : n = s[11];
 				let a;
-				s[11] === t ? a = s[12] : (a = /* @__PURE__ */ i("div", {
+				s[12] !== m || s[13] !== t ? (a = /* @__PURE__ */ i("div", {
 					className: "flex items-center gap-1",
 					children: [
+						m,
+						" ",
 						t,
 						" ",
 						n
 					]
-				}), s[11] = t, s[12] = a), _ = a;
+				}), s[12] = m, s[13] = t, s[14] = a) : a = s[14], v = a;
 				break bb0;
 			}
-			if (v === void 0 || y === void 0) {
-				_ = null;
+			if (y === void 0 || b === void 0) {
+				v = null;
 				break bb0;
 			}
-			g = t(a(BigInt(v), h.decimals), a(BigInt(y), m.decimals))?.rateFormatted;
+			_ = t(a(BigInt(y), g.decimals), a(BigInt(b), h.decimals))?.rateFormatted;
 		}
-		s[0] = d, s[1] = l, s[2] = u, s[3] = c, s[4] = f, s[5] = p, s[6] = m, s[7] = h, s[8] = g, s[9] = _;
-	} else m = s[6], h = s[7], g = s[8], _ = s[9];
-	if (_ !== Symbol.for("react.early_return_sentinel")) return _;
-	let v = g;
-	return v ? `1 ${h.symbol ?? h.address} = ${v} ${m.symbol ?? m.address}` : null;
+		s[0] = d, s[1] = l, s[2] = u, s[3] = c, s[4] = f, s[5] = m, s[6] = p, s[7] = h, s[8] = g, s[9] = _, s[10] = v;
+	} else h = s[7], g = s[8], _ = s[9], v = s[10];
+	if (v !== Symbol.for("react.early_return_sentinel")) return v;
+	let y = _;
+	if (!y) return "-";
+	let b = `1 ${g.symbol ?? g.address} = ${y} ${h.symbol ?? h.address}`;
+	return m ? `${m} ${b}` : b;
 };
 //#endregion
 export { o as SwapRate };

package/dist/components/widget/SwapRate/SwapRate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwapRate.js","names":["Skeleton","calcRate","Token","formatUnits","SwapRate","t0","$","_c","srcToken","_srcToken","destToken","_destToken","srcAmountWei","_srcAmountWei","destAmountWei","_destAmountWei","isLoading","reverse","t1","t2","Symbol","for","bb0","t3","t4","t5","symbol","address","t6","t7","undefined","srcUnits","BigInt","decimals","destUnits","rateFormatted"],"sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { formatUnits } from \"viem\";\n\nexport const SwapRate = ({\n  srcToken: _srcToken,\n  destToken: _destToken,\n  srcAmountWei: _srcAmountWei,\n  destAmountWei: _destAmountWei,\n  isLoading,\n  reverse,\n}: {\n  srcToken: Pick<Token, \"address\" | \"symbol\" | \"decimals\">;\n  destToken?: Pick<Token, \"address\" | \"symbol\" | \"decimals\">;\n  srcAmountWei: string;\n  destAmountWei?: string;\n  isLoading?: boolean;\n  reverse?: boolean;\n}) => {\n  if (!_destToken) return null;\n\n  const { srcToken, destToken, srcAmountWei, destAmountWei } = reverse\n    ? {\n        srcToken: _destToken,\n        destToken: _srcToken,\n        srcAmountWei: _destAmountWei,\n        destAmountWei: _srcAmountWei,\n      }\n    : {\n        srcToken: _srcToken,\n        destToken: _destToken,\n        srcAmountWei: _srcAmountWei,\n        destAmountWei: _destAmountWei,\n      };\n\n  if (isLoading)\n    return (\n      <div className=\"flex items-center gap-1\">\n        {`1 ${srcToken.symbol ?? srcToken.address} =`}{\" \"}\n        <Skeleton className=\"w-[42px] h-[12px] bg-contrast-6 dark:bg-contrast-5\" />\n      </div>\n    );\n\n  if (srcAmountWei === undefined || destAmountWei === undefined) return null;\n\n  const srcUnits = formatUnits(BigInt(srcAmountWei), srcToken.decimals);\n  const destUnits = formatUnits(BigInt(destAmountWei), destToken.decimals);\n\n  const rateFormatted = calcRate(srcUnits, destUnits)?.rateFormatted;\n  if (!rateFormatted) {\n    // will happen when destAmount is not yet filled from the first price fetch (=\"0\")\n    return null;\n  }\n\n  return `1 ${srcToken.symbol ?? srcToken.address} = ${rateFormatted} ${destToken.symbol ?? destToken.address}`;\n};\n"],"mappings":";;;;;;AAKA,IAAaI,KAAWC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,GAAAC,WAAAC,GAAAC,cAAAC,GAAAC,eAAAC,GAAAC,cAAAC,eAAAZ;AAevB,KAAI,CAACM,EAAU,QAAS;CAAK,IAAAD,GAAAF,GAAAU,GAAAC;AAAA,KAAAb,EAAA,OAAAS,KAAAT,EAAA,OAAAK,KAAAL,EAAA,OAAAO,KAAAP,EAAA,OAAAG,KAAAH,EAAA,OAAAU,KAAAV,EAAA,OAAAW,GAAA;AAkBzBE,MAAAC,OAGMC,IAHN,8BAGM;AAAAC,OAAA;GAnBV,IAAA,EAAAd,UAAAe,GAAAb,WAAAc,GAAAZ,iBAAAE,qBAA6DG,IAAA;IAAAT,UAE7CG;IAAUD,WACTD;IAASG,cACNG;IAAcD,eACbD;IAOhB,GAZwD;IAAAL,UAQ7CC;IAASC,WACRC;IAAUC,cACPC;IAAaC,eACZC;IAChB;AAEL,OAdAP,IAAAe,GAAAb,IAAAc,GAcIR,GAAS;IAGN,IAAAS,IAAA,KAAKjB,EAAQkB,UAAWlB,EAAQmB,QAAQ,KAAIC;AAAA,IAAAtB,EAAA,QAAAc,OAAAC,IAAA,4BAAA,IAC7CO,IAAA,kBAAC,GAAD,EAAoB,WAAA,sDAAuD,CAAA,EAAAtB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA;IAAA,IAAAuB;AAF7EV,IAE6Eb,EAAA,QAAAmB,IACvEI,IAAAvB,EAAA,OAHNuB,IAAA,kBAAA,OAAA;KAAe,WAAA;eAAf;MACGJ;MAA8C;MAC/CG;MACI;QAAAtB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAuB,IAHNV,IAAAU;AAAA,UAAAP;;AAMJ,OAAIV,MAAiBkB,KAAAA,KAAahB,MAAkBgB,KAAAA,GAAS;AAASX,QAAA;AAAA,UAAAG;;AAKhDJ,OAAAjB,EAHLE,EAAY6B,OAAOpB,EAAa,EAAEJ,EAAQyB,SAAU,EACnD9B,EAAY6B,OAAOlB,EAAc,EAAEJ,EAASuB,SAAU,CAEN,EAAAE;;AAAA7B,EAAAA,EAAA,KAAAS,GAAAT,EAAA,KAAAK,GAAAL,EAAA,KAAAO,GAAAP,EAAA,KAAAG,GAAAH,EAAA,KAAAU,GAAAV,EAAA,KAAAW,GAAAX,EAAA,KAAAI,GAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAY,GAAAZ,EAAA,KAAAa;OAAAA,CAAAT,IAAAJ,EAAA,IAAAE,IAAAF,EAAA,IAAAY,IAAAZ,EAAA,IAAAa,IAAAb,EAAA;AAAA,KAAAa,MAAAC,OAAAC,IAAA,8BAAA,CAAA,QAAAF;CAAlE,IAAAgB,IAAsBjB;AAIrB,QAHIiB,IAKE,KAAK3B,EAAQkB,UAAWlB,EAAQmB,QAAQ,KAAMQ,EAAa,GAAIzB,EAASgB,UAAWhB,EAASiB,YAH1F"}
+{"version":3,"file":"SwapRate.js","names":["Skeleton","calcRate","formatUnits","SwapRateProps","SwapRate","t0","$","_c","srcToken","_srcToken","destToken","_destToken","srcAmountWei","_srcAmountWei","destAmountWei","_destAmountWei","isLoading","reverse","prefix","t1","t2","Symbol","for","bb0","t3","t4","t5","symbol","address","t6","t7","undefined","srcUnits","BigInt","decimals","destUnits","rateFormatted","rateText"],"sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport { formatUnits } from \"viem\";\nimport type { SwapRateProps } from \"./types\";\n\nexport const SwapRate = ({\n  srcToken: _srcToken,\n  destToken: _destToken,\n  srcAmountWei: _srcAmountWei,\n  destAmountWei: _destAmountWei,\n  isLoading,\n  reverse,\n  prefix,\n}: SwapRateProps) => {\n  if (!_destToken) return null;\n\n  const { srcToken, destToken, srcAmountWei, destAmountWei } = reverse\n    ? {\n        srcToken: _destToken,\n        destToken: _srcToken,\n        srcAmountWei: _destAmountWei,\n        destAmountWei: _srcAmountWei,\n      }\n    : {\n        srcToken: _srcToken,\n        destToken: _destToken,\n        srcAmountWei: _srcAmountWei,\n        destAmountWei: _destAmountWei,\n      };\n\n  if (isLoading)\n    return (\n      <div className=\"flex items-center gap-1\">\n        {prefix} {`1 ${srcToken.symbol ?? srcToken.address} =`}{\" \"}\n        <Skeleton className=\"w-[42px] h-[12px] bg-contrast-6 dark:bg-contrast-5\" />\n      </div>\n    );\n\n  if (srcAmountWei === undefined || destAmountWei === undefined) return null;\n\n  const srcUnits = formatUnits(BigInt(srcAmountWei), srcToken.decimals);\n  const destUnits = formatUnits(BigInt(destAmountWei), destToken.decimals);\n\n  const rateFormatted = calcRate(srcUnits, destUnits)?.rateFormatted;\n  if (!rateFormatted) {\n    // will happen when destAmount is not yet filled from the first price fetch (=\"0\")\n    return \"-\";\n  }\n\n  const rateText = `1 ${srcToken.symbol ?? srcToken.address} = ${rateFormatted} ${destToken.symbol ?? destToken.address}`;\n\n  if (prefix) {\n    return `${prefix} ${rateText}`;\n  }\n\n  return rateText;\n};\n"],"mappings":";;;;;;AAKA,IAAaI,KAAWC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,GAAAC,WAAAC,GAAAC,cAAAC,GAAAC,eAAAC,GAAAC,cAAAC,YAAAC,cAAAb;AASvB,KAAI,CAACM,EAAU,QAAS;CAAK,IAAAD,GAAAF,GAAAW,GAAAC;AAAA,KAAAd,EAAA,OAAAS,KAAAT,EAAA,OAAAK,KAAAL,EAAA,OAAAO,KAAAP,EAAA,OAAAG,KAAAH,EAAA,OAAAU,KAAAV,EAAA,OAAAY,KAAAZ,EAAA,OAAAW,GAAA;AAkBzBG,MAAAC,OAGMC,IAHN,8BAGM;AAAAC,OAAA;GAnBV,IAAA,EAAAf,UAAAgB,GAAAd,WAAAe,GAAAb,iBAAAE,qBAA6DG,IAAA;IAAAT,UAE7CG;IAAUD,WACTD;IAASG,cACNG;IAAcD,eACbD;IAOhB,GAZwD;IAAAL,UAQ7CC;IAASC,WACRC;IAAUC,cACPC;IAAaC,eACZC;IAChB;AAEL,OAdAP,IAAAgB,GAAAd,IAAAe,GAcIT,GAAS;IAGG,IAAAU,IAAA,KAAKlB,EAAQmB,UAAWnB,EAAQoB,QAAQ,KAAIC;AAAA,IAAAvB,EAAA,QAAAe,OAAAC,IAAA,4BAAA,IACtDO,IAAA,kBAAC,GAAD,EAAoB,WAAA,sDAAuD,CAAA,EAAAvB,EAAA,MAAAuB,KAAAA,IAAAvB,EAAA;IAAA,IAAAwB;AAF7EV,IAE6Ed,EAAA,QAAAY,KAAAZ,EAAA,QAAAoB,KAF7EI,IAAA,kBAAA,OAAA;KAAe,WAAA;eAAf;MACGZ;MAAO;MAAEQ;MAA8C;MACxDG;MACI;QAAAvB,EAAA,MAAAY,GAAAZ,EAAA,MAAAoB,GAAApB,EAAA,MAAAwB,KAAAA,IAAAxB,EAAA,KAHNc,IAAAU;AAAA,UAAAP;;AAMJ,OAAIX,MAAiBmB,KAAAA,KAAajB,MAAkBiB,KAAAA,GAAS;AAASX,QAAA;AAAA,UAAAG;;AAKhDJ,OAAAlB,EAHLC,EAAY+B,OAAOrB,EAAa,EAAEJ,EAAQ0B,SAAU,EACnDhC,EAAY+B,OAAOnB,EAAc,EAAEJ,EAASwB,SAAU,CAEN,EAAAE;;AAAA9B,EAAAA,EAAA,KAAAS,GAAAT,EAAA,KAAAK,GAAAL,EAAA,KAAAO,GAAAP,EAAA,KAAAG,GAAAH,EAAA,KAAAU,GAAAV,EAAA,KAAAY,GAAAZ,EAAA,KAAAW,GAAAX,EAAA,KAAAI,GAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAa,GAAAb,EAAA,MAAAc;OAAAA,CAAAV,IAAAJ,EAAA,IAAAE,IAAAF,EAAA,IAAAa,IAAAb,EAAA,IAAAc,IAAAd,EAAA;AAAA,KAAAc,MAAAC,OAAAC,IAAA,8BAAA,CAAA,QAAAF;CAAlE,IAAAgB,IAAsBjB;AACtB,KAAI,CAACiB,EAAa,QAET;CAGT,IAAAC,IAAiB,KAAK7B,EAAQmB,UAAWnB,EAAQoB,QAAQ,KAAMQ,EAAa,GAAI1B,EAASiB,UAAWjB,EAASkB;AAI5G,QAFGV,IACK,GAAGA,EAAM,GAAImB,MAGfA"}

package/dist/components/widget/SwapRate/types.d.ts

@@ -0,0 +1,13 @@
+import { Token } from '../../../tokens/state/types';
+type MinToken = Pick<Token, "address" | "symbol" | "decimals">;
+export type SwapRateProps = {
+    srcToken: MinToken;
+    destToken?: MinToken;
+    srcAmountWei: string;
+    destAmountWei?: string;
+    isLoading?: boolean;
+    reverse?: boolean;
+    prefix?: string;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/widget/SwapRate/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRate/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;AAE/D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.d.ts

@@ -0,0 +1,7 @@
+import { PriceImpactDetail } from '../../../core/swapDetails/types';
+import { SwapRateProps } from '../SwapRate/types';
+export declare const SwapRateWithPriceImpactRow: ({ priceImpactDetail, swapRateProps, }: {
+    priceImpactDetail: PriceImpactDetail;
+    swapRateProps: SwapRateProps;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SwapRateWithPriceImpactRow.d.ts.map

package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapRateWithPriceImpactRow.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,eAAO,MAAM,0BAA0B,GAAI,uCAGxC;IACD,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;CAC9B,4CAiDA,CAAC"}

package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.js

@@ -0,0 +1,50 @@
+import { cn as e } from "../../../lib/utils/index.js";
+import { Skeleton as t } from "../../ui/skeleton.js";
+import { Tooltip as n, TooltipContent as r, TooltipTrigger as i } from "../../ui/tooltip.js";
+import { SwapRate as a } from "../SwapRate/SwapRate.js";
+import { ForwardRef as o } from "../../../assets/price-impact.js";
+import { c as s } from "react-compiler-runtime";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx
+var u = (u) => {
+	let d = s(22), { priceImpactDetail: f, swapRateProps: p } = u, { isHighImpact: m, isMediumImpact: h, isUnavailable: g, value: _, isLoading: v, classes: y } = f, b;
+	d[0] === p ? b = d[1] : (b = /* @__PURE__ */ c(i, {
+		asChild: !0,
+		children: /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(a, { ...p }) })
+	}), d[0] = p, d[1] = b);
+	let x;
+	d[2] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ c(r, { children: "Best price for this trade based on the current market conditions" }), d[2] = x) : x = d[2];
+	let S;
+	d[3] === b ? S = d[4] : (S = /* @__PURE__ */ l(n, { children: [b, x] }), d[3] = b, d[4] = S);
+	let C;
+	d[5] !== m || d[6] !== h || d[7] !== g ? (C = !m && /* @__PURE__ */ c(o, { className: e("size-[16px]", {
+		"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1": h,
+		"text-secondary-radical-red-2 dark:text-secondary-radical-red-2": g
+	}) }), d[5] = m, d[6] = h, d[7] = g, d[8] = C) : C = d[8];
+	let w;
+	d[9] !== y?.value || d[10] !== v || d[11] !== _ ? (w = v ? /* @__PURE__ */ c(t, { className: "bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]" }) : /* @__PURE__ */ c("div", {
+		className: e(y?.value, "text-nowrap"),
+		children: _ ?? "-"
+	}), d[9] = y?.value, d[10] = v, d[11] = _, d[12] = w) : w = d[12];
+	let T;
+	d[13] !== C || d[14] !== w ? (T = /* @__PURE__ */ c(i, {
+		asChild: !0,
+		children: /* @__PURE__ */ l("div", {
+			className: "flex items-center gap-1",
+			children: [C, w]
+		})
+	}), d[13] = C, d[14] = w, d[15] = T) : T = d[15];
+	let E;
+	d[16] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ c(r, { children: "Price Impact" }), d[16] = E) : E = d[16];
+	let D;
+	d[17] === T ? D = d[18] : (D = /* @__PURE__ */ l(n, { children: [T, E] }), d[17] = T, d[18] = D);
+	let O;
+	return d[19] !== S || d[20] !== D ? (O = /* @__PURE__ */ l("div", {
+		className: "flex items-center justify-between",
+		children: [S, D]
+	}), d[19] = S, d[20] = D, d[21] = O) : O = d[21], O;
+};
+//#endregion
+export { u as SwapRateWithPriceImpactRow };
+
+//# sourceMappingURL=SwapRateWithPriceImpactRow.js.map

package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapRateWithPriceImpactRow.js","names":["Tooltip","TooltipContent","TooltipTrigger","ReactComponent","PriceImpactSVG","cn","Skeleton","PriceImpactDetail","SwapRate","SwapRateProps","SwapRateWithPriceImpactRow","t0","$","_c","priceImpactDetail","swapRateProps","isHighImpact","isMediumImpact","isUnavailable","value","priceImpactValue","isLoading","classes","t1","t2","Symbol","for","t3","t4","t5","t6","t7","t8","t9"],"sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"sourcesContent":["import {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { ReactComponent as PriceImpactSVG } from \"@/assets/price-impact.svg\";\nimport { cn } from \"@/lib/utils\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport type { PriceImpactDetail } from \"@/core/swapDetails/types\";\nimport { SwapRate } from \"../SwapRate/SwapRate\";\nimport type { SwapRateProps } from \"../SwapRate/types\";\n\nexport const SwapRateWithPriceImpactRow = ({\n  priceImpactDetail,\n  swapRateProps,\n}: {\n  priceImpactDetail: PriceImpactDetail;\n  swapRateProps: SwapRateProps;\n}) => {\n  const {\n    isHighImpact,\n    isMediumImpact,\n    isUnavailable,\n    value: priceImpactValue,\n    isLoading,\n    classes,\n  } = priceImpactDetail;\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div>\n            <SwapRate {...swapRateProps} />\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>\n          Best price for this trade based on the current market conditions\n        </TooltipContent>\n      </Tooltip>\n\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div className=\"flex items-center gap-1\">\n            {!isHighImpact && (\n              <PriceImpactSVG\n                className={cn(\"size-[16px]\", {\n                  \"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1\":\n                    isMediumImpact,\n                  \"text-secondary-radical-red-2 dark:text-secondary-radical-red-2\":\n                    isUnavailable,\n                })}\n              />\n            )}\n            {isLoading ? (\n              <Skeleton className=\"bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]\" />\n            ) : (\n              <div className={cn(classes?.value, \"text-nowrap\")}>\n                {priceImpactValue ?? \"-\"}\n              </div>\n            )}\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>Price Impact</TooltipContent>\n      </Tooltip>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAYA,IAAaU,KAA6BC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,sBAAAC,qBAAAJ,GAOzC,EAAAK,iBAAAC,mBAAAC,kBAAAC,OAAAC,GAAAC,cAAAC,eAOIR,GAAkBS;AAAA,CAAAX,EAAA,OAAAG,IASCQ,IAAAX,EAAA,MAJjBW,IAAA,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAA,OAAA,EAAA,UACE,kBAAC,GAAD,EAAS,GAAKR,GAChB,CAAA,EACF,CAAA;EAAiB,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAW;CAAA,IAAAC;AAAA,CAAAZ,EAAA,OAAAa,OAAAC,IAAA,4BAAA,IACjBF,IAAA,kBAAC,GAAD,EAAA,UAAgB,oEAEC,CAAA,EAAAZ,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAe;AAAA,CAAAf,EAAA,OAAAW,IACTI,IAAAf,EAAA,MATVe,IAAA,kBAAC,GAAD,EAAA,UAAA,CACEJ,GAKAC,EAGQ,EAAA,CAAA,EAAAZ,EAAA,KAAAW,GAAAX,EAAA,KAAAe;CAAA,IAAAC;AAAA,CAAAhB,EAAA,OAAAI,KAAAJ,EAAA,OAAAK,KAAAL,EAAA,OAAAM,KAKHU,IAAA,CAACZ,KACA,kBAAC,GAAD,EACa,WAAAX,EAAG,eAAe;EAAA,kEAEzBY;EAAc,kEAEdC;EACH,CAAA,EAEJ,CAAA,EAAAN,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAgB,KAAAA,IAAAhB,EAAA;CAAA,IAAAiB;AAAA,CAAAjB,EAAA,OAAAU,GAAAH,SAAAP,EAAA,QAAAS,KAAAT,EAAA,QAAAQ,KACAS,IAAAR,IACC,kBAAC,GAAD,EAAoB,WAAA,0DAKrB,CAAA,GAHC,kBAAA,OAAA;EAAgB,WAAAhB,EAAGiB,GAAOH,OAAS,cAAa;YAC7CC,KAAA;EAEJ,CAAA,EAAAR,EAAA,KAAAU,GAAAH,OAAAP,EAAA,MAAAS,GAAAT,EAAA,MAAAQ,GAAAR,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA;CAAA,IAAAkB;AAAA,CAAAlB,EAAA,QAAAgB,KAAAhB,EAAA,QAAAiB,KAlBLC,IAAA,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAA,OAAA;GAAe,WAAA;aAAf,CACGF,GAUAC,EAQL;;EAAiB,CAAA,EAAAjB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,KAAAA,IAAAlB,EAAA;CAAA,IAAAmB;AAAA,CAAAnB,EAAA,QAAAa,OAAAC,IAAA,4BAAA,IACjBK,IAAA,kBAAC,GAAD,EAAA,UAAgB,gBAA6B,CAAA,EAAAnB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA;CAAA,IAAAoB;AAAA,CAAApB,EAAA,QAAAkB,IACrCE,IAAApB,EAAA,OAvBVoB,IAAA,kBAAC,GAAD,EAAA,UAAA,CACEF,GAqBAC,EACQ,EAAA,CAAA,EAAAnB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAoB;CAAA,IAAAC;AACN,QADMrB,EAAA,QAAAe,KAAAf,EAAA,QAAAoB,KAnCZC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEN,GAWAK,EAwBI;KAAApB,EAAA,MAAAe,GAAAf,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA,KApCNqB"}

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

@@ -1 +1 @@
-{"version":3,"file":"DeltaOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiB/D,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAChB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAyB9B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,UAAU,GAAG,WAAW,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAmIF,eAAO,MAAM,6BAA6B,GACxC,OAAO,gCAAgC,4CAIxC,CAAC"}
+{"version":3,"file":"DeltaOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS/D,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAChB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAyB9B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,UAAU,GAAG,WAAW,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA6GF,eAAO,MAAM,6BAA6B,GACxC,OAAO,gCAAgC,4CAIxC,CAAC"}

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

@@ -1,33 +1,30 @@
-import { isOrderCrosschain as e } from "../../../hooks/swap/prices/delta/orders/utils.js";
-import { amountAfterSlippage as t } from "../../../lib/utils/slippage.js";
-import { useSlippage as n } from "../../../hooks/useSlippage.js";
-import { getSwapSideFromDeltaOrder as r, getSwapSideFromDeltaPrice as i } from "../../../hooks/swap/prices/delta/queries/utils.js";
-import { useCurrentSwapPrice as a } from "../../../hooks/swap/prices/useSwapPrices.js";
-import { addDeltaOrderToast as o } from "../../../lib/utils/toasts.js";
-import { handleTxSent as s } from "../../../lib/utils/transactionHandlers.js";
-import { DeltaOrderSteps as c } from "./steps.js";
-import { TradeOverview as l } from "./TradeOverview.js";
-import { useDeltaSwapStep as u } from "../../../hooks/swap/tradeFlow/useDeltaSwapStep.js";
-import { useSwapAmountsWithSlippage as d } from "./utils/useSwapAmountsWithSlippage.js";
-import { useRunOnMount as f } from "../../../core/screen/hooks/useRunOnMount.js";
-import { c as p } from "react-compiler-runtime";
-import { jsx as m } from "react/jsx-runtime";
+import { getSwapSideFromDeltaPrice as e, getUnifiedDeltaOrderData as t } from "../../../hooks/swap/prices/delta/orders/utils.js";
+import { useCurrentSwapPrice as n } from "../../../hooks/swap/prices/useSwapPrices.js";
+import { addDeltaOrderToast as r } from "../../../lib/utils/toasts.js";
+import { handleTxSent as i } from "../../../lib/utils/transactionHandlers.js";
+import { DeltaOrderSteps as a } from "./steps.js";
+import { TradeOverview as o } from "./TradeOverview.js";
+import { useDeltaSwapStep as s } from "../../../hooks/swap/tradeFlow/useDeltaSwapStep.js";
+import { useSwapAmountsWithSlippage as c } from "./utils/useSwapAmountsWithSlippage.js";
+import { useRunOnMount as l } from "../../../core/screen/hooks/useRunOnMount.js";
+import { c as u } from "react-compiler-runtime";
+import { jsx as d } from "react/jsx-runtime";
 //#region src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx
-function h(e) {
-	let t = p(20), { fromToken: n, toToken: r, fromAmount: i, toAmount: a, swapSide: o, onDismiss: s, onHelp: u, onCancelFlow: d, onCancelOrder: f, 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] !== d || t[8] !== f || t[9] !== s || t[10] !== u || t[11] !== g || t[12] !== h || t[13] !== v || t[14] !== x || t[15] !== o || t[16] !== a || t[17] !== r || t[18] !== w ? (T = /* @__PURE__ */ m(l, {
+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, {
 		fromToken: n,
 		toToken: r,
 		fromAmount: i,
-		toAmount: a,
-		swapSide: o,
-		steps: c,
+		toAmount: s,
+		swapSide: c,
+		steps: a,
 		activeStep: _,
 		orderCancellationStep: v,
-		onDismiss: s,
-		onHelp: u,
-		onCancelFlow: d,
-		onCancelOrder: f,
+		onDismiss: l,
+		onHelp: f,
+		onCancelFlow: p,
+		onCancelOrder: m,
 		onResubmit: h,
 		onRestartFlow: g,
 		isFlowCancellable: y,
@@ -36,85 +33,80 @@ function h(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] = d, t[8] = f, t[9] = s, t[10] = u, t[11] = g, t[12] = h, t[13] = v, t[14] = x, t[15] = o, t[16] = a, 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] = 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;
 }
-function g(a) {
-	let c = p(45), { orderProps: l, deltaPrice: g, onClose: _ } = a, { resolvedSlippage: v } = n("swap"), y;
-	c[0] === g ? y = c[1] : (y = { deltaPrice: g }, c[0] = g, c[1] = y);
-	let { step: b, orderCancellationStep: x, startDeltaSwap: S, cancelDeltaOrder: C, cancelFlow: w, retryFlow: T, goToBeforeSwap: E, isNonFlowStep: D, isFlowCancellable: O, isOrderCancellable: k, reset: A, explorerLink: j, result: M, usedPrice: N, submittedDeltaOrder: P, error: F, erroredStep: I, tradeFlowType: L } = u(y), R;
-	c[2] !== D || c[3] !== S ? (R = () => {
-		D || S({
-			onTxSent: s,
-			onOrderSent: o
+function p(n) {
+	let a = u(44), { orderProps: o, deltaPrice: p, onClose: m } = n, h;
+	a[0] === p ? h = a[1] : (h = { deltaPrice: p }, a[0] = p, a[1] = h);
+	let { step: g, orderCancellationStep: _, startDeltaSwap: v, cancelDeltaOrder: y, cancelFlow: b, retryFlow: x, goToBeforeSwap: S, isNonFlowStep: C, isFlowCancellable: w, isOrderCancellable: T, reset: E, explorerLink: D, result: O, usedPrice: k, submittedDeltaOrder: A, error: j, erroredStep: M, tradeFlowType: N } = s(h), P;
+	a[2] !== C || a[3] !== v ? (P = () => {
+		C || v({
+			onTxSent: i,
+			onOrderSent: r
 		});
-	}, c[2] = D, c[3] = S, c[4] = R) : R = c[4], f(R);
-	let z;
-	if (P) if (c[5] !== v || c[6] !== P.bridgeMetadata?.outputAmount || c[7] !== P.order || c[8] !== N) {
-		let n = r(P.order);
-		if (z = {
-			srcAmount: P.order.srcAmount,
-			destAmount: P.order.destAmount,
-			swapSide: n
-		}, e(P.order)) {
-			let e = N && N.srcToken.toLowerCase() === N.destToken.toLowerCase(), r = n === "SELL" && N && !e ? t(N.destAmount, v, n).toFixed(0) : void 0;
-			z.destAmount = P.bridgeMetadata?.outputAmount || r || z.destAmount;
-		}
-		c[5] = v, c[6] = P.bridgeMetadata?.outputAmount, c[7] = P.order, c[8] = N, c[9] = z;
-	} else z = c[9];
-	let B;
-	c[10] === N ? B = c[11] : (B = N ? {
-		srcAmount: N.srcAmount,
-		destAmount: N.receivedDestAmount,
-		swapSide: i(N)
-	} : void 0, c[10] = N, c[11] = B);
-	let V = B, H;
-	c[12] !== l.fromAmount || c[13] !== l.swapSide || c[14] !== l.toAmount ? (H = {
-		srcAmount: l.fromAmount,
-		destAmount: l.toAmount,
-		swapSide: l.swapSide
-	}, c[12] = l.fromAmount, c[13] = l.swapSide, c[14] = l.toAmount, c[15] = H) : H = c[15];
-	let U;
-	c[16] !== g || c[17] !== l.fromToken || c[18] !== l.toToken || c[19] !== z || c[20] !== H || c[21] !== V ? (U = {
-		submittedSwapWei: z,
-		usedPriceWei: V,
-		formDataUnit: H,
-		fromToken: l.fromToken,
-		toToken: l.toToken,
-		price: g
-	}, c[16] = g, c[17] = l.fromToken, c[18] = l.toToken, c[19] = z, c[20] = H, c[21] = V, c[22] = U) : U = c[22];
-	let W = d(U), G;
-	c[23] !== _ || c[24] !== A ? (G = () => {
-		_?.(), A();
-	}, c[23] = _, c[24] = A, c[25] = G) : G = c[25];
-	let K = G, q = k ? C : void 0, J;
-	return c[26] !== W.destAmount || c[27] !== W.srcAmount || c[28] !== W.swapSide || c[29] !== w || c[30] !== F || c[31] !== I || c[32] !== j || c[33] !== E || c[34] !== O || c[35] !== q || c[36] !== K || c[37] !== x || c[38] !== l.fromToken || c[39] !== l.toToken || c[40] !== M || c[41] !== T || c[42] !== b || c[43] !== L ? (J = /* @__PURE__ */ m(h, {
-		fromToken: l.fromToken,
-		toToken: l.toToken,
-		fromAmount: W.srcAmount,
-		toAmount: W.destAmount,
-		swapSide: W.swapSide,
-		onDismiss: K,
-		onCancelFlow: w,
-		onCancelOrder: q,
-		onRestartFlow: T,
-		onResubmit: E,
-		activeStep: b,
-		orderCancellationStep: x,
-		isFlowCancellable: O,
-		explorerLink: j,
-		result: M,
-		error: F,
-		erroredStep: I,
-		tradeFlowType: L
-	}), c[26] = W.destAmount, c[27] = W.srcAmount, c[28] = W.swapSide, c[29] = w, c[30] = F, c[31] = I, c[32] = j, c[33] = E, c[34] = O, c[35] = q, c[36] = K, c[37] = x, c[38] = l.fromToken, c[39] = l.toToken, c[40] = M, c[41] = T, c[42] = b, c[43] = L, c[44] = J) : J = c[44], J;
+	}, a[2] = C, a[3] = v, a[4] = P) : P = a[4], l(P);
+	let F;
+	a[5] === A ? F = a[6] : (F = A ? t(A) : void 0, a[5] = A, a[6] = F);
+	let I = F, L;
+	a[7] === I ? L = a[8] : (L = I ? {
+		srcAmount: I.srcAmount,
+		destAmount: I.destAmount,
+		swapSide: I.swapSide
+	} : void 0, a[7] = I, a[8] = L);
+	let R = L, z;
+	a[9] === k ? z = a[10] : (z = k ? {
+		srcAmount: k.srcAmount,
+		destAmount: k.receivedDestAmount,
+		swapSide: e(k)
+	} : void 0, a[9] = k, a[10] = z);
+	let B = z, V;
+	a[11] !== o.fromAmount || a[12] !== o.swapSide || a[13] !== o.toAmount ? (V = {
+		srcAmount: o.fromAmount,
+		destAmount: o.toAmount,
+		swapSide: o.swapSide
+	}, a[11] = o.fromAmount, a[12] = o.swapSide, a[13] = o.toAmount, a[14] = V) : V = a[14];
+	let H;
+	a[15] !== p || a[16] !== o.fromToken || a[17] !== o.toToken || a[18] !== R || a[19] !== V || a[20] !== B ? (H = {
+		submittedSwapWei: R,
+		usedPriceWei: B,
+		formDataUnit: V,
+		fromToken: o.fromToken,
+		toToken: o.toToken,
+		price: p
+	}, a[15] = p, a[16] = o.fromToken, a[17] = o.toToken, a[18] = R, a[19] = V, a[20] = B, a[21] = H) : H = a[21];
+	let U = c(H), W;
+	a[22] !== m || a[23] !== E ? (W = () => {
+		m?.(), E();
+	}, a[22] = m, a[23] = E, a[24] = W) : W = a[24];
+	let G = W, K = T ? y : void 0, q;
+	return a[25] !== U.destAmount || a[26] !== U.srcAmount || a[27] !== U.swapSide || a[28] !== b || a[29] !== j || a[30] !== M || a[31] !== D || a[32] !== S || a[33] !== w || a[34] !== K || a[35] !== G || a[36] !== _ || a[37] !== o.fromToken || a[38] !== o.toToken || a[39] !== O || a[40] !== x || a[41] !== g || a[42] !== N ? (q = /* @__PURE__ */ d(f, {
+		fromToken: o.fromToken,
+		toToken: o.toToken,
+		fromAmount: U.srcAmount,
+		toAmount: U.destAmount,
+		swapSide: U.swapSide,
+		onDismiss: G,
+		onCancelFlow: b,
+		onCancelOrder: K,
+		onRestartFlow: x,
+		onResubmit: S,
+		activeStep: g,
+		orderCancellationStep: _,
+		isFlowCancellable: w,
+		explorerLink: D,
+		result: O,
+		error: j,
+		erroredStep: M,
+		tradeFlowType: N
+	}), a[25] = U.destAmount, a[26] = U.srcAmount, a[27] = U.swapSide, a[28] = b, a[29] = j, a[30] = M, a[31] = D, a[32] = S, a[33] = w, a[34] = K, a[35] = G, a[36] = _, a[37] = o.fromToken, a[38] = o.toToken, a[39] = O, a[40] = x, a[41] = g, a[42] = N, a[43] = q) : q = a[43], q;
 }
-var _ = (e) => {
-	let t = p(2);
-	a();
-	let n;
-	return t[0] === e ? n = t[1] : (n = /* @__PURE__ */ m(g, { ...e }), t[0] = e, t[1] = n), n;
+var m = (e) => {
+	let t = u(2);
+	n();
+	let r;
+	return t[0] === e ? r = t[1] : (r = /* @__PURE__ */ d(p, { ...e }), t[0] = e, t[1] = r), r;
 };
 //#endregion
-export { _ as DeltaOrderTradeOverviewScreen };
+export { m as DeltaOrderTradeOverviewScreen };
 
 //# sourceMappingURL=DeltaOrderTradeOverview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeltaOrderTradeOverview.js","names":["SubmitDeltaOrderResult","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","DeltaOrderSteps","DeltaOrderStepKey","DeltaSwapFlowType","useDeltaSwapStep","BridgePrice","DeltaPrice","handleTxSent","addDeltaOrderToast","useCurrentSwapPrice","useSwapAmountsWithSlippage","SwapSideAmounts","getSwapSideFromDeltaOrder","getSwapSideFromDeltaPrice","useRunOnMount","isOrderCrosschain","amountAfterSlippage","useSlippage","DeltaOrderTradeOverviewProps","Pick","DeltaOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onCancelOrder","onResubmit","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","DeltaOrderTradeOverviewFlowProps","orderProps","deltaPrice","onClose","DeltaOrderTradeOverviewFlow","resolvedSlippage","step","startDeltaSwap","cancelDeltaOrder","cancelFlow","retryFlow","goToBeforeSwap","isNonFlowStep","isOrderCancellable","reset","usedPrice","submittedDeltaOrder","t2","onTxSent","onOrderSent","submittedSwapWei","bridgeMetadata","outputAmount","order","srcAmount","destAmount","isBridgeOnly","srcToken","toLowerCase","destToken","receivedDestAmountAfterSlippage","toFixed","undefined","t3","receivedDestAmount","usedPriceWei","t4","t5","formDataUnit","price","amountsAndSide","t6","t7","DeltaOrderTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { DeltaOrderSteps, type DeltaOrderStepKey } from \"./steps\";\nimport type { DeltaSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useDeltaSwapStep } from \"@/hooks/swap/tradeFlow/useDeltaSwapStep\";\nimport type { BridgePrice, DeltaPrice } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { addDeltaOrderToast } from \"@/lib/utils/toasts\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport {\n  useSwapAmountsWithSlippage,\n  type SwapSideAmounts,\n} from \"./utils/useSwapAmountsWithSlippage\";\nimport {\n  getSwapSideFromDeltaOrder,\n  getSwapSideFromDeltaPrice,\n} from \"@/hooks/swap/prices/delta/queries/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nimport { isOrderCrosschain } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { amountAfterSlippage } from \"@/lib/utils/slippage\";\nimport { useSlippage } from \"@/hooks/useSlippage\";\n\ntype DeltaOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    DeltaOrderStepKey,\n    SubmitDeltaOrderResult,\n    DeltaSwapFlowType\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 DeltaOrderTradeOverview({\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}: DeltaOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={DeltaOrderSteps}\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 DeltaOrderTradeOverviewFlowProps = {\n  orderProps: MinTradeOverviewProps;\n  deltaPrice: DeltaPrice | BridgePrice;\n  onClose?: () => void;\n};\n\nfunction DeltaOrderTradeOverviewFlow({\n  orderProps,\n  deltaPrice,\n  onClose,\n}: DeltaOrderTradeOverviewFlowProps) {\n  const { resolvedSlippage } = useSlippage(\"swap\");\n\n  const {\n    step,\n    orderCancellationStep,\n    startDeltaSwap,\n    cancelDeltaOrder,\n    cancelFlow,\n    retryFlow,\n    goToBeforeSwap,\n    isNonFlowStep,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedDeltaOrder,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useDeltaSwapStep({\n    deltaPrice,\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    startDeltaSwap({\n      onTxSent: handleTxSent,\n      onOrderSent: addDeltaOrderToast,\n    });\n  });\n\n  let submittedSwapWei: SwapSideAmounts | undefined;\n  if (submittedDeltaOrder) {\n    const swapSide = getSwapSideFromDeltaOrder(submittedDeltaOrder.order);\n    submittedSwapWei = {\n      srcAmount: submittedDeltaOrder.order.srcAmount,\n      destAmount: submittedDeltaOrder.order.destAmount,\n      swapSide,\n    };\n\n    if (isOrderCrosschain(submittedDeltaOrder.order)) {\n      const isBridgeOnly =\n        usedPrice &&\n        usedPrice.srcToken.toLowerCase() === usedPrice.destToken.toLowerCase();\n\n      const receivedDestAmountAfterSlippage =\n        swapSide === \"SELL\" && usedPrice && !isBridgeOnly\n          ? amountAfterSlippage(\n              usedPrice.destAmount,\n              resolvedSlippage,\n              swapSide\n            ).toFixed(0)\n          : undefined;\n      submittedSwapWei.destAmount =\n        // bridgeMetadata.outputAmount becomes available after order is filled\n        submittedDeltaOrder.bridgeMetadata?.outputAmount ||\n        // fallback to receivedDestAmount from deltaPrice, which should be available at this point\n        receivedDestAmountAfterSlippage || // @TODO replace with submittedDeltaOrder.expectedOutputAmount when available on the API\n        // to satisly typescript, this case should not happen\n        submittedSwapWei.destAmount;\n    }\n  }\n\n  const usedPriceWei = usedPrice\n    ? {\n        srcAmount: usedPrice.srcAmount,\n        destAmount: usedPrice.receivedDestAmount,\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: deltaPrice,\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 ? cancelDeltaOrder : undefined;\n\n  return (\n    <DeltaOrderTradeOverview\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 DeltaOrderTradeOverviewScreen = (\n  props: DeltaOrderTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <DeltaOrderTradeOverviewFlow {...props} />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"DeltaOrderTradeOverview.js","names":["SubmitDeltaOrderResult","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","DeltaOrderSteps","DeltaOrderStepKey","DeltaSwapFlowType","useDeltaSwapStep","BridgePrice","DeltaPrice","handleTxSent","addDeltaOrderToast","useCurrentSwapPrice","useSwapAmountsWithSlippage","getSwapSideFromDeltaPrice","useRunOnMount","getUnifiedDeltaOrderData","DeltaOrderTradeOverviewProps","Pick","DeltaOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onCancelOrder","onResubmit","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","DeltaOrderTradeOverviewFlowProps","orderProps","deltaPrice","onClose","DeltaOrderTradeOverviewFlow","step","startDeltaSwap","cancelDeltaOrder","cancelFlow","retryFlow","goToBeforeSwap","isNonFlowStep","isOrderCancellable","reset","usedPrice","submittedDeltaOrder","t2","onTxSent","onOrderSent","t3","undefined","orderData","t4","srcAmount","destAmount","submittedSwapWei","t5","receivedDestAmount","usedPriceWei","t6","t7","formDataUnit","price","amountsAndSide","t8","t9","DeltaOrderTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { DeltaOrderSteps, type DeltaOrderStepKey } from \"./steps\";\nimport type { DeltaSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useDeltaSwapStep } from \"@/hooks/swap/tradeFlow/useDeltaSwapStep\";\nimport type { BridgePrice, DeltaPrice } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { addDeltaOrderToast } from \"@/lib/utils/toasts\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { getSwapSideFromDeltaPrice } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nimport { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype DeltaOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    DeltaOrderStepKey,\n    SubmitDeltaOrderResult,\n    DeltaSwapFlowType\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 DeltaOrderTradeOverview({\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}: DeltaOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={DeltaOrderSteps}\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 DeltaOrderTradeOverviewFlowProps = {\n  orderProps: MinTradeOverviewProps;\n  deltaPrice: DeltaPrice | BridgePrice;\n  onClose?: () => void;\n};\n\nfunction DeltaOrderTradeOverviewFlow({\n  orderProps,\n  deltaPrice,\n  onClose,\n}: DeltaOrderTradeOverviewFlowProps) {\n  const {\n    step,\n    orderCancellationStep,\n    startDeltaSwap,\n    cancelDeltaOrder,\n    cancelFlow,\n    retryFlow,\n    goToBeforeSwap,\n    isNonFlowStep,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedDeltaOrder,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useDeltaSwapStep({\n    deltaPrice,\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    startDeltaSwap({\n      onTxSent: handleTxSent,\n      onOrderSent: addDeltaOrderToast,\n    });\n  });\n\n  const orderData = submittedDeltaOrder\n    ? getUnifiedDeltaOrderData(submittedDeltaOrder)\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        srcAmount: usedPrice.srcAmount,\n        destAmount: usedPrice.receivedDestAmount,\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: deltaPrice,\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 ? cancelDeltaOrder : undefined;\n\n  return (\n    <DeltaOrderTradeOverview\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 DeltaOrderTradeOverviewScreen = (\n  props: DeltaOrderTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <DeltaOrderTradeOverviewFlow {...props} />;\n};\n"],"mappings":";;;;;;;;;;;;AA6CA,SAAOmB,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAiC,EAAAC,cAAAC,YAAAC,eAAAC,aAAAC,aAAAC,cAAAC,WAAAC,iBAAAC,kBAAAC,eAAAC,kBAAAC,eAAAC,0BAAAC,sBAAAC,iBAAAC,WAAAC,UAAAC,gBAAAC,qBAAArB,GAoBTsB;AAuBzB,QAvByBrB,EAAA,OAAAa,KAAAb,EAAA,OAAAkB,KAAAlB,EAAA,OAAAmB,KAAAnB,EAAA,OAAAgB,KAAAhB,EAAA,OAAAI,KAAAJ,EAAA,OAAAE,KAAAF,EAAA,OAAAe,KAAAf,EAAA,OAAAS,KAAAT,EAAA,OAAAU,KAAAV,EAAA,OAAAO,KAAAP,EAAA,QAAAQ,KAAAR,EAAA,QAAAY,KAAAZ,EAAA,QAAAW,KAAAX,EAAA,QAAAc,KAAAd,EAAA,QAAAiB,KAAAjB,EAAA,QAAAM,KAAAN,EAAA,QAAAK,KAAAL,EAAA,QAAAG,KAAAH,EAAA,QAAAoB,KAE3BC,IAAA,kBAAC,GAAD;EACanB;EACFC;EACGC;EACFC;EACAC;EACHvB,OAAAA;EACK8B;EACWC;EACZP;EACHC;EACMC;EACCC;EACHC;EACGC;EACIG;EACLC;EACNC;EACDC;EACMC;EACEC;EACf,CAAA,EAAApB,EAAA,KAAAa,GAAAb,EAAA,KAAAkB,GAAAlB,EAAA,KAAAmB,GAAAnB,EAAA,KAAAgB,GAAAhB,EAAA,KAAAI,GAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAe,GAAAf,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,KAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAY,GAAAZ,EAAA,MAAAW,GAAAX,EAAA,MAAAc,GAAAd,EAAA,MAAAiB,GAAAjB,EAAA,MAAAM,GAAAN,EAAA,MAAAK,GAAAL,EAAA,MAAAG,GAAAH,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA,KArBFqB;;AA+BJ,SAAAK,EAAA3B,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAqC,EAAAsB,eAAAC,eAAAC,eAAA1B,GAIFsB;AAAA,CAAArB,EAAA,OAAAwB,IAsBhCH,IAAArB,EAAA,MAFoBqB,IAAA,EAAAG,eAEpB,EAAAxB,EAAA,KAAAwB,GAAAxB,EAAA,KAAAqB;CArBD,IAAA,EAAAM,SAAAb,0BAAAc,mBAAAC,qBAAAC,eAAAC,cAAAC,mBAAAC,kBAAAlB,sBAAAmB,uBAAAC,UAAAnB,iBAAAC,WAAAmB,cAAAC,wBAAAnB,UAAAC,gBAAAC,qBAmBIlC,EAAiBmC,EAEnB,EAACiB;AAGH5C,CAHGM,EAAA,OAAAiC,KAAAjC,EAAA,OAAA4B,KAGWU,UAAA;AACRL,OAIJL,EAAe;GAAAW,UACHlD;GAAYmD,aACTlD;GACd,CAAC;IACHU,EAAA,KAAAiC,GAAAjC,EAAA,KAAA4B,GAAA5B,EAAA,KAAAsC,KAAAA,IAAAtC,EAAA,IATDN,EAAc4C,EASZ;CAAA,IAAAG;AAAA,CAAAzC,EAAA,OAAAqC,IAIWI,IAAAzC,EAAA,MAFKyC,IAAAJ,IACd1C,EAAyB0C,EAChB,GAFKK,KAAAA,GAEL1C,EAAA,KAAAqC,GAAArC,EAAA,KAAAyC;CAFb,IAAAE,IAAkBF,GAEJG;AAAA,CAAA5C,EAAA,OAAA2C,IAQDC,IAAA5C,EAAA,MANY4C,IAAAD,IAAA;EAAAE,WAERF,EAASE;EAAUC,YAClBH,EAASG;EAAWxC,UACtBqC,EAASrC;EAEZ,GANYoC,KAAAA,GAMZ1C,EAAA,KAAA2C,GAAA3C,EAAA,KAAA4C;CANb,IAAAG,IAAyBH,GAMXI;AAAA,CAAAhD,EAAA,OAAAoC,IAQDY,IAAAhD,EAAA,OANQgD,IAAAZ,IAAA;EAAAS,WAEJT,EAASS;EAAUC,YAClBV,EAASa;EAAmB3C,UAC9Bb,EAA0B2C,EAAS;EAEtC,GANQM,KAAAA,GAMR1C,EAAA,KAAAoC,GAAApC,EAAA,MAAAgD;CANb,IAAAE,IAAqBF,GAMPG;AAAA,CAAAnD,EAAA,QAAAuB,EAAAnB,cAAAJ,EAAA,QAAAuB,EAAAjB,YAAAN,EAAA,QAAAuB,EAAAlB,YAKE8C,IAAA;EAAAN,WACDtB,EAAUnB;EAAW0C,YACpBvB,EAAUlB;EAASC,UACrBiB,EAAUjB;EACrB,EAAAN,EAAA,MAAAuB,EAAAnB,YAAAJ,EAAA,MAAAuB,EAAAjB,UAAAN,EAAA,MAAAuB,EAAAlB,UAAAL,EAAA,MAAAmD,KAAAA,IAAAnD,EAAA;CAAA,IAAAoD;AAAA,CAAApD,EAAA,QAAAwB,KAAAxB,EAAA,QAAAuB,EAAArB,aAAAF,EAAA,QAAAuB,EAAApB,WAAAH,EAAA,QAAA+C,KAAA/C,EAAA,QAAAmD,KAAAnD,EAAA,QAAAkD,KAP+CE,IAAA;EAAAL;EAAAG;EAAAG,cAGlCF;EAIbjD,WACUqB,EAAUrB;EAAUC,SACtBoB,EAAUpB;EAAQmD,OACpB9B;EACR,EAAAxB,EAAA,MAAAwB,GAAAxB,EAAA,MAAAuB,EAAArB,WAAAF,EAAA,MAAAuB,EAAApB,SAAAH,EAAA,MAAA+C,GAAA/C,EAAA,MAAAmD,GAAAnD,EAAA,MAAAkD,GAAAlD,EAAA,MAAAoD,KAAAA,IAAApD,EAAA;CAXD,IAAAuD,IAAuB/D,EAA2B4D,EAWhD,EAACI;AAAA,CAAAxD,EAAA,QAAAyB,KAAAzB,EAAA,QAAAmC,KAEeqB,UAAA;AAKhBrB,EAJAV,KAAW,EAIXU,GAAO;IACRnC,EAAA,MAAAyB,GAAAzB,EAAA,MAAAmC,GAAAnC,EAAA,MAAAwD,KAAAA,IAAAxD,EAAA;CAND,IAAAO,IAAkBiD,GAQlB9C,IAAsBwB,IAAAL,IAAAa,KAAAA,GAAkDe;AAsBpE,QAtBoEzD,EAAA,QAAAuD,EAAAT,cAAA9C,EAAA,QAAAuD,EAAAV,aAAA7C,EAAA,QAAAuD,EAAAjD,YAAAN,EAAA,QAAA8B,KAAA9B,EAAA,QAAAkB,KAAAlB,EAAA,QAAAmB,KAAAnB,EAAA,QAAAgB,KAAAhB,EAAA,QAAAgC,KAAAhC,EAAA,QAAAe,KAAAf,EAAA,QAAAU,KAAAV,EAAA,QAAAO,KAAAP,EAAA,QAAAc,KAAAd,EAAA,QAAAuB,EAAArB,aAAAF,EAAA,QAAAuB,EAAApB,WAAAH,EAAA,QAAAiB,KAAAjB,EAAA,QAAA+B,KAAA/B,EAAA,QAAA2B,KAAA3B,EAAA,QAAAoB,KAGtEqC,IAAA,kBAAC,GAAD;EACa,WAAAlC,EAAUrB;EACZ,SAAAqB,EAAUpB;EACP,YAAAoD,EAAcV;EAChB,UAAAU,EAAcT;EACd,UAAAS,EAAcjD;EACbC;EACGuB,cAAAA;EACCpB;EACAqB,eAAAA;EACHC,YAAAA;EACAL,YAAAA;EACWb;EACJC;EACLC;EACNC;EACDC;EACMC;EACEC;EACf,CAAA,EAAApB,EAAA,MAAAuD,EAAAT,YAAA9C,EAAA,MAAAuD,EAAAV,WAAA7C,EAAA,MAAAuD,EAAAjD,UAAAN,EAAA,MAAA8B,GAAA9B,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAgC,GAAAhC,EAAA,MAAAe,GAAAf,EAAA,MAAAU,GAAAV,EAAA,MAAAO,GAAAP,EAAA,MAAAc,GAAAd,EAAA,MAAAuB,EAAArB,WAAAF,EAAA,MAAAuB,EAAApB,SAAAH,EAAA,MAAAiB,GAAAjB,EAAA,MAAA+B,GAAA/B,EAAA,MAAA2B,GAAA3B,EAAA,MAAAoB,GAAApB,EAAA,MAAAyD,KAAAA,IAAAzD,EAAA,KAnBFyD;;AAuBJ,IAAaC,KAAgCC,MAAA;CAAA,IAAA3D,IAAAC,EAAA,EAAA;AAG3CV,IAAqB;CAAA,IAAAQ;AAC4B,QAD5BC,EAAA,OAAA2D,IAC4B5D,IAAAC,EAAA,MAA1CD,IAAA,kBAAC,GAAD,EAA4B,GAAK4D,GAAS,CAAA,EAAA3D,EAAA,KAAA2D,GAAA3D,EAAA,KAAAD,IAA1CA"}

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

@@ -22,7 +22,7 @@ var l = (e) => {
 	let t = o(6), { tradeFlowType: n, isOrderCancelled: i } = e;
 	if (r(n)) {
 		let e;
-		return t[0] !== i || t[1] !== n ? (e = /* @__PURE__ */ s(f, {
+		return t[0] !== i || t[1] !== n ? (e = /* @__PURE__ */ s(m, {
 			orderTradeFlowType: n,
 			isOrderCancelled: i
 		}), t[0] = i, t[1] = n, t[2] = e) : e = t[2], e;
@@ -56,34 +56,20 @@ var l = (e) => {
 		isOrderCancelled: d,
 		children: S
 	}), a[9] = d, a[10] = u, a[11] = S, a[12] = C) : C = a[12], C;
-}, f = (e) => {
-	let t = o(15), { orderTradeFlowType: n, isOrderCancelled: r } = e, i = n === "limitOrder", a = n === "fillOtcOrder", u;
-	t[0] !== a || t[1] !== i || t[2] !== r ? (u = a ? /* @__PURE__ */ s("div", { children: "Your OTC order has been executed." }) : /* @__PURE__ */ c("div", { children: [
-		"Your ",
-		i ? "limit" : "OTC",
-		" order",
-		" ",
-		r ? "has been cancelled following your request" : "is now created",
-		"."
-	] }), t[0] = a, t[1] = i, t[2] = r, t[3] = u) : u = t[3];
-	let d = u, f;
-	t[4] !== a || t[5] !== i || t[6] !== r ? (f = !r && !a && /* @__PURE__ */ c("div", { children: [
-		"You can check the order status on the main ",
-		i ? "Limit" : "OTC",
-		" ",
-		"Order interface"
-	] }), t[4] = a, t[5] = i, t[6] = r, t[7] = f) : f = t[7];
-	let p = f, m;
-	t[8] !== d || t[9] !== p ? (m = /* @__PURE__ */ c("div", {
+}, f = "is now created", p = "has been cancelled following your request", m = (e) => {
+	let t = o(6), { orderTradeFlowType: n, isOrderCancelled: r } = e, i = n === "limitOrder", a = n === "fillOtcOrder", c = n === "twapOrder", u;
+	u = a ? "Your OTC order has been executed." : i ? `Your limit order ${r ? p : f}.` : c ? `Your TWAP order ${r ? p : f}.` : `Your order ${r ? p : f}.`;
+	let d;
+	t[0] === u ? d = t[1] : (d = /* @__PURE__ */ s("div", {
 		className: "flex flex-col gap-2 items-center text-xs dark:text-contrast-6",
-		children: [d, p]
-	}), t[8] = d, t[9] = p, t[10] = m) : m = t[10];
-	let h;
-	return t[11] !== r || t[12] !== n || t[13] !== m ? (h = /* @__PURE__ */ s(l, {
+		children: u
+	}), t[0] = u, t[1] = d);
+	let m;
+	return t[2] !== r || t[3] !== n || t[4] !== d ? (m = /* @__PURE__ */ s(l, {
 		tradeFlowType: n,
 		isOrderCancelled: r,
-		children: m
-	}), t[11] = r, t[12] = n, t[13] = m, t[14] = h) : h = t[14], h;
+		children: d
+	}), t[2] = r, t[3] = n, t[4] = d, t[5] = m) : m = t[5], m;
 };
 //#endregion
 export { u as TradeCompletedHeader };