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

package/dist/core/OtcOrderDetails.js

@@ -1,15 +1,24 @@
-import { DetailWithValueListExpandable as e } from "../components/widget/Details/DetailWithValueListExpandable.js";
-import { useOtcDetailsListProps as t } from "./otc/useOtcDetailsListProps.js";
-import { c as n } from "react-compiler-runtime";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/core/OtcOrderDetails.tsx
-var i = () => {
-	let i = n(2), a = t();
-	if (!a) return null;
-	let o;
-	return i[0] === a ? o = i[1] : (o = /* @__PURE__ */ r(e, { ...a }), i[0] = a, i[1] = o), o;
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../_virtual/index.js';
+import { DetailWithValueListExpandable } from '../components/widget/Details/DetailWithValueListExpandable.js';
+import { useOtcDetailsListProps } from './otc/useOtcDetailsListProps.js';
+
+const OtcOrderDetails = () => {
+  const $ = distExports.c(2);
+  const props = useOtcDetailsListProps();
+  if (!props) {
+    return null;
+  }
+  let t0;
+  if ($[0] !== props) {
+    t0 = /* @__PURE__ */ jsx(DetailWithValueListExpandable, { ...props });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 };
-//#endregion
-export { i as OtcOrderDetails };
 
-//# sourceMappingURL=OtcOrderDetails.js.map
+export { OtcOrderDetails };
+//# sourceMappingURL=OtcOrderDetails.js.map

package/dist/core/OtcOrderDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderDetails.js","names":["DetailWithValueListExpandable","useOtcDetailsListProps","OtcOrderDetails","$","_c","props","t0"],"sources":["../../src/core/OtcOrderDetails.tsx"],"sourcesContent":["import { DetailWithValueListExpandable } from \"@/components/widget/Details/DetailWithValueListExpandable\";\nimport { useOtcDetailsListProps } from \"./otc/useOtcDetailsListProps\";\n\nexport const OtcOrderDetails = () => {\n  const props = useOtcDetailsListProps();\n  if (!props) return null;\n  return <DetailWithValueListExpandable {...props} />;\n};\n"],"mappings":";;;;;AAGA,IAAaE,UAAkB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAC7BC,IAAcJ,GAAwB;AACtC,KAAI,CAACI,EAAK,QAAS;CAAK,IAAAC;AAC2B,QAD3BH,EAAA,OAAAE,IAC2BC,IAAAH,EAAA,MAA5CG,IAAA,kBAAC,GAAD,EAA8B,GAAKD,GAAS,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IAA5CA"}
+{"version":3,"file":"OtcOrderDetails.js","sources":["../../src/core/OtcOrderDetails.tsx"],"sourcesContent":["import { DetailWithValueListExpandable } from \"@/components/widget/Details/DetailWithValueListExpandable\";\nimport { useOtcDetailsListProps } from \"./otc/useOtcDetailsListProps\";\n\nexport const OtcOrderDetails = () => {\n  const props = useOtcDetailsListProps();\n  if (!props) return null;\n  return <DetailWithValueListExpandable {...props} />;\n};\n"],"names":["OtcOrderDetails","$","_c","props","useOtcDetailsListProps","t0"],"mappings":";;;;;AAGO,MAAMA,kBAAkBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAC7B,EAAA,MAAAC,QAAcC,sBAAAA,EAAuB;AACrC,EAAA,IAAI,CAACD,KAAAA,EAAK;AAAA,IAAA,OAAS,IAAA;AAAA,EAAI;AAAC,EAAA,IAAAE,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,KAAAA,EAAA;AACjBE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,6BAAA,EAAA,EAA6B,GAAKF,KAAAA,EAAK,CAAA;AAAIF,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAA5CI,EAAAA;AAA4C;;;;"}

package/dist/core/Toaster.js

