@velora-dex/widget 0.5.0 → 0.6.0

package/dist/core/swapDetails/useSwapDetailsListProps.js

@@ -1,247 +1,116 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../_virtual/index.js';
-import { SwapRate } from '../../components/widget/SwapRate/SwapRate.js';
-import { useCurrentSwapPrice } from '../../hooks/swap/prices/useSwapPrices.js';
-import { useWidgetTokens } from '../inputs/state/common.js';
-import { useAtomValue } from '../store.js';
-import { payInputAmountWeiAtom, receiveInputAmountWeiAtom } from '../inputs/state/inputAmountAtom.js';
-import { constructOrderRoutingDetail } from './orderRouting.js';
-import { constructPriceImpactDetail } from './priceImpact.js';
-import { constructSwapFeesDetail, constructNetworkFeesDetail } from './fees.js';
-import { useSwapSide } from '../../components/widget/SwapModeSwitcher/state/swapSideAtom.js';
-import { cn, isTruthy } from '../../lib/utils/index.js';
-import { constructYouGetDetail } from './youGet.js';
-import { useSlippage } from '../../hooks/useSlippage.js';
-import { ReactComponent as ForwardRef } from '../../assets/price-impact.svg.js';
-import { TooltipTrigger, TooltipContent, Tooltip } from '../../components/ui/tooltip.js';
-import { Skeleton } from '../../components/ui/skeleton.js';
-import { constructMaxToPayDetail } from './maxToPay.js';
-
-const useSwapDetailsListProps = () => {
-  const $ = distExports.c(50);
-  const {
-    tokenFrom,
-    tokenTo
-  } = useWidgetTokens("swap");
-  const srcAmountWei = useAtomValue(payInputAmountWeiAtom);
-  const destAmountWei = useAtomValue(receiveInputAmountWeiAtom);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = {
-      enabled: false
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const {
-    isLoading,
-    price,
-    priceMode,
-    getPriceImpact
-  } = useCurrentSwapPrice(t0);
-  const {
-    resolvedSlippage
-  } = useSlippage("swap");
-  const swapSide = useSwapSide();
-  let T0;
-  let T1;
-  let details;
-  let t1;
-  let t2;
-  let t3;
-  let t4;
-  let t5;
-  let t6;
-  if ($[1] !== destAmountWei || $[2] !== getPriceImpact || $[3] !== isLoading || $[4] !== price || $[5] !== priceMode || $[6] !== resolvedSlippage || $[7] !== srcAmountWei || $[8] !== swapSide || $[9] !== tokenFrom || $[10] !== tokenTo) {
-    const orderRoutingDetail = constructOrderRoutingDetail({
-      bestRoutes: price && "bestRoute" in price ? price.bestRoute : void 0,
-      swapMode: priceMode,
-      isLoading
-    });
-    const {
-      isHighImpact,
-      isMediumImpact,
-      isUnavailable,
-      ...priceImpactDetail
-    } = constructPriceImpactDetail({
-      priceImpactResult: getPriceImpact(),
-      isLoading
-    });
-    const swapFeesDetail = constructSwapFeesDetail({
-      price,
-      isLoading
-    });
-    const networkFeesDetail = constructNetworkFeesDetail({
-      price,
-      swapMode: priceMode,
-      isLoading
-    });
-    const minMaxDetail = swapSide === "SELL" ? constructYouGetDetail({
-      price,
-      isLoading,
-      slippagePercent: resolvedSlippage,
-      tokenTo,
-      swapSide
-    }) : constructMaxToPayDetail({
-      price,
-      isLoading,
-      slippagePercent: resolvedSlippage,
-      tokenFrom,
-      swapSide
-    });
-    details = [orderRoutingDetail, priceImpactDetail, swapFeesDetail, minMaxDetail, networkFeesDetail].filter(isTruthy);
-    const isBuy = swapSide === "BUY";
-    t5 = "flex items-center justify-between";
-    let t72;
-    if ($[20] !== destAmountWei || $[21] !== isBuy || $[22] !== isLoading || $[23] !== srcAmountWei || $[24] !== tokenFrom || $[25] !== tokenTo) {
-      t72 = /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(SwapRate, { srcToken: tokenFrom, destToken: tokenTo, srcAmountWei, destAmountWei, isLoading, reverse: isBuy }) }) });
-      $[20] = destAmountWei;
-      $[21] = isBuy;
-      $[22] = isLoading;
-      $[23] = srcAmountWei;
-      $[24] = tokenFrom;
-      $[25] = tokenTo;
-      $[26] = t72;
-    } else {
-      t72 = $[26];
-    }
-    let t82;
-    if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-      t82 = /* @__PURE__ */ jsx(TooltipContent, { children: "Best price for this trade based on the current market conditions" });
-      $[27] = t82;
-    } else {
-      t82 = $[27];
-    }
-    if ($[28] !== t72) {
-      t6 = /* @__PURE__ */ jsxs(Tooltip, { children: [
-        t72,
-        t82
-      ] });
-      $[28] = t72;
-      $[29] = t6;
-    } else {
-      t6 = $[29];
-    }
-    T1 = Tooltip;
-    T0 = TooltipTrigger;
-    t4 = true;
-    t1 = "flex items-center gap-1";
-    t2 = !isHighImpact && /* @__PURE__ */ jsx(ForwardRef, { className: cn("size-[16px]", {
-      "text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1": isMediumImpact,
-      "text-secondary-radical-red-2 dark:text-secondary-radical-red-2": isUnavailable
-    }) });
-    t3 = priceImpactDetail.isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]" }) : /* @__PURE__ */ jsx("div", { className: cn(priceImpactDetail.classes?.value, "text-nowrap"), children: priceImpactDetail.value ?? "-" });
-    $[1] = destAmountWei;
-    $[2] = getPriceImpact;
-    $[3] = isLoading;
-    $[4] = price;
-    $[5] = priceMode;
-    $[6] = resolvedSlippage;
-    $[7] = srcAmountWei;
-    $[8] = swapSide;
-    $[9] = tokenFrom;
-    $[10] = tokenTo;
-    $[11] = T0;
-    $[12] = T1;
-    $[13] = details;
-    $[14] = t1;
-    $[15] = t2;
-    $[16] = t3;
-    $[17] = t4;
-    $[18] = t5;
-    $[19] = t6;
-  } else {
-    T0 = $[11];
-    T1 = $[12];
-    details = $[13];
-    t1 = $[14];
-    t2 = $[15];
-    t3 = $[16];
-    t4 = $[17];
-    t5 = $[18];
-    t6 = $[19];
-  }
-  let t7;
-  if ($[30] !== t1 || $[31] !== t2 || $[32] !== t3) {
-    t7 = /* @__PURE__ */ jsxs("div", { className: t1, children: [
-      t2,
-      t3
-    ] });
-    $[30] = t1;
-    $[31] = t2;
-    $[32] = t3;
-    $[33] = t7;
-  } else {
-    t7 = $[33];
-  }
-  let t8;
-  if ($[34] !== T0 || $[35] !== t4 || $[36] !== t7) {
-    t8 = /* @__PURE__ */ jsx(T0, { asChild: t4, children: t7 });
-    $[34] = T0;
-    $[35] = t4;
-    $[36] = t7;
-    $[37] = t8;
-  } else {
-    t8 = $[37];
-  }
-  let t9;
-  if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
-    t9 = /* @__PURE__ */ jsx(TooltipContent, { children: "Price Impact" });
-    $[38] = t9;
-  } else {
-    t9 = $[38];
-  }
-  let t10;
-  if ($[39] !== T1 || $[40] !== t8) {
-    t10 = /* @__PURE__ */ jsxs(T1, { children: [
-      t8,
-      t9
-    ] });
-    $[39] = T1;
-    $[40] = t8;
-    $[41] = t10;
-  } else {
-    t10 = $[41];
-  }
-  let t11;
-  if ($[42] !== t10 || $[43] !== t5 || $[44] !== t6) {
-    t11 = /* @__PURE__ */ jsxs("div", { className: t5, children: [
-      t6,
-      t10
-    ] });
-    $[42] = t10;
-    $[43] = t5;
-    $[44] = t6;
-    $[45] = t11;
-  } else {
-    t11 = $[45];
-  }
-  let t12;
-  if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
-    t12 = {
-      root: "mt-4 items-center",
-      trigger: "items-center"
-    };
-    $[46] = t12;
-  } else {
-    t12 = $[46];
-  }
-  let t13;
-  if ($[47] !== details || $[48] !== t11) {
-    t13 = {
-      trigger: t11,
-      details,
-      classes: t12
-    };
-    $[47] = details;
-    $[48] = t11;
-    $[49] = t13;
-  } else {
-    t13 = $[49];
-  }
-  return t13;
+import { useAtomValue as e } from "../store.js";
+import { cn as t, isTruthy as n } from "../../lib/utils/index.js";
+import { payInputAmountWeiAtom as r, receiveInputAmountWeiAtom as i } from "../inputs/state/inputAmountAtom.js";
+import { useSwapSide as a } from "../../components/widget/SwapModeSwitcher/state/swapSideAtom.js";
+import { Skeleton as o } from "../../components/ui/skeleton.js";
+import { Tooltip as s, TooltipContent as c, TooltipTrigger as l } from "../../components/ui/tooltip.js";
+import { useWidgetTokens as u } from "../inputs/state/common.js";
+import { useSlippage as d } from "../../hooks/useSlippage.js";
+import { useCurrentSwapPrice as f } from "../../hooks/swap/prices/useSwapPrices.js";
+import { SwapRate as p } from "../../components/widget/SwapRate/SwapRate.js";
+import { constructOrderRoutingDetail as m } from "./orderRouting.js";
+import { constructPriceImpactDetail as h } from "./priceImpact.js";
+import { constructNetworkFeesDetail as g, constructSwapFeesDetail as _ } from "./fees.js";
+import { constructYouGetDetail as v } from "./youGet.js";
+import { ForwardRef as y } from "../../assets/price-impact.js";
+import { constructMaxToPayDetail as b } from "./maxToPay.js";
+import { c as x } from "react-compiler-runtime";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/core/swapDetails/useSwapDetailsListProps.tsx
+var w = () => {
+	let w = x(50), { tokenFrom: T, tokenTo: E } = u("swap"), D = e(r), O = e(i), k;
+	w[0] === Symbol.for("react.memo_cache_sentinel") ? (k = { enabled: !1 }, w[0] = k) : k = w[0];
+	let { isLoading: A, price: j, priceMode: M, getPriceImpact: N } = f(k), { resolvedSlippage: P } = d("swap"), F = a(), I, L, R, z, B, V, H, U, W;
+	if (w[1] !== O || w[2] !== N || w[3] !== A || w[4] !== j || w[5] !== M || w[6] !== P || w[7] !== D || w[8] !== F || w[9] !== T || w[10] !== E) {
+		let e = m({
+			bestRoutes: j && "bestRoute" in j ? j.bestRoute : void 0,
+			swapMode: M,
+			isLoading: A
+		}), { isHighImpact: r, isMediumImpact: i, isUnavailable: a, ...u } = h({
+			priceImpactResult: N(),
+			isLoading: A
+		}), d = _({
+			price: j,
+			isLoading: A
+		}), f = g({
+			price: j,
+			swapMode: M,
+			isLoading: A
+		});
+		R = [
+			e,
+			u,
+			d,
+			F === "SELL" ? v({
+				price: j,
+				isLoading: A,
+				slippagePercent: P,
+				tokenTo: E,
+				swapSide: F
+			}) : b({
+				price: j,
+				isLoading: A,
+				slippagePercent: P,
+				tokenFrom: T,
+				swapSide: F
+			}),
+			f
+		].filter(n);
+		let x = F === "BUY";
+		U = "flex items-center justify-between";
+		let k;
+		w[20] !== O || w[21] !== x || w[22] !== A || w[23] !== D || w[24] !== T || w[25] !== E ? (k = /* @__PURE__ */ S(l, {
+			asChild: !0,
+			children: /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S(p, {
+				srcToken: T,
+				destToken: E,
+				srcAmountWei: D,
+				destAmountWei: O,
+				isLoading: A,
+				reverse: x
+			}) })
+		}), w[20] = O, w[21] = x, w[22] = A, w[23] = D, w[24] = T, w[25] = E, w[26] = k) : k = w[26];
+		let G;
+		w[27] === Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ S(c, { children: "Best price for this trade based on the current market conditions" }), w[27] = G) : G = w[27], w[28] === k ? W = w[29] : (W = /* @__PURE__ */ C(s, { children: [k, G] }), w[28] = k, w[29] = W), L = s, I = l, H = !0, z = "flex items-center gap-1", B = !r && /* @__PURE__ */ S(y, { className: t("size-[16px]", {
+			"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1": i,
+			"text-secondary-radical-red-2 dark:text-secondary-radical-red-2": a
+		}) }), V = u.isLoading ? /* @__PURE__ */ S(o, { className: "bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]" }) : /* @__PURE__ */ S("div", {
+			className: t(u.classes?.value, "text-nowrap"),
+			children: u.value ?? "-"
+		}), w[1] = O, w[2] = N, w[3] = A, w[4] = j, w[5] = M, w[6] = P, w[7] = D, w[8] = F, w[9] = T, w[10] = E, w[11] = I, w[12] = L, w[13] = R, w[14] = z, w[15] = B, w[16] = V, w[17] = H, w[18] = U, w[19] = W;
+	} else I = w[11], L = w[12], R = w[13], z = w[14], B = w[15], V = w[16], H = w[17], U = w[18], W = w[19];
+	let G;
+	w[30] !== z || w[31] !== B || w[32] !== V ? (G = /* @__PURE__ */ C("div", {
+		className: z,
+		children: [B, V]
+	}), w[30] = z, w[31] = B, w[32] = V, w[33] = G) : G = w[33];
+	let K;
+	w[34] !== I || w[35] !== H || w[36] !== G ? (K = /* @__PURE__ */ S(I, {
+		asChild: H,
+		children: G
+	}), w[34] = I, w[35] = H, w[36] = G, w[37] = K) : K = w[37];
+	let q;
+	w[38] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ S(c, { children: "Price Impact" }), w[38] = q) : q = w[38];
+	let J;
+	w[39] !== L || w[40] !== K ? (J = /* @__PURE__ */ C(L, { children: [K, q] }), w[39] = L, w[40] = K, w[41] = J) : J = w[41];
+	let Y;
+	w[42] !== J || w[43] !== U || w[44] !== W ? (Y = /* @__PURE__ */ C("div", {
+		className: U,
+		children: [W, J]
+	}), w[42] = J, w[43] = U, w[44] = W, w[45] = Y) : Y = w[45];
+	let X;
+	w[46] === Symbol.for("react.memo_cache_sentinel") ? (X = {
+		root: "mt-4 items-center",
+		trigger: "items-center"
+	}, w[46] = X) : X = w[46];
+	let Z;
+	return w[47] !== R || w[48] !== Y ? (Z = {
+		trigger: Y,
+		details: R,
+		classes: X
+	}, w[47] = R, w[48] = Y, w[49] = Z) : Z = w[49], Z;
 };
