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

package/dist/core/swapDetails/useSwapDetailsListProps.js

@@ -1,151 +1,116 @@
-import { jsx } from 'react/jsx-runtime';
-import { d as distExports } from '../../_virtual/index.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 { isTruthy } from '../../lib/utils/index.js';
-import { constructYouGetDetail } from './youGet.js';
-import { useSlippage } from '../../hooks/useSlippage.js';
-import { constructMaxToPayDetail } from './maxToPay.js';
-import { SwapRateWithPriceImpactRow } from '../../components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.js';
-
-const useSwapDetailsListProps = () => {
-  const $ = distExports.c(25);
-  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 priceImpactDetail;
-  let t1;
-  if ($[1] !== getPriceImpact || $[2] !== isLoading || $[3] !== price || $[4] !== priceMode || $[5] !== resolvedSlippage || $[6] !== swapSide || $[7] !== tokenFrom || $[8] !== tokenTo) {
-    const orderRoutingDetail = constructOrderRoutingDetail({
-      bestRoutes: price && "bestRoute" in price ? price.bestRoute : void 0,
-      swapMode: priceMode,
-      isLoading
-    });
-    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
-    });
-    t1 = [orderRoutingDetail, priceImpactDetail, swapFeesDetail, minMaxDetail, networkFeesDetail].filter(isTruthy);
-    $[1] = getPriceImpact;
-    $[2] = isLoading;
-    $[3] = price;
-    $[4] = priceMode;
-    $[5] = resolvedSlippage;
-    $[6] = swapSide;
-    $[7] = tokenFrom;
-    $[8] = tokenTo;
-    $[9] = priceImpactDetail;
-    $[10] = t1;
-  } else {
-    priceImpactDetail = $[9];
-    t1 = $[10];
-  }
-  const details = t1;
-  const isBuy = swapSide === "BUY";
-  let t2;
-  if ($[11] !== destAmountWei || $[12] !== isBuy || $[13] !== isLoading || $[14] !== srcAmountWei || $[15] !== tokenFrom || $[16] !== tokenTo) {
-    t2 = {
-      srcToken: tokenFrom,
-      destToken: tokenTo,
-      srcAmountWei,
-      destAmountWei,
-      isLoading,
-      reverse: isBuy
-    };
-    $[11] = destAmountWei;
-    $[12] = isBuy;
-    $[13] = isLoading;
-    $[14] = srcAmountWei;
-    $[15] = tokenFrom;
-    $[16] = tokenTo;
-    $[17] = t2;
-  } else {
-    t2 = $[17];
-  }
-  let t3;
-  if ($[18] !== priceImpactDetail || $[19] !== t2) {
-    t3 = /* @__PURE__ */ jsx(SwapRateWithPriceImpactRow, { swapRateProps: t2, priceImpactDetail });
-    $[18] = priceImpactDetail;
-    $[19] = t2;
-    $[20] = t3;
-  } else {
-    t3 = $[20];
-  }
-  let t4;
-  if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = {
-      root: "mt-4 items-center",
-      trigger: "items-center"
-    };
-    $[21] = t4;
-  } else {
-    t4 = $[21];
-  }
-  let t5;
-  if ($[22] !== details || $[23] !== t3) {
-    t5 = {
-      trigger: t3,
-      details,
-      classes: t4
-    };
-    $[22] = details;
-    $[23] = t3;
-    $[24] = t5;
-  } else {
-    t5 = $[24];
-  }
-  return t5;
+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 { 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 { isTruthy } from \"@/lib/utils\";\nimport { constructYouGetDetail } from \"./youGet\";\nimport { useSlippage } from \"@/hooks/useSlippage\";\n\nimport { constructMaxToPayDetail } from \"./maxToPay\";\nimport { SwapRateWithPriceImpactRow } from \"@/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow\";\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 priceImpactDetail = 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        <SwapRateWithPriceImpactRow\n          swapRateProps={{\n            srcToken: tokenFrom,\n            destToken: tokenTo,\n            srcAmountWei,\n            destAmountWei,\n            isLoading,\n            reverse: isBuy,\n          }}\n          priceImpactDetail={priceImpactDetail}\n        />\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","priceImpactDetail","t1","orderRoutingDetail","constructOrderRoutingDetail","bestRoutes","bestRoute","undefined","swapMode","constructPriceImpactDetail","priceImpactResult","swapFeesDetail","constructSwapFeesDetail","networkFeesDetail","constructNetworkFeesDetail","minMaxDetail","constructYouGetDetail","slippagePercent","constructMaxToPayDetail","filter","isTruthy","details","isBuy","t2","srcToken","destToken","reverse","t3","t4","root","trigger","t5","classes"],"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.d.ts