@@ -1,21 +1,24 @@
-import { Toaster as e } from "../components/ui/sonner.js";
-import { c as t } from "react-compiler-runtime";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/core/Toaster.tsx
-function r() {
-	let r = t(1), i;
-	return r[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ n(e, {
-		style: {
-			position: "absolute",
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center",
-			zIndex: 1
-		},
-		position: "bottom-center"
-	}), r[0] = i) : i = r[0], i;
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../_virtual/index.js';
+import { Toaster as Toaster$1 } from '../components/ui/sonner.js';
+
+function Toaster() {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx(Toaster$1, { style: {
+      position: "absolute",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: 1
+    }, position: "bottom-center" });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
 }
-//#endregion
-export { r as Toaster };
 
-//# sourceMappingURL=Toaster.js.map
+export { Toaster };
+//# sourceMappingURL=Toaster.js.map

package/dist/core/Toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","names":["Toaster","SonnerToaster","$","_c","t0","Symbol","for","position","display","alignItems","justifyContent","zIndex"],"sources":["../../src/core/Toaster.tsx"],"sourcesContent":["import { Toaster as SonnerToaster } from \"@/components/ui/sonner\";\n\nexport function Toaster() {\n  return (\n    <SonnerToaster\n      style={{\n        // keep within widget container\n        // @TODO for Dapp mode we may want it default=fixed\n        position: \"absolute\",\n        // [\"--width\" as string]: \"200px\", // used internally by sonner\n        // must assign early so it participates in position calculations,\n        // doesn't pass React.CSSProperties type\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        zIndex: 1, // must be below the drawer\n      }}\n      position=\"bottom-center\"\n    />\n  );\n}\n"],"mappings":";;;;AAEA,SAAOA,IAAA;CAAA,IAAAE,IAAAC,EAAA,EAAA,EAAAC;AAgBD,QAhBCF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAEHF,IAAA,kBAAC,GAAD;EACS,OAAA;GAAAG,UAGK;GAAUC,SAIX;GAAMC,YACH;GAAQC,gBACJ;GAAQC,QAChB;GACV;EACS,UAAA;EACT,CAAA,EAAAT,EAAA,KAAAE,KAAAA,IAAAF,EAAA,IAdFE"}
+{"version":3,"file":"Toaster.js","sources":["../../src/core/Toaster.tsx"],"sourcesContent":["import { Toaster as SonnerToaster } from \"@/components/ui/sonner\";\n\nexport function Toaster() {\n  return (\n    <SonnerToaster\n      style={{\n        // keep within widget container\n        // @TODO for Dapp mode we may want it default=fixed\n        position: \"absolute\",\n        // [\"--width\" as string]: \"200px\", // used internally by sonner\n        // must assign early so it participates in position calculations,\n        // doesn't pass React.CSSProperties type\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        zIndex: 1, // must be below the drawer\n      }}\n      position=\"bottom-center\"\n    />\n  );\n}\n"],"names":["Toaster","$","_c","t0","Symbol","for","SonnerToaster","position","display","alignItems","justifyContent","zIndex"],"mappings":";;;;AAEO,SAAAA,OAAAA,GAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,EAAA,CAAA,CAAA,KAAAG,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAEHF,IAAAA,EAAAA,mBAAA,GAAA,CAACG,aACQ,KAAA,EAAA;AAAA,MAAAC,QAAAA,EAGK,UAAA;AAAA,MAAUC,OAAAA,EAIX,MAAA;AAAA,MAAMC,UAAAA,EACH,QAAA;AAAA,MAAQC,cAAAA,EACJ,QAAA;AAAA,MAAQC,MAAAA,EAChB;AAAA,KACV,EACS,UAAA,eAAA,EAAe,CAAA;AACxBV,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAdFE,EAAAA;AAcE;;;;"}

package/dist/core/TradeFlowScreenButton.d.ts

@@ -3,6 +3,7 @@ import { MinTradeOverviewProps } from '../components/widget/TradeOverview/TradeO
 import { BridgePrice, DeltaPrice, OptimalRate } from '@velora-dex/sdk';
 import { UserDefinedLimitPrice } from '../hooks/swap/tradeFlow/useLimitOrderFlow';
 import { UserDefinedOtcPrice } from '../hooks/otc/tradeFlow/useOtcOrderFlow';