+//#endregion
+export { w as useSwapDetailsListProps };
 
-export { useSwapDetailsListProps };
-//# sourceMappingURL=useSwapDetailsListProps.js.map
+//# sourceMappingURL=useSwapDetailsListProps.js.map

package/dist/core/swapDetails/useSwapDetailsListProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSwapDetailsListProps.js","sources":["../../../src/core/swapDetails/useSwapDetailsListProps.tsx"],"sourcesContent":["import type {\n  DetailWithValue,\n  DetailWithValueListExpandableProps,\n} from \"@/components/widget/Details/types\";\nimport { SwapRate } from \"@/components/widget/SwapRate/SwapRate\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useWidgetTokens } from \"../inputs/state/common\";\nimport { useAtomValue } from \"@/core/store\";\nimport {\n  payInputAmountWeiAtom,\n  receiveInputAmountWeiAtom,\n} from \"../inputs/state/inputAmountAtom\";\n\nimport { constructOrderRoutingDetail } from \"./orderRouting\";\nimport { constructPriceImpactDetail } from \"./priceImpact\";\nimport { constructSwapFeesDetail, constructNetworkFeesDetail } from \"./fees\";\nimport { useSwapSide } from \"@/components/widget/SwapModeSwitcher/state/swapSideAtom\";\nimport { cn, isTruthy } from \"@/lib/utils\";\nimport { constructYouGetDetail } from \"./youGet\";\nimport { useSlippage } from \"@/hooks/useSlippage\";\n\nimport { ReactComponent as PriceImpactSVG } from \"@/assets/price-impact.svg\";\nimport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n} from \"@/components/ui/tooltip\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { constructMaxToPayDetail } from \"./maxToPay\";\n\nexport const useSwapDetailsListProps =\n  (): DetailWithValueListExpandableProps => {\n    const { tokenFrom, tokenTo } = useWidgetTokens(\"swap\");\n\n    const srcAmountWei = useAtomValue(payInputAmountWeiAtom);\n    const destAmountWei = useAtomValue(receiveInputAmountWeiAtom);\n\n    const { isLoading, price, priceMode, getPriceImpact } = useCurrentSwapPrice(\n      { enabled: false }\n    );\n\n    const { resolvedSlippage } = useSlippage(\"swap\");\n    const swapSide = useSwapSide();\n\n    const orderRoutingDetail = constructOrderRoutingDetail({\n      bestRoutes: price && \"bestRoute\" in price ? price.bestRoute : undefined,\n      swapMode: priceMode,\n      isLoading,\n    });\n\n    const {\n      isHighImpact,\n      isMediumImpact,\n      isUnavailable,\n      ...priceImpactDetail\n    } = constructPriceImpactDetail({\n      priceImpactResult: getPriceImpact(),\n      isLoading,\n    });\n\n    const swapFeesDetail = constructSwapFeesDetail({\n      price,\n      isLoading,\n    });\n\n    const networkFeesDetail = constructNetworkFeesDetail({\n      price,\n      swapMode: priceMode,\n      isLoading,\n    });\n\n    const minMaxDetail =\n      swapSide === \"SELL\"\n        ? // minimum received when SELLing\n          constructYouGetDetail({\n            price,\n            isLoading,\n            slippagePercent: resolvedSlippage,\n            tokenTo,\n            swapSide,\n          })\n        : // maximum to pay when BUYing\n          constructMaxToPayDetail({\n            price,\n            isLoading,\n            slippagePercent: resolvedSlippage,\n            tokenFrom,\n            swapSide,\n          });\n\n    const details: DetailWithValue[] = [\n      orderRoutingDetail,\n      priceImpactDetail,\n      swapFeesDetail,\n      minMaxDetail,\n      networkFeesDetail,\n    ].filter(isTruthy);\n\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      trigger: (\n        <div className=\"flex items-center justify-between\">\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <div>\n                <SwapRate\n                  srcToken={tokenFrom}\n                  destToken={tokenTo}\n                  srcAmountWei={srcAmountWei}\n                  destAmountWei={destAmountWei}\n                  isLoading={isLoading}\n                  reverse={isBuy}\n                />\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                {priceImpactDetail.isLoading ? (\n                  <Skeleton className=\"bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]\" />\n                ) : (\n                  <div\n                    className={cn(\n                      priceImpactDetail.classes?.value,\n                      \"text-nowrap\"\n                    )}\n                  >\n                    {priceImpactDetail.value ?? \"-\"}\n                  </div>\n                )}\n              </div>\n            </TooltipTrigger>\n            <TooltipContent>Price Impact</TooltipContent>\n          </Tooltip>\n        </div>\n      ),\n      details,\n      classes: {\n        root: \"mt-4 items-center\",\n        trigger: \"items-center\",\n      },\n    };\n  };\n"],"names":["useSwapDetailsListProps","$","_c","tokenFrom","tokenTo","useWidgetTokens","srcAmountWei","useAtomValue","payInputAmountWeiAtom","destAmountWei","receiveInputAmountWeiAtom","t0","Symbol","for","enabled","isLoading","price","priceMode","getPriceImpact","useCurrentSwapPrice","resolvedSlippage","useSlippage","swapSide","useSwapSide","T0","T1","details","t1","t2","t3","t4","t5","t6","orderRoutingDetail","constructOrderRoutingDetail","bestRoutes","bestRoute","undefined","swapMode","isHighImpact","isMediumImpact","isUnavailable","priceImpactDetail","constructPriceImpactDetail","priceImpactResult","swapFeesDetail","constructSwapFeesDetail","networkFeesDetail","constructNetworkFeesDetail","minMaxDetail","constructYouGetDetail","slippagePercent","constructMaxToPayDetail","filter","isTruthy","isBuy","t7","t8","Tooltip","TooltipTrigger","PriceImpactSVG","cn","classes","value","t9","t10","t11","t12","root","trigger","t13"],"mappings":"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"}
+{"version":3,"file":"useSwapDetailsListProps.js","names":["DetailWithValue","DetailWithValueListExpandableProps","SwapRate","useCurrentSwapPrice","useWidgetTokens","useAtomValue","payInputAmountWeiAtom","receiveInputAmountWeiAtom","constructOrderRoutingDetail","constructPriceImpactDetail","constructSwapFeesDetail","constructNetworkFeesDetail","useSwapSide","cn","isTruthy","constructYouGetDetail","useSlippage","ReactComponent","PriceImpactSVG","Tooltip","TooltipTrigger","TooltipContent","Skeleton","constructMaxToPayDetail","useSwapDetailsListProps","$","_c","tokenFrom","tokenTo","srcAmountWei","destAmountWei","t0","Symbol","for","enabled","isLoading","price","priceMode","getPriceImpact","resolvedSlippage","swapSide","T0","T1","details","t1","t2","t3","t4","t5","t6","orderRoutingDetail","bestRoutes","bestRoute","undefined","swapMode","isHighImpact","isMediumImpact","isUnavailable","priceImpactDetail","priceImpactResult","swapFeesDetail","networkFeesDetail","minMaxDetail","slippagePercent","filter","isBuy","t7","t8","classes","value","t9","t10","t11","t12","root","trigger","t13"],"sources":["../../../src/core/swapDetails/useSwapDetailsListProps.tsx"],"sourcesContent":["import type {\n  DetailWithValue,\n  DetailWithValueListExpandableProps,\n} from \"@/components/widget/Details/types\";\nimport { SwapRate } from \"@/components/widget/SwapRate/SwapRate\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useWidgetTokens } from \"../inputs/state/common\";\nimport { useAtomValue } from \"@/core/store\";\nimport {\n  payInputAmountWeiAtom,\n  receiveInputAmountWeiAtom,\n} from \"../inputs/state/inputAmountAtom\";\n\nimport { constructOrderRoutingDetail } from \"./orderRouting\";\nimport { constructPriceImpactDetail } from \"./priceImpact\";\nimport { constructSwapFeesDetail, constructNetworkFeesDetail } from \"./fees\";\nimport { useSwapSide } from \"@/components/widget/SwapModeSwitcher/state/swapSideAtom\";\nimport { cn, isTruthy } from \"@/lib/utils\";\nimport { constructYouGetDetail } from \"./youGet\";\nimport { useSlippage } from \"@/hooks/useSlippage\";\n\nimport { ReactComponent as PriceImpactSVG } from \"@/assets/price-impact.svg\";\nimport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n} from \"@/components/ui/tooltip\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { constructMaxToPayDetail } from \"./maxToPay\";\n\nexport const useSwapDetailsListProps =\n  (): DetailWithValueListExpandableProps => {\n    const { tokenFrom, tokenTo } = useWidgetTokens(\"swap\");\n\n    const srcAmountWei = useAtomValue(payInputAmountWeiAtom);\n    const destAmountWei = useAtomValue(receiveInputAmountWeiAtom);\n\n    const { isLoading, price, priceMode, getPriceImpact } = useCurrentSwapPrice(\n      { enabled: false }\n    );\n\n    const { resolvedSlippage } = useSlippage(\"swap\");\n    const swapSide = useSwapSide();\n\n    const orderRoutingDetail = constructOrderRoutingDetail({\n      bestRoutes: price && \"bestRoute\" in price ? price.bestRoute : undefined,\n      swapMode: priceMode,\n      isLoading,\n    });\n\n    const {\n      isHighImpact,\n      isMediumImpact,\n      isUnavailable,\n      ...priceImpactDetail\n    } = constructPriceImpactDetail({\n      priceImpactResult: getPriceImpact(),\n      isLoading,\n    });\n\n    const swapFeesDetail = constructSwapFeesDetail({\n      price,\n      isLoading,\n    });\n\n    const networkFeesDetail = constructNetworkFeesDetail({\n      price,\n      swapMode: priceMode,\n      isLoading,\n    });\n\n    const minMaxDetail =\n      swapSide === \"SELL\"\n        ? // minimum received when SELLing\n          constructYouGetDetail({\n            price,\n            isLoading,\n            slippagePercent: resolvedSlippage,\n            tokenTo,\n            swapSide,\n          })\n        : // maximum to pay when BUYing\n          constructMaxToPayDetail({\n            price,\n            isLoading,\n            slippagePercent: resolvedSlippage,\n            tokenFrom,\n            swapSide,\n          });\n\n    const details: DetailWithValue[] = [\n      orderRoutingDetail,\n      priceImpactDetail,\n      swapFeesDetail,\n      minMaxDetail,\n      networkFeesDetail,\n    ].filter(isTruthy);\n\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      trigger: (\n        <div className=\"flex items-center justify-between\">\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <div>\n                <SwapRate\n                  srcToken={tokenFrom}\n                  destToken={tokenTo}\n                  srcAmountWei={srcAmountWei}\n                  destAmountWei={destAmountWei}\n                  isLoading={isLoading}\n                  reverse={isBuy}\n                />\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                {priceImpactDetail.isLoading ? (\n                  <Skeleton className=\"bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]\" />\n                ) : (\n                  <div\n                    className={cn(\n                      priceImpactDetail.classes?.value,\n                      \"text-nowrap\"\n                    )}\n                  >\n                    {priceImpactDetail.value ?? \"-\"}\n                  </div>\n                )}\n              </div>\n            </TooltipTrigger>\n            <TooltipContent>Price Impact</TooltipContent>\n          </Tooltip>\n        </div>\n      ),\n      details,\n      classes: {\n        root: \"mt-4 items-center\",\n        trigger: \"items-center\",\n      },\n    };\n  };\n"],"mappings":"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"}