@@ -4,9 +4,6 @@ export declare const swapFormInputAtomEffect: import('jotai').Atom<void> & {
 export declare const limitOrderFormInputAtomEffect: import('jotai').Atom<void> & {
     effect: import('jotai-effect').Effect;
 };
-export declare const twapFormInputAtomEffect: import('jotai').Atom<void> & {
-    effect: import('jotai-effect').Effect;
-};
 export declare const otcFormInputAtomEffect: import('jotai').Atom<void> & {
     effect: import('jotai-effect').Effect;
 };

package/dist/events/effects/formInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formInput.d.ts","sourceRoot":"","sources":["../../../src/events/effects/formInput.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,uBAAuB;;CAkBlC,CAAC;AAEH,eAAO,MAAM,6BAA6B;;CAiBxC,CAAC;AAEH,eAAO,MAAM,uBAAuB;;CAkBlC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;CAiBjC,CAAC"}
+{"version":3,"file":"formInput.d.ts","sourceRoot":"","sources":["../../../src/events/effects/formInput.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,uBAAuB;;CAkBlC,CAAC;AAEH,eAAO,MAAM,6BAA6B;;CAiBxC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;CAiBjC,CAAC"}

package/dist/events/effects/formInput.js

@@ -1,71 +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';
-import { getTwapFormInput } from '../getters/twap.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 twapFormInputAtomEffect = atomEffect((get) => {
-  const {
-    onFormInputChange
-  } = get.peek(widgetEventsAtom);
-  if (!onFormInputChange) return;
-  const tradeMode = get(tradeModeAtom);
-  if (tradeMode !== "twap") return;
-  const twapFormInput = getTwapFormInput(get);
-  onFormInputChange({
-    event: {
-      name: "FormInput:change",
-      params: twapFormInput
-    }
-  });
-});
-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, twapFormInputAtomEffect };
-//# 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\";\nimport { getTwapFormInput } from \"../getters/twap\";\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 twapFormInputAtomEffect = 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 !== \"twap\") return;\n  // will also trigger when trade mode changes\n\n  const twapFormInput = getTwapFormInput(get);\n\n  onFormInputChange({\n    event: {\n      name: \"FormInput:change\",\n      params: twapFormInput,\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","twapFormInputAtomEffect","twapFormInput","getTwapFormInput","otcFormInputAtomEffect","otcFormInput","getOTCFormInput"],"mappings":";;;;;;;;AAQO,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,uBAAAA,GAA0Bf,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,MAAMW,aAAAA,GAAgBC,iBAAiBhB,GAAG,CAAA;AAE1CC,EAAAA,iBAAAA,CAAkB;AAAA,IAChBO,KAAAA,EAAO;AAAA,MACLC,IAAAA,EAAM,kBAAA;AAAA,MACNC,MAAAA,EAAQK;AAAAA;AACV,GACD,CAAA;AACH,CAAC;AAEM,MAAME,sBAAAA,GAAyBlB,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,MAAMc,YAAAA,GAAeC,gBAAgBnB,GAAG,CAAA;AAExCC,EAAAA,iBAAAA,CAAkB;AAAA,IAChBO,KAAAA,EAAO;AAAA,MACLC,IAAAA,EAAM,kBAAA;AAAA,MACNC,MAAAA,EAAQQ;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"}