+import { DeltaOrBridgePrice } from '../hooks/swap/prices/types';
 type BaseTradeFlowButtonProps = React.ComponentProps<typeof Button> & {
     orderProps?: MinTradeOverviewProps;
     labelOverride?: string;
@@ -23,5 +24,9 @@ type OtcOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {
     otcPrice?: UserDefinedOtcPrice;
 };
 export declare function OtcTradeFlowScreenButton({ orderProps, otcPrice, labelOverride, ...buttonProps }: OtcOrderTradeFlowButtonProps): import("react/jsx-runtime").JSX.Element;
+type TwapTradeFlowButtonProps = BaseTradeFlowButtonProps & {
+    twapPrice?: DeltaOrBridgePrice;
+};
+export declare function TwapTradeFlowScreenButton({ orderProps, twapPrice, labelOverride, ...buttonProps }: TwapTradeFlowButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TradeFlowScreenButton.d.ts.map

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

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

package/dist/core/TradeFlowScreenButton.js

@@ -1,100 +1,263 @@
-import { cn as e } from "../lib/utils/index.js";
-import { useWidgetEvents as t } from "./state/widgetEventsAtom.js";
-import { Button as n } from "../components/ui/button.js";
-import { useSetScreen as r } from "./screen/state/hooks/useSetScreen.js";
-import { c as i } from "react-compiler-runtime";
-import { jsx as a } from "react/jsx-runtime";
-import { useAccount as o } from "wagmi";
-//#region src/core/TradeFlowScreenButton.tsx
-function s(s) {
-	let c = i(7), { orderProps: l, price: u, priceMode: d, labelOverride: f, ...p } = s, { onSwap: m } = t(), { showTradeOverviewScreen: h, closeScreen: g } = r(), { isConnected: _ } = o(), v = p.disabled || !_ || !l || !u, y = l && u ? () => {
-		d === "market" ? (m?.({ event: {
-			name: "Swap:click",
-			params: {
-				swapMode: d,
-				price: u
-			}
-		} }), h({
-			flowType: "marketSwap",
-			flowProps: {
-				orderProps: l,
-				marketPrice: u,
-				onClose: g
-			}
-		})) : d === "delta" && (m?.({ event: {
-			name: "Swap:click",
-			params: {
-				swapMode: d,
-				price: u
-			}
-		} }), h({
-			flowType: "deltaOrder",
-			flowProps: {
-				orderProps: l,
-				deltaPrice: u,
-				onClose: g
-			}
-		}));
-	} : p.onClick, b = n, x = e("w-full mt-4 h-[48px] text-md", p.className), S = f || "Swap", C;
-	return c[0] !== b || c[1] !== p || c[2] !== v || c[3] !== y || c[4] !== x || c[5] !== S ? (C = /* @__PURE__ */ a(b, {
-		variant: "cta",
-		radius: "lg",
-		...p,
-		className: x,
-		onClick: y,
-		disabled: v,
-		children: S
-	}), c[0] = b, c[1] = p, c[2] = v, c[3] = y, c[4] = x, c[5] = S, c[6] = C) : C = c[6], C;
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../_virtual/index.js';
+import { Button } from '../components/ui/button.js';
+import { cn } from '../lib/utils/index.js';
+import { useAccount } from 'wagmi';
+import { useSetScreen } from './screen/state/hooks/useSetScreen.js';
+import { useWidgetEvents } from './state/widgetEventsAtom.js';
+
+function SwapTradeFlowScreenButton(t0) {
+  const $ = distExports.c(7);
+  const {
+    orderProps,
+    price,
+    priceMode,
+    labelOverride,
+    ...buttonProps
+  } = t0;
+  const {
+    onSwap
+  } = useWidgetEvents();
+  const {
+    showTradeOverviewScreen,
+    closeScreen
+  } = useSetScreen();
+  const {
+    isConnected
+  } = useAccount();
+  const disabled = buttonProps.disabled || !isConnected || !orderProps || !price;
+  const onClick = orderProps && price ? () => {
+    if (priceMode === "market") {
+      onSwap?.({
+        event: {
+          name: "Swap:click",
+          params: {
+            swapMode: priceMode,
+            price
+          }
+        }
+      });
+      showTradeOverviewScreen({
+        flowType: "marketSwap",
+        flowProps: {
+          orderProps,
+          marketPrice: price,
+          onClose: closeScreen
+        }
+      });
+    } else {
+      if (priceMode === "delta") {
+        onSwap?.({
+          event: {
+            name: "Swap:click",
+            params: {
+              swapMode: priceMode,
+              price
+            }
+          }
+        });
+        showTradeOverviewScreen({
+          flowType: "deltaOrder",
+          flowProps: {
+            orderProps,
+            deltaPrice: price,
+            onClose: closeScreen
+          }
+        });
+      }
+    }
+  } : buttonProps.onClick;
+  const T0 = Button;
+  const t1 = "cta";
+  const t2 = "lg";
+  const t3 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
+  const t4 = labelOverride || "Swap";
+  let t5;
+  if ($[0] !== T0 || $[1] !== buttonProps || $[2] !== disabled || $[3] !== onClick || $[4] !== t3 || $[5] !== t4) {
+    t5 = /* @__PURE__ */ jsx(T0, { variant: t1, radius: t2, ...buttonProps, className: t3, onClick, disabled, children: t4 });
+    $[0] = T0;
+    $[1] = buttonProps;
+    $[2] = disabled;
+    $[3] = onClick;
+    $[4] = t3;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  return t5;
+}
+function LimitTradeFlowScreenButton(t0) {
+  const $ = distExports.c(7);
+  const {
+    orderProps,
+    limitPrice,
+    labelOverride,
+    ...buttonProps
+  } = t0;
+  const {
+    onLimitOrder
+  } = useWidgetEvents();
+  const {
+    showTradeOverviewScreen,
+    closeScreen
+  } = useSetScreen();
+  const {
+    isConnected
+  } = useAccount();
+  const disabled = buttonProps.disabled || !isConnected || !orderProps || !limitPrice;
+  const onClick = orderProps && limitPrice ? () => {
+    onLimitOrder?.({
+      event: {
+        name: "LimitOrder:click",
+        params: {
+          price: limitPrice
+        }
+      }
+    });
+    showTradeOverviewScreen({
+      flowType: "limitOrder",
+      flowProps: {
+        orderProps,
+        limitPrice,
+        onClose: closeScreen
+      }
+    });
+  } : buttonProps.onClick;
+  const T0 = Button;
+  const t1 = "cta";
+  const t2 = "lg";
+  const t3 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
+  const t4 = labelOverride || "Review Order";
+  let t5;
+  if ($[0] !== T0 || $[1] !== buttonProps || $[2] !== disabled || $[3] !== onClick || $[4] !== t3 || $[5] !== t4) {
+    t5 = /* @__PURE__ */ jsx(T0, { variant: t1, radius: t2, ...buttonProps, className: t3, onClick, disabled, children: t4 });
+    $[0] = T0;
+    $[1] = buttonProps;
+    $[2] = disabled;
+    $[3] = onClick;
+    $[4] = t3;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  return t5;
 }
-function c(s) {
-	let c = i(7), { orderProps: l, limitPrice: u, labelOverride: d, ...f } = s, { onLimitOrder: p } = t(), { showTradeOverviewScreen: m, closeScreen: h } = r(), { isConnected: g } = o(), _ = f.disabled || !g || !l || !u, v = l && u ? () => {
-		p?.({ event: {
-			name: "LimitOrder:click",
-			params: { price: u }
-		} }), m({
-			flowType: "limitOrder",
-			flowProps: {
-				orderProps: l,
-				limitPrice: u,
-				onClose: h
-			}
-		});
-	} : f.onClick, y = n, b = e("w-full mt-4 h-[48px] text-md", f.className), x = d || "Review Order", S;
-	return c[0] !== y || c[1] !== f || c[2] !== _ || c[3] !== v || c[4] !== b || c[5] !== x ? (S = /* @__PURE__ */ a(y, {
-		variant: "cta",
-		radius: "lg",
-		...f,
-		className: b,
-		onClick: v,
-		disabled: _,
-		children: x
-	}), c[0] = y, c[1] = f, c[2] = _, c[3] = v, c[4] = b, c[5] = x, c[6] = S) : S = c[6], S;
+function OtcTradeFlowScreenButton(t0) {
+  const $ = distExports.c(7);
+  const {
+    orderProps,
+    otcPrice,
+    labelOverride,
+    ...buttonProps
+  } = t0;
+  const {
+    onOTCOrder
+  } = useWidgetEvents();
+  const {
+    showTradeOverviewScreen,
+    closeScreen
+  } = useSetScreen();
+  const {
+    isConnected
+  } = useAccount();
+  const disabled = buttonProps.disabled || !isConnected || !orderProps || !otcPrice;
+  const onClick = orderProps && otcPrice ? () => {
+    onOTCOrder?.({
+      event: {
+        name: "OTCOrder:click",
+        params: {
+          price: otcPrice
+        }
+      }
+    });
+    showTradeOverviewScreen({
+      flowType: "otcOrder",
+      flowProps: {
+        orderProps,
+        otcPrice,
+        onClose: closeScreen
+      }
+    });
+  } : buttonProps.onClick;
+  const T0 = Button;
+  const t1 = "cta";
+  const t2 = "lg";
+  const t3 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
+  const t4 = labelOverride || "Review Order";
+  let t5;
+  if ($[0] !== T0 || $[1] !== buttonProps || $[2] !== disabled || $[3] !== onClick || $[4] !== t3 || $[5] !== t4) {
+    t5 = /* @__PURE__ */ jsx(T0, { variant: t1, radius: t2, ...buttonProps, className: t3, onClick, disabled, children: t4 });
+    $[0] = T0;
+    $[1] = buttonProps;
+    $[2] = disabled;
+    $[3] = onClick;
+    $[4] = t3;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  return t5;
 }
-function l(s) {
-	let c = i(7), { orderProps: l, otcPrice: u, labelOverride: d, ...f } = s, { onOTCOrder: p } = t(), { showTradeOverviewScreen: m, closeScreen: h } = r(), { isConnected: g } = o(), _ = f.disabled || !g || !l || !u, v = l && u ? () => {
-		p?.({ event: {
-			name: "OTCOrder:click",
-			params: { price: u }
-		} }), m({
-			flowType: "otcOrder",
-			flowProps: {
-				orderProps: l,
-				otcPrice: u,
-				onClose: h
-			}
-		});
-	} : f.onClick, y = n, b = e("w-full mt-4 h-[48px] text-md", f.className), x = d || "Review Order", S;
-	return c[0] !== y || c[1] !== f || c[2] !== _ || c[3] !== v || c[4] !== b || c[5] !== x ? (S = /* @__PURE__ */ a(y, {
-		variant: "cta",
-		radius: "lg",
-		...f,
-		className: b,
-		onClick: v,
-		disabled: _,
-		children: x
-	}), c[0] = y, c[1] = f, c[2] = _, c[3] = v, c[4] = b, c[5] = x, c[6] = S) : S = c[6], S;
+function TwapTradeFlowScreenButton(t0) {
+  const $ = distExports.c(7);
+  const {
+    orderProps,
+    twapPrice,
+    labelOverride,
+    ...buttonProps
+  } = t0;
+  const {
+    onTwapOrder
+  } = useWidgetEvents();
+  const {
+    showTradeOverviewScreen,
+    closeScreen
+  } = useSetScreen();
+  const {
+    isConnected
+  } = useAccount();
+  const disabled = buttonProps.disabled || !isConnected || !orderProps || !twapPrice;
+  const onClick = orderProps && twapPrice ? () => {
+    onTwapOrder?.({
+      event: {
+        name: "TwapOrder:click",
+        params: {
+          price: twapPrice
+        }
+      }
+    });
+    showTradeOverviewScreen({
+      flowType: "twapOrder",
+      flowProps: {
+        orderProps,
+        twapPrice,
+        onClose: closeScreen
+      }
+    });
+  } : buttonProps.onClick;
+  const T0 = Button;
+  const t1 = "cta";
+  const t2 = "lg";
+  const t3 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
+  const t4 = labelOverride || "Confirm";
+  let t5;
+  if ($[0] !== T0 || $[1] !== buttonProps || $[2] !== disabled || $[3] !== onClick || $[4] !== t3 || $[5] !== t4) {
+    t5 = /* @__PURE__ */ jsx(T0, { variant: t1, radius: t2, ...buttonProps, className: t3, onClick, disabled, children: t4 });
+    $[0] = T0;
+    $[1] = buttonProps;
+    $[2] = disabled;
+    $[3] = onClick;
+    $[4] = t3;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  return t5;
 }
-//#endregion
-export { c as LimitTradeFlowScreenButton, l as OtcTradeFlowScreenButton, s as SwapTradeFlowScreenButton };
 
-//# sourceMappingURL=TradeFlowScreenButton.js.map
+export { LimitTradeFlowScreenButton, OtcTradeFlowScreenButton, SwapTradeFlowScreenButton, TwapTradeFlowScreenButton };
+//# sourceMappingURL=TradeFlowScreenButton.js.map

package/dist/core/TradeFlowScreenButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeFlowScreenButton.js","names":["Button","MinTradeOverviewProps","cn","BridgePrice","DeltaPrice","OptimalRate","useAccount","useSetScreen","useWidgetEvents","UserDefinedLimitPrice","UserDefinedOtcPrice","BaseTradeFlowButtonProps","React","ComponentProps","orderProps","labelOverride","SwapTradeFlowButtonProps","price","priceMode","SwapTradeFlowScreenButton","t0","$","_c","buttonProps","onSwap","showTradeOverviewScreen","closeScreen","isConnected","disabled","onClick","event","name","params","swapMode","flowType","flowProps","marketPrice","onClose","deltaPrice","T0","t1","t2","t3","className","t4","t5","LimitOrderTradeFlowButtonProps","limitPrice","LimitTradeFlowScreenButton","onLimitOrder","OtcOrderTradeFlowButtonProps","otcPrice","OtcTradeFlowScreenButton","onOTCOrder"],"sources":["../../src/core/TradeFlowScreenButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport type { MinTradeOverviewProps } from \"@/components/widget/TradeOverview/TradeOverview\";\nimport { cn } from \"@/lib/utils\";\nimport type { BridgePrice, DeltaPrice, OptimalRate } from \"@velora-dex/sdk\";\nimport { useAccount } from \"wagmi\";\nimport { useSetScreen } from \"./screen/state/hooks/useSetScreen\";\nimport { useWidgetEvents } from \"./state/widgetEventsAtom\";\n\nimport type { UserDefinedLimitPrice } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport type { UserDefinedOtcPrice } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\n\ntype BaseTradeFlowButtonProps = React.ComponentProps<typeof Button> & {\n  orderProps?: MinTradeOverviewProps;\n  labelOverride?: string;\n};\n\ntype SwapTradeFlowButtonProps = BaseTradeFlowButtonProps &\n  (\n    | { price?: OptimalRate; priceMode: \"market\" }\n    | { price?: DeltaPrice | BridgePrice; priceMode: \"delta\" }\n  );\nexport function SwapTradeFlowScreenButton({\n  orderProps,\n  price,\n  priceMode,\n  labelOverride,\n  ...buttonProps\n}: SwapTradeFlowButtonProps) {\n  const { onSwap } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !price;\n\n  const onClick =\n    orderProps && price\n      ? () => {\n          if (priceMode === \"market\") {\n            onSwap?.({\n              event: {\n                name: \"Swap:click\",\n                params: {\n                  swapMode: priceMode,\n                  price,\n                },\n              },\n            });\n            showTradeOverviewScreen({\n              flowType: \"marketSwap\",\n              flowProps: {\n                orderProps,\n                marketPrice: price,\n                onClose: closeScreen,\n              },\n            });\n          } else if (priceMode === \"delta\") {\n            onSwap?.({\n              event: {\n                name: \"Swap:click\",\n                params: {\n                  swapMode: priceMode,\n                  price,\n                },\n              },\n            });\n            showTradeOverviewScreen({\n              flowType: \"deltaOrder\",\n              flowProps: {\n                orderProps,\n                deltaPrice: price,\n                onClose: closeScreen,\n              },\n            });\n          }\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Swap\"}\n    </Button>\n  );\n}\n\ntype LimitOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  limitPrice?: UserDefinedLimitPrice;\n};\n\nexport function LimitTradeFlowScreenButton({\n  orderProps,\n  limitPrice,\n  labelOverride,\n  ...buttonProps\n}: LimitOrderTradeFlowButtonProps) {\n  const { onLimitOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !limitPrice;\n\n  const onClick =\n    orderProps && limitPrice\n      ? () => {\n          onLimitOrder?.({\n            event: {\n              name: \"LimitOrder:click\",\n              params: {\n                price: limitPrice,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"limitOrder\",\n            flowProps: {\n              orderProps,\n              limitPrice,\n              onClose: closeScreen,\n            },\n          });\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Review Order\"}\n    </Button>\n  );\n}\n\ntype OtcOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  otcPrice?: UserDefinedOtcPrice;\n};\n\nexport function OtcTradeFlowScreenButton({\n  orderProps,\n  otcPrice,\n  labelOverride,\n  ...buttonProps\n}: OtcOrderTradeFlowButtonProps) {\n  const { onOTCOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !otcPrice;\n\n  const onClick =\n    orderProps && otcPrice\n      ? () => {\n          onOTCOrder?.({\n            event: {\n              name: \"OTCOrder:click\",\n              params: {\n                price: otcPrice,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"otcOrder\",\n            flowProps: {\n              orderProps,\n              otcPrice,\n              onClose: closeScreen,\n            },\n          });\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Review Order\"}\n    </Button>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TradeFlowScreenButton.js","sources":["../../src/core/TradeFlowScreenButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport type { MinTradeOverviewProps } from \"@/components/widget/TradeOverview/TradeOverview\";\nimport { cn } from \"@/lib/utils\";\nimport type { BridgePrice, DeltaPrice, OptimalRate } from \"@velora-dex/sdk\";\nimport { useAccount } from \"wagmi\";\nimport { useSetScreen } from \"./screen/state/hooks/useSetScreen\";\nimport { useWidgetEvents } from \"./state/widgetEventsAtom\";\n\nimport type { UserDefinedLimitPrice } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport type { UserDefinedOtcPrice } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport type { DeltaOrBridgePrice } from \"@/hooks/swap/prices/types\";\n\ntype BaseTradeFlowButtonProps = React.ComponentProps<typeof Button> & {\n  orderProps?: MinTradeOverviewProps;\n  labelOverride?: string;\n};\n\ntype SwapTradeFlowButtonProps = BaseTradeFlowButtonProps &\n  (\n    | { price?: OptimalRate; priceMode: \"market\" }\n    | { price?: DeltaPrice | BridgePrice; priceMode: \"delta\" }\n  );\nexport function SwapTradeFlowScreenButton({\n  orderProps,\n  price,\n  priceMode,\n  labelOverride,\n  ...buttonProps\n}: SwapTradeFlowButtonProps) {\n  const { onSwap } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !price;\n\n  const onClick =\n    orderProps && price\n      ? () => {\n          if (priceMode === \"market\") {\n            onSwap?.({\n              event: {\n                name: \"Swap:click\",\n                params: {\n                  swapMode: priceMode,\n                  price,\n                },\n              },\n            });\n            showTradeOverviewScreen({\n              flowType: \"marketSwap\",\n              flowProps: {\n                orderProps,\n                marketPrice: price,\n                onClose: closeScreen,\n              },\n            });\n          } else if (priceMode === \"delta\") {\n            onSwap?.({\n              event: {\n                name: \"Swap:click\",\n                params: {\n                  swapMode: priceMode,\n                  price,\n                },\n              },\n            });\n            showTradeOverviewScreen({\n              flowType: \"deltaOrder\",\n              flowProps: {\n                orderProps,\n                deltaPrice: price,\n                onClose: closeScreen,\n              },\n            });\n          }\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Swap\"}\n    </Button>\n  );\n}\n\ntype LimitOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  limitPrice?: UserDefinedLimitPrice;\n};\n\nexport function LimitTradeFlowScreenButton({\n  orderProps,\n  limitPrice,\n  labelOverride,\n  ...buttonProps\n}: LimitOrderTradeFlowButtonProps) {\n  const { onLimitOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !limitPrice;\n\n  const onClick =\n    orderProps && limitPrice\n      ? () => {\n          onLimitOrder?.({\n            event: {\n              name: \"LimitOrder:click\",\n              params: {\n                price: limitPrice,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"limitOrder\",\n            flowProps: {\n              orderProps,\n              limitPrice,\n              onClose: closeScreen,\n            },\n          });\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Review Order\"}\n    </Button>\n  );\n}\n\ntype OtcOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  otcPrice?: UserDefinedOtcPrice;\n};\n\nexport function OtcTradeFlowScreenButton({\n  orderProps,\n  otcPrice,\n  labelOverride,\n  ...buttonProps\n}: OtcOrderTradeFlowButtonProps) {\n  const { onOTCOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !otcPrice;\n\n  const onClick =\n    orderProps && otcPrice\n      ? () => {\n          onOTCOrder?.({\n            event: {\n              name: \"OTCOrder:click\",\n              params: {\n                price: otcPrice,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"otcOrder\",\n            flowProps: {\n              orderProps,\n              otcPrice,\n              onClose: closeScreen,\n            },\n          });\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Review Order\"}\n    </Button>\n  );\n}\n\ntype TwapTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  twapPrice?: DeltaOrBridgePrice;\n};\n\nexport function TwapTradeFlowScreenButton({\n  orderProps,\n  twapPrice,\n  labelOverride,\n  ...buttonProps\n}: TwapTradeFlowButtonProps) {\n  const { onTwapOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !twapPrice;\n\n  const onClick =\n    orderProps && twapPrice\n      ? () => {\n          onTwapOrder?.({\n            event: {\n              name: \"TwapOrder:click\",\n              params: {\n                price: twapPrice,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"twapOrder\",\n            flowProps: {\n              orderProps,\n              twapPrice,\n              onClose: closeScreen,\n            },\n          });\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Confirm\"}\n    </Button>\n  );\n}\n"],"names":["SwapTradeFlowScreenButton","t0","$","_c","orderProps","price","priceMode","labelOverride","buttonProps","onSwap","useWidgetEvents","showTradeOverviewScreen","closeScreen","useSetScreen","isConnected","useAccount","disabled","onClick","event","name","params","swapMode","flowType","flowProps","marketPrice","onClose","deltaPrice","T0","Button","t1","t2","t3","cn","className","t4","t5","LimitTradeFlowScreenButton","limitPrice","onLimitOrder","OtcTradeFlowScreenButton","otcPrice","onOTCOrder","TwapTradeFlowScreenButton","twapPrice","onTwapOrder"],"mappings":"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"}

package/dist/core/TwapDetails.d.ts

@@ -0,0 +1,2 @@
+export declare const TwapDetails: () => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TwapDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TwapDetails.d.ts","sourceRoot":"","sources":["../../src/core/TwapDetails.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,sDAIvB,CAAC"}

package/dist/core/TwapDetails.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../_virtual/index.js';
+import { DetailWithValueListExpandable } from '../components/widget/Details/DetailWithValueListExpandable.js';
+import { useTwapDetailsListProps } from './twap/useTwapDetailsListProps.js';
+
+const TwapDetails = () => {
+  const $ = distExports.c(2);
+  const props = useTwapDetailsListProps();
+  if (!props) {
+    return null;
+  }
+  let t0;
+  if ($[0] !== props) {
+    t0 = /* @__PURE__ */ jsx(DetailWithValueListExpandable, { ...props });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+
+export { TwapDetails };
+//# sourceMappingURL=TwapDetails.js.map

package/dist/core/TwapDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwapDetails.js","sources":["../../src/core/TwapDetails.tsx"],"sourcesContent":["import { DetailWithValueListExpandable } from \"@/components/widget/Details/DetailWithValueListExpandable\";\nimport { useTwapDetailsListProps } from \"./twap/useTwapDetailsListProps\";\n\nexport const TwapDetails = () => {\n  const props = useTwapDetailsListProps();\n  if (!props) return null;\n  return <DetailWithValueListExpandable {...props} />;\n};\n"],"names":["TwapDetails","$","_c","props","useTwapDetailsListProps","t0"],"mappings":";;;;;AAGO,MAAMA,cAAcA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACzB,EAAA,MAAAC,QAAcC,uBAAAA,EAAwB;AACtC,EAAA,IAAI,CAACD,KAAAA,EAAK;AAAA,IAAA,OAAS,IAAA;AAAA,EAAI;AAAC,EAAA,IAAAE,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,KAAAA,EAAA;AACjBE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,6BAAA,EAAA,EAA6B,GAAKF,KAAAA,EAAK,CAAA;AAAIF,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAA5CI,EAAAA;AAA4C;;;;"}