package/dist/core/swapDetails/youGet.js

@@ -1,38 +1,29 @@
-import { getDestAmountAfterFeeAndSlippage } from '../../lib/utils/price.js';
-import { toDecimalTrimmed } from '../../lib/utils/toDecimal.js';
-import { formatUnits } from 'viem';
-
-const tooltip = "The minimum amount of token to receive, otherwise the transaction will revert.";
-function constructYouGetDetail({
-  price,
-  slippagePercent,
-  isLoading,
-  tokenTo,
-  swapSide
-}) {
-  if (swapSide === "BUY") return;
-  const title = "You Get (at least)";
-  if (!price || !tokenTo) {
-    return {
-      title,
-      value: null,
-      isLoading,
-      tooltip
-    };
-  }
-  const minDestAmount = getDestAmountAfterFeeAndSlippage({
-    price,
-    slippagePercent
-  });
-  const minDestAmountUnit = formatUnits(BigInt(minDestAmount), tokenTo.decimals);
-  const formattedMinDestAmountUnit = toDecimalTrimmed(minDestAmountUnit);
-  return {
-    title,
-    value: `${formattedMinDestAmountUnit} ${tokenTo.symbol}`,
-    isLoading,
-    tooltip
-  };
+import { toDecimalTrimmed as e } from "../../lib/utils/toDecimal.js";
+import { getDestAmountAfterFeeAndSlippage as t } from "../../lib/utils/price.js";
+import { formatUnits as n } from "viem";
+//#region src/core/swapDetails/youGet.tsx
+var r = "The minimum amount of token to receive, otherwise the transaction will revert.";
+function i({ price: i, slippagePercent: a, isLoading: o, tokenTo: s, swapSide: c }) {
+	if (c === "BUY") return;
+	let l = "You Get (at least)";
+	if (!i || !s) return {
+		title: l,
+		value: null,
+		isLoading: o,
+		tooltip: r
+	};
+	let u = t({
+		price: i,
+		slippagePercent: a
+	});
+	return {
+		title: l,
+		value: `${e(n(BigInt(u), s.decimals))} ${s.symbol}`,
+		isLoading: o,
+		tooltip: r
+	};
 }
+//#endregion
+export { i as constructYouGetDetail };
 
-export { constructYouGetDetail };
-//# sourceMappingURL=youGet.js.map
+//# sourceMappingURL=youGet.js.map

package/dist/core/swapDetails/youGet.js.map

@@ -1 +1 @@
-{"version":3,"file":"youGet.js","sources":["../../../src/core/swapDetails/youGet.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport { getDestAmountAfterFeeAndSlippage } from \"@/lib/utils/price\";\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport type { Token } from \"@/tokens/state/types\";\n\nimport { formatUnits } from \"viem\";\n\nconst tooltip =\n  \"The minimum amount of token to receive, otherwise the transaction will revert.\";\n\nexport function constructYouGetDetail({\n  price,\n  slippagePercent,\n  isLoading,\n  tokenTo,\n  swapSide,\n}: {\n  price?: DeltaOrMarketPrice;\n  slippagePercent: number;\n  isLoading: boolean;\n  tokenTo?: Token;\n  swapSide: \"SELL\" | \"BUY\";\n}): DetailWithValue | undefined {\n  // in case of BUY youGet= exactly destAmount\n  if (swapSide === \"BUY\") return;\n\n  const title = \"You Get (at least)\";\n\n  if (!price || !tokenTo) {\n    return {\n      title,\n      value: null,\n      isLoading,\n      tooltip,\n    };\n  }\n\n  const minDestAmount = getDestAmountAfterFeeAndSlippage({\n    price,\n    slippagePercent,\n  });\n\n  const minDestAmountUnit = formatUnits(\n    BigInt(minDestAmount),\n    tokenTo.decimals\n  );\n\n  const formattedMinDestAmountUnit = toDecimalTrimmed(minDestAmountUnit);\n\n  return {\n    title,\n    value: `${formattedMinDestAmountUnit} ${tokenTo.symbol}`,\n    isLoading,\n    tooltip,\n  };\n}\n"],"names":["tooltip","constructYouGetDetail","price","slippagePercent","isLoading","tokenTo","swapSide","title","value","minDestAmount","getDestAmountAfterFeeAndSlippage","minDestAmountUnit","formatUnits","BigInt","decimals","formattedMinDestAmountUnit","toDecimalTrimmed","symbol"],"mappings":";;;;AAQA,MAAMA,OAAAA,GACJ,gFAAA;AAEK,SAASC,qBAAAA,CAAsB;AAAA,EACpCC,KAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC;AAOF,CAAA,EAAgC;AAE9B,EAAA,IAAIA,aAAa,KAAA,EAAO;AAExB,EAAA,MAAMC,KAAAA,GAAQ,oBAAA;AAEd,EAAA,IAAI,CAACL,KAAAA,IAAS,CAACG,OAAAA,EAAS;AACtB,IAAA,OAAO;AAAA,MACLE,KAAAA;AAAAA,MACAC,KAAAA,EAAO,IAAA;AAAA,MACPJ,SAAAA;AAAAA,MACAJ;AAAAA,KACF;AAAA,EACF;AAEA,EAAA,MAAMS,gBAAgBC,gCAAAA,CAAiC;AAAA,IACrDR,KAAAA;AAAAA,IACAC;AAAAA,GACD,CAAA;AAED,EAAA,MAAMQ,oBAAoBC,WAAAA,CACxBC,MAAAA,CAAOJ,aAAa,CAAA,EACpBJ,QAAQS,QACV,CAAA;AAEA,EAAA,MAAMC,0BAAAA,GAA6BC,iBAAiBL,iBAAiB,CAAA;AAErE,EAAA,OAAO;AAAA,IACLJ,KAAAA;AAAAA,IACAC,KAAAA,EAAO,CAAA,EAAGO,0BAA0B,CAAA,CAAA,EAAIV,QAAQY,MAAM,CAAA,CAAA;AAAA,IACtDb,SAAAA;AAAAA,IACAJ;AAAAA,GACF;AACF;;;;"}
+{"version":3,"file":"youGet.js","names":["DetailWithValue","DeltaOrMarketPrice","getDestAmountAfterFeeAndSlippage","toDecimalTrimmed","Token","formatUnits","tooltip","constructYouGetDetail","price","slippagePercent","isLoading","tokenTo","swapSide","title","value","minDestAmount","minDestAmountUnit","BigInt","decimals","formattedMinDestAmountUnit","symbol"],"sources":["../../../src/core/swapDetails/youGet.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport { getDestAmountAfterFeeAndSlippage } from \"@/lib/utils/price\";\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport type { Token } from \"@/tokens/state/types\";\n\nimport { formatUnits } from \"viem\";\n\nconst tooltip =\n  \"The minimum amount of token to receive, otherwise the transaction will revert.\";\n\nexport function constructYouGetDetail({\n  price,\n  slippagePercent,\n  isLoading,\n  tokenTo,\n  swapSide,\n}: {\n  price?: DeltaOrMarketPrice;\n  slippagePercent: number;\n  isLoading: boolean;\n  tokenTo?: Token;\n  swapSide: \"SELL\" | \"BUY\";\n}): DetailWithValue | undefined {\n  // in case of BUY youGet= exactly destAmount\n  if (swapSide === \"BUY\") return;\n\n  const title = \"You Get (at least)\";\n\n  if (!price || !tokenTo) {\n    return {\n      title,\n      value: null,\n      isLoading,\n      tooltip,\n    };\n  }\n\n  const minDestAmount = getDestAmountAfterFeeAndSlippage({\n    price,\n    slippagePercent,\n  });\n\n  const minDestAmountUnit = formatUnits(\n    BigInt(minDestAmount),\n    tokenTo.decimals\n  );\n\n  const formattedMinDestAmountUnit = toDecimalTrimmed(minDestAmountUnit);\n\n  return {\n    title,\n    value: `${formattedMinDestAmountUnit} ${tokenTo.symbol}`,\n    isLoading,\n    tooltip,\n  };\n}\n"],"mappings":";;;;AAQA,IAAMM,IACJ;AAEF,SAAgBC,EAAsB,EACpCC,UACAC,oBACAC,cACAC,YACAC,eAO8B;AAE9B,KAAIA,MAAa,MAAO;CAExB,IAAMC,IAAQ;AAEd,KAAI,CAACL,KAAS,CAACG,EACb,QAAO;EACLE;EACAC,OAAO;EACPJ;EACAJ;EACD;CAGH,IAAMS,IAAgBb,EAAiC;EACrDM;EACAC;EACD,CAAC;AASF,QAAO;EACLI;EACAC,OAAO,GAJ0BX,EALTE,EACxBY,OAAOF,EAAc,EACrBJ,EAAQO,SACT,CAEqE,CAIhC,GAAIP,EAAQS;EAChDV;EACAJ;EACD"}

package/dist/events/effects/formInput.js

@@ -1,55 +1,30 @@
-import { widgetEventsAtom } from '../../core/state/widgetEventsAtom.js';
-import { getSwapFormInput } from '../getters/swap.js';
-import { atomEffect } from 'jotai-effect';
-import { getLimitOrderFormInput } from '../getters/limit.js';
-import { getOTCFormInput } from '../getters/otc.js';
-import { tradeModeAtom } from '../../core/state/tradeModeAtom.js';
-
-const swapFormInputAtomEffect = atomEffect((get) => {
-  const {
-    onFormInputChange
-  } = get.peek(widgetEventsAtom);
-  if (!onFormInputChange) return;
-  const tradeMode = get(tradeModeAtom);
-  if (tradeMode !== "swap") return;
-  const swapFormInput = getSwapFormInput(get);
-  onFormInputChange({
-    event: {
-      name: "FormInput:change",
-      params: swapFormInput
-    }
-  });
-});
-const limitOrderFormInputAtomEffect = atomEffect((get) => {
-  const {
-    onFormInputChange
-  } = get.peek(widgetEventsAtom);
-  if (!onFormInputChange) return;
-  const tradeMode = get(tradeModeAtom);
-  if (tradeMode !== "limit") return;
-  const limitOrderFormInput = getLimitOrderFormInput(get);
-  onFormInputChange({
-    event: {
-      name: "FormInput:change",
-      params: limitOrderFormInput
-    }
-  });
-});
-const otcFormInputAtomEffect = atomEffect((get) => {
-  const {
-    onFormInputChange
-  } = get.peek(widgetEventsAtom);
-  if (!onFormInputChange) return;
-  const tradeMode = get(tradeModeAtom);
-  if (tradeMode !== "otc") return;
-  const otcFormInput = getOTCFormInput(get);
-  onFormInputChange({
-    event: {
-      name: "FormInput:change",
-      params: otcFormInput
-    }
-  });
+import { tradeModeAtom as e } from "../../core/state/tradeModeAtom.js";
+import { getSwapFormInput as t } from "../getters/swap.js";
+import { getLimitOrderFormInput as n } from "../getters/limit.js";
+import { getOTCFormInput as r } from "../getters/otc.js";
+import { widgetEventsAtom as i } from "../../core/state/widgetEventsAtom.js";
+import { atomEffect as a } from "jotai-effect";
+//#region src/events/effects/formInput.ts
+var o = a((n) => {
+	let { onFormInputChange: r } = n.peek(i);
+	r && n(e) === "swap" && r({ event: {
+		name: "FormInput:change",
+		params: t(n)
+	} });
+}), s = a((t) => {
+	let { onFormInputChange: r } = t.peek(i);
+	r && t(e) === "limit" && r({ event: {
+		name: "FormInput:change",
+		params: n(t)
+	} });
+}), c = a((t) => {
+	let { onFormInputChange: n } = t.peek(i);
+	n && t(e) === "otc" && n({ event: {
+		name: "FormInput:change",
+		params: r(t)
+	} });
 });
+//#endregion
+export { s as limitOrderFormInputAtomEffect, c as otcFormInputAtomEffect, o as swapFormInputAtomEffect };
 
-export { limitOrderFormInputAtomEffect, otcFormInputAtomEffect, swapFormInputAtomEffect };
-//# sourceMappingURL=formInput.js.map
+//# sourceMappingURL=formInput.js.map

package/dist/events/effects/formInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"formInput.js","sources":["../../../src/events/effects/formInput.ts"],"sourcesContent":["import { widgetEventsAtom } from \"@/core/state/widgetEventsAtom\";\nimport { getSwapFormInput } from \"../getters/swap\";\nimport { atomEffect } from \"jotai-effect\";\nimport { getLimitOrderFormInput } from \"../getters/limit\";\nimport { getOTCFormInput } from \"../getters/otc\";\nimport { tradeModeAtom } from \"@/core/state/tradeModeAtom\";\n\nexport const swapFormInputAtomEffect = atomEffect((get) => {\n  // get.peek is used to get the value of the atom without subscribing to atom change\n  const { onFormInputChange } = get.peek(widgetEventsAtom);\n  if (!onFormInputChange) return;\n\n  const tradeMode = get(tradeModeAtom);\n  // only when form input changed for current trade mode\n  if (tradeMode !== \"swap\") return;\n  // will also trigger when trade mode changes\n\n  const swapFormInput = getSwapFormInput(get);\n\n  onFormInputChange({\n    event: {\n      name: \"FormInput:change\",\n      params: swapFormInput,\n    },\n  });\n});\n\nexport const limitOrderFormInputAtomEffect = atomEffect((get) => {\n  const { onFormInputChange } = get.peek(widgetEventsAtom);\n  if (!onFormInputChange) return;\n\n  const tradeMode = get(tradeModeAtom);\n  // only when form input changed for current trade mode\n  if (tradeMode !== \"limit\") return;\n  // will also trigger when trade mode changes\n\n  const limitOrderFormInput = getLimitOrderFormInput(get);\n\n  onFormInputChange({\n    event: {\n      name: \"FormInput:change\",\n      params: limitOrderFormInput,\n    },\n  });\n});\n\nexport const otcFormInputAtomEffect = atomEffect((get) => {\n  const { onFormInputChange } = get.peek(widgetEventsAtom);\n  if (!onFormInputChange) return;\n\n  const tradeMode = get(tradeModeAtom);\n  // only when form input changed for current trade mode\n  if (tradeMode !== \"otc\") return;\n  // will also trigger when trade mode changes\n\n  const otcFormInput = getOTCFormInput(get);\n\n  onFormInputChange({\n    event: {\n      name: \"FormInput:change\",\n      params: otcFormInput,\n    },\n  });\n});\n"],"names":["swapFormInputAtomEffect","atomEffect","get","onFormInputChange","peek","widgetEventsAtom","tradeMode","tradeModeAtom","swapFormInput","getSwapFormInput","event","name","params","limitOrderFormInputAtomEffect","limitOrderFormInput","getLimitOrderFormInput","otcFormInputAtomEffect","otcFormInput","getOTCFormInput"],"mappings":";;;;;;;AAOO,MAAMA,uBAAAA,GAA0BC,WAAYC,CAAAA,GAAAA,KAAQ;AAEzD,EAAA,MAAM;AAAA,IAAEC;AAAAA,GAAkB,GAAID,GAAAA,CAAIE,IAAAA,CAAKC,gBAAgB,CAAA;AACvD,EAAA,IAAI,CAACF,iBAAAA,EAAmB;AAExB,EAAA,MAAMG,SAAAA,GAAYJ,IAAIK,aAAa,CAAA;AAEnC,EAAA,IAAID,cAAc,MAAA,EAAQ;AAG1B,EAAA,MAAME,aAAAA,GAAgBC,iBAAiBP,GAAG,CAAA;AAE1CC,EAAAA,iBAAAA,CAAkB;AAAA,IAChBO,KAAAA,EAAO;AAAA,MACLC,IAAAA,EAAM,kBAAA;AAAA,MACNC,MAAAA,EAAQJ;AAAAA;AACV,GACD,CAAA;AACH,CAAC;AAEM,MAAMK,6BAAAA,GAAgCZ,WAAYC,CAAAA,GAAAA,KAAQ;AAC/D,EAAA,MAAM;AAAA,IAAEC;AAAAA,GAAkB,GAAID,GAAAA,CAAIE,IAAAA,CAAKC,gBAAgB,CAAA;AACvD,EAAA,IAAI,CAACF,iBAAAA,EAAmB;AAExB,EAAA,MAAMG,SAAAA,GAAYJ,IAAIK,aAAa,CAAA;AAEnC,EAAA,IAAID,cAAc,OAAA,EAAS;AAG3B,EAAA,MAAMQ,mBAAAA,GAAsBC,uBAAuBb,GAAG,CAAA;AAEtDC,EAAAA,iBAAAA,CAAkB;AAAA,IAChBO,KAAAA,EAAO;AAAA,MACLC,IAAAA,EAAM,kBAAA;AAAA,MACNC,MAAAA,EAAQE;AAAAA;AACV,GACD,CAAA;AACH,CAAC;AAEM,MAAME,sBAAAA,GAAyBf,WAAYC,CAAAA,GAAAA,KAAQ;AACxD,EAAA,MAAM;AAAA,IAAEC;AAAAA,GAAkB,GAAID,GAAAA,CAAIE,IAAAA,CAAKC,gBAAgB,CAAA;AACvD,EAAA,IAAI,CAACF,iBAAAA,EAAmB;AAExB,EAAA,MAAMG,SAAAA,GAAYJ,IAAIK,aAAa,CAAA;AAEnC,EAAA,IAAID,cAAc,KAAA,EAAO;AAGzB,EAAA,MAAMW,YAAAA,GAAeC,gBAAgBhB,GAAG,CAAA;AAExCC,EAAAA,iBAAAA,CAAkB;AAAA,IAChBO,KAAAA,EAAO;AAAA,MACLC,IAAAA,EAAM,kBAAA;AAAA,MACNC,MAAAA,EAAQK;AAAAA;AACV,GACD,CAAA;AACH,CAAC;;;;"}
+{"version":3,"file":"formInput.js","names":["widgetEventsAtom","getSwapFormInput","atomEffect","getLimitOrderFormInput","getOTCFormInput","tradeModeAtom","swapFormInputAtomEffect","get","onFormInputChange","peek","tradeMode","swapFormInput","event","name","params","limitOrderFormInputAtomEffect","limitOrderFormInput","otcFormInputAtomEffect","otcFormInput"],"sources":["../../../src/events/effects/formInput.ts"],"sourcesContent":["import { widgetEventsAtom } from \"@/core/state/widgetEventsAtom\";\nimport { getSwapFormInput } from \"../getters/swap\";\nimport { atomEffect } from \"jotai-effect\";\nimport { getLimitOrderFormInput } from \"../getters/limit\";\nimport { getOTCFormInput } from \"../getters/otc\";\nimport { tradeModeAtom } from \"@/core/state/tradeModeAtom\";\n\nexport const swapFormInputAtomEffect = atomEffect((get) => {\n  // get.peek is used to get the value of the atom without subscribing to atom change\n  const { onFormInputChange } = get.peek(widgetEventsAtom);\n  if (!onFormInputChange) return;\n\n  const tradeMode = get(tradeModeAtom);\n  // only when form input changed for current trade mode\n  if (tradeMode !== \"swap\") return;\n  // will also trigger when trade mode changes\n\n  const swapFormInput = getSwapFormInput(get);\n\n  onFormInputChange({\n    event: {\n      name: \"FormInput:change\",\n      params: swapFormInput,\n    },\n  });\n});\n\nexport const limitOrderFormInputAtomEffect = atomEffect((get) => {\n  const { onFormInputChange } = get.peek(widgetEventsAtom);\n  if (!onFormInputChange) return;\n\n  const tradeMode = get(tradeModeAtom);\n  // only when form input changed for current trade mode\n  if (tradeMode !== \"limit\") return;\n  // will also trigger when trade mode changes\n\n  const limitOrderFormInput = getLimitOrderFormInput(get);\n\n  onFormInputChange({\n    event: {\n      name: \"FormInput:change\",\n      params: limitOrderFormInput,\n    },\n  });\n});\n\nexport const otcFormInputAtomEffect = atomEffect((get) => {\n  const { onFormInputChange } = get.peek(widgetEventsAtom);\n  if (!onFormInputChange) return;\n\n  const tradeMode = get(tradeModeAtom);\n  // only when form input changed for current trade mode\n  if (tradeMode !== \"otc\") return;\n  // will also trigger when trade mode changes\n\n  const otcFormInput = getOTCFormInput(get);\n\n  onFormInputChange({\n    event: {\n      name: \"FormInput:change\",\n      params: otcFormInput,\n    },\n  });\n});\n"],"mappings":";;;;;;;AAOA,IAAaM,IAA0BJ,GAAYK,MAAQ;CAEzD,IAAM,EAAEC,yBAAsBD,EAAIE,KAAKT,EAAiB;AACnDQ,MAEaD,EAAIF,EAAc,KAElB,UAKlBG,EAAkB,EAChBI,OAAO;EACLC,MAAM;EACNC,QALkBb,EAAiBM,EAAI;EAMzC,EACD,CAAC;EACF,EAEWQ,IAAgCb,GAAYK,MAAQ;CAC/D,IAAM,EAAEC,yBAAsBD,EAAIE,KAAKT,EAAiB;AACnDQ,MAEaD,EAAIF,EAAc,KAElB,WAKlBG,EAAkB,EAChBI,OAAO;EACLC,MAAM;EACNC,QALwBX,EAAuBI,EAAI;EAMrD,EACD,CAAC;EACF,EAEWU,IAAyBf,GAAYK,MAAQ;CACxD,IAAM,EAAEC,yBAAsBD,EAAIE,KAAKT,EAAiB;AACnDQ,MAEaD,EAAIF,EAAc,KAElB,SAKlBG,EAAkB,EAChBI,OAAO;EACLC,MAAM;EACNC,QALiBV,EAAgBG,EAAI;EAMvC,EACD,CAAC;EACF"}