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

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

@@ -1,37 +1,42 @@
 import { DeltaOrderTradeOverviewScreen as e } from "./DeltaOrderTradeOverview.js";
-import { MarketSwapTradeOverviewScreen as t } from "./MarketSwapTradeOverview.js";
-import { LimitOrderTradeOverviewScreen as n } from "./LimitOrderTradeOverview.js";
-import { OtcOrderTradeOverviewScreen as r } from "./OtcOrderTradeOverview.js";
-import { FillOtcOrderTradeOverviewScreen as i } from "./FillOtcOrderTradeOverview.js";
-import { c as a } from "react-compiler-runtime";
-import { jsx as o } from "react/jsx-runtime";
+import { TwapOrderTradeOverviewScreen as t } from "./TwapOrderTradeOverview.js";
+import { MarketSwapTradeOverviewScreen as n } from "./MarketSwapTradeOverview.js";
+import { LimitOrderTradeOverviewScreen as r } from "./LimitOrderTradeOverview.js";
+import { OtcOrderTradeOverviewScreen as i } from "./OtcOrderTradeOverview.js";
+import { FillOtcOrderTradeOverviewScreen as a } from "./FillOtcOrderTradeOverview.js";
+import { c as o } from "react-compiler-runtime";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/components/widget/TradeOverview/TradeOverviewScreen.tsx
-var s = (s) => {
-	let c = a(10), { flowType: l, flowProps: u } = s;
-	switch (l) {
+var c = (c) => {
+	let l = o(12), { flowType: u, flowProps: d } = c;
+	switch (u) {
 		case "marketSwap": {
 			let e;
-			return c[0] === u ? e = c[1] : (e = /* @__PURE__ */ o(t, { ...u }), c[0] = u, c[1] = e), e;
+			return l[0] === d ? e = l[1] : (e = /* @__PURE__ */ s(n, { ...d }), l[0] = d, l[1] = e), e;
 		}
 		case "deltaOrder": {
 			let t;
-			return c[2] === u ? t = c[3] : (t = /* @__PURE__ */ o(e, { ...u }), c[2] = u, c[3] = t), t;
+			return l[2] === d ? t = l[3] : (t = /* @__PURE__ */ s(e, { ...d }), l[2] = d, l[3] = t), t;
+		}
+		case "twapOrder": {
+			let e;
+			return l[4] === d ? e = l[5] : (e = /* @__PURE__ */ s(t, { ...d }), l[4] = d, l[5] = e), e;
 		}
 		case "limitOrder": {
 			let e;
-			return c[4] === u ? e = c[5] : (e = /* @__PURE__ */ o(n, { ...u }), c[4] = u, c[5] = e), e;
+			return l[6] === d ? e = l[7] : (e = /* @__PURE__ */ s(r, { ...d }), l[6] = d, l[7] = e), e;
 		}
 		case "otcOrder": {
 			let e;
-			return c[6] === u ? e = c[7] : (e = /* @__PURE__ */ o(r, { ...u }), c[6] = u, c[7] = e), e;
+			return l[8] === d ? e = l[9] : (e = /* @__PURE__ */ s(i, { ...d }), l[8] = d, l[9] = e), e;
 		}
 		case "fillOtcOrder": {
 			let e;
-			return c[8] === u ? e = c[9] : (e = /* @__PURE__ */ o(i, { ...u }), c[8] = u, c[9] = e), e;
+			return l[10] === d ? e = l[11] : (e = /* @__PURE__ */ s(a, { ...d }), l[10] = d, l[11] = e), e;
 		}
 	}
 };
 //#endregion
-export { s as TradeOverviewScreen };
+export { c as TradeOverviewScreen };
 
 //# sourceMappingURL=TradeOverviewScreen.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TradeOverviewScreen.js","names":["MarketSwapFlowType","DeltaSwapFlowType","LimitOrderFlowType","OtcOrderFlowType","FillOtcOrderFlowType","DeltaOrderTradeOverviewScreen","DeltaOrderTradeOverviewFlowProps","MarketSwapTradeOverviewScreen","MarketSwapTradeOverviewFlowProps","LimitOrderTradeOverviewScreen","LimitOrderTradeOverviewScreenProps","OtcOrderTradeOverviewScreen","OtcOrderTradeOverviewScreenProps","FillOtcOrderTradeOverviewScreen","FillOtcOrderTradeOverviewScreenProps","MarketSwapProps","flowType","flowProps","DeltaOrderProps","LimitOrderProps","OtcOrderProps","FillOtcOrderProps","TradeOverviewScreenProps","TradeOverviewScreen","t0","$","_c","t1"],"sources":["../../../../src/components/widget/TradeOverview/TradeOverviewScreen.tsx"],"sourcesContent":["import type {\n  MarketSwapFlowType,\n  DeltaSwapFlowType,\n  LimitOrderFlowType,\n  OtcOrderFlowType,\n  FillOtcOrderFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport {\n  DeltaOrderTradeOverviewScreen,\n  type DeltaOrderTradeOverviewFlowProps,\n} from \"./DeltaOrderTradeOverview\";\nimport {\n  MarketSwapTradeOverviewScreen,\n  type MarketSwapTradeOverviewFlowProps,\n} from \"./MarketSwapTradeOverview\";\nimport {\n  LimitOrderTradeOverviewScreen,\n  type LimitOrderTradeOverviewScreenProps,\n} from \"./LimitOrderTradeOverview\";\nimport {\n  OtcOrderTradeOverviewScreen,\n  type OtcOrderTradeOverviewScreenProps,\n} from \"./OtcOrderTradeOverview\";\nimport {\n  FillOtcOrderTradeOverviewScreen,\n  type FillOtcOrderTradeOverviewScreenProps,\n} from \"./FillOtcOrderTradeOverview\";\n\ntype MarketSwapProps = {\n  flowType: MarketSwapFlowType;\n  flowProps: MarketSwapTradeOverviewFlowProps;\n};\ntype DeltaOrderProps = {\n  flowType: DeltaSwapFlowType;\n  flowProps: DeltaOrderTradeOverviewFlowProps;\n};\n\ntype LimitOrderProps = {\n  flowType: LimitOrderFlowType;\n  flowProps: LimitOrderTradeOverviewScreenProps;\n};\n\ntype OtcOrderProps = {\n  flowType: OtcOrderFlowType;\n  flowProps: OtcOrderTradeOverviewScreenProps;\n};\n\ntype FillOtcOrderProps = {\n  flowType: FillOtcOrderFlowType;\n  flowProps: FillOtcOrderTradeOverviewScreenProps;\n};\n\nexport type TradeOverviewScreenProps =\n  | MarketSwapProps\n  | DeltaOrderProps\n  | LimitOrderProps\n  | OtcOrderProps\n  | FillOtcOrderProps;\n\nexport const TradeOverviewScreen = ({\n  flowType,\n  flowProps,\n}: TradeOverviewScreenProps) => {\n  switch (flowType) {\n    case \"marketSwap\":\n      return <MarketSwapTradeOverviewScreen {...flowProps} />;\n    case \"deltaOrder\":\n      return <DeltaOrderTradeOverviewScreen {...flowProps} />;\n    case \"limitOrder\":\n      return <LimitOrderTradeOverviewScreen {...flowProps} />;\n    case \"otcOrder\":\n      return <OtcOrderTradeOverviewScreen {...flowProps} />;\n    case \"fillOtcOrder\":\n      return <FillOtcOrderTradeOverviewScreen {...flowProps} />;\n  }\n};\n"],"mappings":";;;;;;;;AA2DA,IAAauB,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAV,aAAAC,iBAAAO;AAIlC,SAAQR,GAAR;EAAgB,KACT,cAAY;GAAA,IAAAW;AACwC,UADxCF,EAAA,OAAAR,IACwCU,IAAAF,EAAA,MAAhDE,IAAA,kBAAC,GAAD,EAA8B,GAAKV,GAAa,CAAA,EAAAQ,EAAA,KAAAR,GAAAQ,EAAA,KAAAE,IAAhDA;;EAAgD,KACpD,cAAY;GAAA,IAAAA;AACwC,UADxCF,EAAA,OAAAR,IACwCU,IAAAF,EAAA,MAAhDE,IAAA,kBAAC,GAAD,EAA8B,GAAKV,GAAa,CAAA,EAAAQ,EAAA,KAAAR,GAAAQ,EAAA,KAAAE,IAAhDA;;EAAgD,KACpD,cAAY;GAAA,IAAAA;AACwC,UADxCF,EAAA,OAAAR,IACwCU,IAAAF,EAAA,MAAhDE,IAAA,kBAAC,GAAD,EAA8B,GAAKV,GAAa,CAAA,EAAAQ,EAAA,KAAAR,GAAAQ,EAAA,KAAAE,IAAhDA;;EAAgD,KACpD,YAAU;GAAA,IAAAA;AACwC,UADxCF,EAAA,OAAAR,IACwCU,IAAAF,EAAA,MAA9CE,IAAA,kBAAC,GAAD,EAA4B,GAAKV,GAAa,CAAA,EAAAQ,EAAA,KAAAR,GAAAQ,EAAA,KAAAE,IAA9CA;;EAA8C,KAClD,gBAAc;GAAA,IAAAA;AACwC,UADxCF,EAAA,OAAAR,IACwCU,IAAAF,EAAA,MAAlDE,IAAA,kBAAC,GAAD,EAAgC,GAAKV,GAAa,CAAA,EAAAQ,EAAA,KAAAR,GAAAQ,EAAA,KAAAE,IAAlDA"}
+{"version":3,"file":"TradeOverviewScreen.js","names":["MarketSwapFlowType","DeltaSwapFlowType","TwapOrderFlowType","LimitOrderFlowType","OtcOrderFlowType","FillOtcOrderFlowType","DeltaOrderTradeOverviewScreen","DeltaOrderTradeOverviewFlowProps","TwapOrderTradeOverviewScreen","TwapOrderTradeOverviewFlowProps","MarketSwapTradeOverviewScreen","MarketSwapTradeOverviewFlowProps","LimitOrderTradeOverviewScreen","LimitOrderTradeOverviewScreenProps","OtcOrderTradeOverviewScreen","OtcOrderTradeOverviewScreenProps","FillOtcOrderTradeOverviewScreen","FillOtcOrderTradeOverviewScreenProps","MarketSwapProps","flowType","flowProps","DeltaOrderProps","TwapOrderProps","LimitOrderProps","OtcOrderProps","FillOtcOrderProps","TradeOverviewScreenProps","TradeOverviewScreen","t0","$","_c","t1"],"sources":["../../../../src/components/widget/TradeOverview/TradeOverviewScreen.tsx"],"sourcesContent":["import type {\n  MarketSwapFlowType,\n  DeltaSwapFlowType,\n  TwapOrderFlowType,\n  LimitOrderFlowType,\n  OtcOrderFlowType,\n  FillOtcOrderFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport {\n  DeltaOrderTradeOverviewScreen,\n  type DeltaOrderTradeOverviewFlowProps,\n} from \"./DeltaOrderTradeOverview\";\nimport {\n  TwapOrderTradeOverviewScreen,\n  type TwapOrderTradeOverviewFlowProps,\n} from \"./TwapOrderTradeOverview\";\nimport {\n  MarketSwapTradeOverviewScreen,\n  type MarketSwapTradeOverviewFlowProps,\n} from \"./MarketSwapTradeOverview\";\nimport {\n  LimitOrderTradeOverviewScreen,\n  type LimitOrderTradeOverviewScreenProps,\n} from \"./LimitOrderTradeOverview\";\nimport {\n  OtcOrderTradeOverviewScreen,\n  type OtcOrderTradeOverviewScreenProps,\n} from \"./OtcOrderTradeOverview\";\nimport {\n  FillOtcOrderTradeOverviewScreen,\n  type FillOtcOrderTradeOverviewScreenProps,\n} from \"./FillOtcOrderTradeOverview\";\n\ntype MarketSwapProps = {\n  flowType: MarketSwapFlowType;\n  flowProps: MarketSwapTradeOverviewFlowProps;\n};\ntype DeltaOrderProps = {\n  flowType: DeltaSwapFlowType;\n  flowProps: DeltaOrderTradeOverviewFlowProps;\n};\n\ntype TwapOrderProps = {\n  flowType: TwapOrderFlowType;\n  flowProps: TwapOrderTradeOverviewFlowProps;\n};\n\ntype LimitOrderProps = {\n  flowType: LimitOrderFlowType;\n  flowProps: LimitOrderTradeOverviewScreenProps;\n};\n\ntype OtcOrderProps = {\n  flowType: OtcOrderFlowType;\n  flowProps: OtcOrderTradeOverviewScreenProps;\n};\n\ntype FillOtcOrderProps = {\n  flowType: FillOtcOrderFlowType;\n  flowProps: FillOtcOrderTradeOverviewScreenProps;\n};\n\nexport type TradeOverviewScreenProps =\n  | MarketSwapProps\n  | DeltaOrderProps\n  | TwapOrderProps\n  | LimitOrderProps\n  | OtcOrderProps\n  | FillOtcOrderProps;\n\nexport const TradeOverviewScreen = ({\n  flowType,\n  flowProps,\n}: TradeOverviewScreenProps) => {\n  switch (flowType) {\n    case \"marketSwap\":\n      return <MarketSwapTradeOverviewScreen {...flowProps} />;\n    case \"deltaOrder\":\n      return <DeltaOrderTradeOverviewScreen {...flowProps} />;\n    case \"twapOrder\":\n      return <TwapOrderTradeOverviewScreen {...flowProps} />;\n    case \"limitOrder\":\n      return <LimitOrderTradeOverviewScreen {...flowProps} />;\n    case \"otcOrder\":\n      return <OtcOrderTradeOverviewScreen {...flowProps} />;\n    case \"fillOtcOrder\":\n      return <FillOtcOrderTradeOverviewScreen {...flowProps} />;\n  }\n};\n"],"mappings":";;;;;;;;;AAsEA,IAAa2B,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAX,aAAAC,iBAAAQ;AAIlC,SAAQT,GAAR;EAAgB,KACT,cAAY;GAAA,IAAAY;AACwC,UADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAAhDE,IAAA,kBAAC,GAAD,EAA8B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAAhDA;;EAAgD,KACpD,cAAY;GAAA,IAAAA;AACwC,UADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAAhDE,IAAA,kBAAC,GAAD,EAA8B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAAhDA;;EAAgD,KACpD,aAAW;GAAA,IAAAA;AACwC,UADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAA/CE,IAAA,kBAAC,GAAD,EAA6B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAA/CA;;EAA+C,KACnD,cAAY;GAAA,IAAAA;AACwC,UADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAAhDE,IAAA,kBAAC,GAAD,EAA8B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAAhDA;;EAAgD,KACpD,YAAU;GAAA,IAAAA;AACwC,UADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAA9CE,IAAA,kBAAC,GAAD,EAA4B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAA9CA;;EAA8C,KAClD,gBAAc;GAAA,IAAAA;AACwC,UADxCF,EAAA,QAAAT,IACwCW,IAAAF,EAAA,OAAlDE,IAAA,kBAAC,GAAD,EAAgC,GAAKX,GAAa,CAAA,EAAAS,EAAA,MAAAT,GAAAS,EAAA,MAAAE,IAAlDA"}

package/dist/components/widget/TradeOverview/TwapOrderTradeOverview.d.ts

@@ -0,0 +1,15 @@
+import { SubmitTwapOrderResult } from '../../../hooks/swap/tradeFlow/useTwapFlow';
+import { MinTradeOverviewProps, TradeOverviewProps } from './TradeOverview';
+import { TwapOrderStepKey } from './steps';
+import { TwapOrderFlowType } from '../../../hooks/swap/tradeFlow/common/types';
+import { BridgePrice, DeltaPrice } from '@velora-dex/sdk';
+type TwapOrderTradeOverviewProps = Pick<TradeOverviewProps<TwapOrderStepKey, SubmitTwapOrderResult, TwapOrderFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onCancelOrder" | "onResubmit" | "onRestartFlow" | "isFlowCancellable" | "explorerLink" | "activeStep" | "orderCancellationStep" | "result" | "error" | "erroredStep" | "tradeFlowType" | "swapSide">;
+export declare function TwapOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, swapSide, onDismiss, onHelp, onCancelFlow, onCancelOrder, onResubmit, onRestartFlow, activeStep, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: TwapOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+export type TwapOrderTradeOverviewFlowProps = {
+    orderProps: MinTradeOverviewProps;
+    twapPrice: DeltaPrice | BridgePrice;
+    onClose?: () => void;
+};
+export declare const TwapOrderTradeOverviewScreen: (props: TwapOrderTradeOverviewFlowProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TwapOrderTradeOverview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TwapOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TwapOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAkB,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU/D,KAAK,2BAA2B,GAAG,IAAI,CACrC,kBAAkB,CAChB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,2BAA2B,2CAyB7B;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC5C,UAAU,EAAE,qBAAqB,CAAC;IAClC,SAAS,EAAE,UAAU,GAAG,WAAW,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA6GF,eAAO,MAAM,4BAA4B,GACvC,OAAO,+BAA+B,4CAIvC,CAAC"}

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

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

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

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

package/dist/components/widget/TradeOverview/steps.d.ts

@@ -67,6 +67,39 @@ export declare const DeltaOrderSteps: [{
     readonly description: "Sit tight and relax, your order is being executed.";
     readonly key: "order-execution";
 }];
+export declare const TwapOrderSteps: [{
+    readonly title: {
+        readonly next: "Approve Price Change";
+        readonly upcoming: "Approve Price Change";
+        readonly ongoing: "Approve Price Change";
+        readonly done: "Approve Price Change";
+    };
+    readonly description: "The price has changed. Approve the new price to proceed.";
+    readonly key: "prepare-swap";
+}, {
+    readonly subSteps: [{
+        readonly title: "Approve Order Signatures (1/2)";
+        readonly description: (props: import('.').TitleFnProps) => string;
+        readonly key: "approval-signature";
+    }, {
+        readonly title: "Approve Order Signatures (2/2)";
+        readonly description: "We need your signature on your wallet to confirm the order submission.";
+        readonly key: "order-signature";
+    }, {
+        readonly title: "Approve Order Signature";
+        readonly description: "We need your signature on your wallet to confirm the order submission.";
+        readonly key: "standalone-order-signature";
+    }];
+    readonly key: "signature";
+}, {
+    readonly title: {
+        readonly next: "Submit TWAP Order";
+        readonly upcoming: "Submit TWAP Order";
+        readonly ongoing: "Submit TWAP Order";
+        readonly done: "Submit TWAP Order";
+    };
+    readonly key: "order-submission";
+}];
 export declare const LimitOrderSteps: [{
     readonly subSteps: [{
         readonly title: "Approve Order Signatures (1/2)";
@@ -175,6 +208,7 @@ export declare const MarketSwapSteps: [{
 }];
 export type DeltaOrderStepKey = (typeof DeltaOrderSteps)[number]["key"];
 export type LimitOrderStepKey = (typeof LimitOrderSteps)[number]["key"];
+export type TwapOrderStepKey = (typeof TwapOrderSteps)[number]["key"];
 export type OtcOrderStepKey = (typeof OtcOrderSteps)[number]["key"];
 export type FillOtcOrderStepKey = (typeof FillOtcOrderSteps)[number]["key"];
 export type MarketSwapStepKey = (typeof MarketSwapSteps)[number]["key"];
@@ -193,6 +227,9 @@ export type DeltaOrderStep = SignatureStep | {
 export type LimitOrderStep = SignatureStep | {
     key: Exclude<LimitOrderStepKey, SignatureStep["key"]>;
 };
+export type TwapOrderStep = SignatureStep | {
+    key: Exclude<TwapOrderStepKey, SignatureStep["key"]>;
+};
 export type OtcOrderStep = SignatureStep | {
     key: Exclude<OtcOrderStepKey, SignatureStep["key"]>;
 };
@@ -202,9 +239,5 @@ export type FillOtcOrderStep = SignatureStep | {
 export type MarketSwapStep = SignatureStep | {
     key: Exclude<MarketSwapStepKey, SignatureStep["key"]>;
 };
-export type CancelOrderStep = {
-    key: CancelOrderStepKey;
-};
-export type GenericStep = "pending" | "success" | "error";
 export {};
 //# sourceMappingURL=steps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/steps.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;CAsBU,CAAC;AAG9B,QAAA,MAAM,eAAe;;;;;;;;;CASQ,CAAC;AAE9B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBG,CAAC;AAEhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;EAiCG,CAAC;AAEhC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;EAiCK,CAAC;AAEhC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;EAWC,CAAC;AAEhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaG,CAAC;AAEhC,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACxE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AAC5E,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AAGxE,MAAM,MAAM,kBAAkB,GAC1B,6BAA6B,GAC7B,8BAA8B,GAC9B,4BAA4B,GAC5B,0BAA0B,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,OAAO,aAAa,CAAC,GAAG,CAAC;IAC9B,OAAO,EAAE,CAAC,OAAO,aAAa,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,OAAO,eAAe,CAAC,GAAG,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,YAAY,GACpB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,mBAAmB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAChE,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,eAAe,GAAG;IAAE,GAAG,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/steps.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;CAsBU,CAAC;AAG9B,QAAA,MAAM,eAAe;;;;;;;;;CASQ,CAAC;AAE9B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBG,CAAC;AAEhC,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYI,CAAC;AAEhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;EAiCG,CAAC;AAEhC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;EAiCK,CAAC;AAEhC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;EAWC,CAAC;AAEhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaG,CAAC;AAEhC,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACxE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACxE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACtE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AAC5E,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AAGxE,MAAM,MAAM,kBAAkB,GAC1B,6BAA6B,GAC7B,8BAA8B,GAC9B,4BAA4B,GAC5B,0BAA0B,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,OAAO,aAAa,CAAC,GAAG,CAAC;IAC9B,OAAO,EAAE,CAAC,OAAO,aAAa,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,OAAO,eAAe,CAAC,GAAG,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,aAAa,GACrB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC7D,MAAM,MAAM,YAAY,GACpB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,mBAAmB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAChE,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC"}

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

@@ -50,7 +50,19 @@ var e = {
 		description: "Sit tight and relax, your order is being executed.",
 		key: "order-execution"
 	}
-], r = [{
+], r = [
+	t,
+	e,
+	{
+		title: {
+			next: "Submit TWAP Order",
+			upcoming: "Submit TWAP Order",
+			ongoing: "Submit TWAP Order",
+			done: "Submit TWAP Order"
+		},
+		key: "order-submission"
+	}
+], i = [{
 	subSteps: [
 		{
 			title: "Approve Order Signatures (1/2)",
@@ -77,7 +89,7 @@ var e = {
 		done: "Submit Limit Order"
 	},
 	key: "order-submission"
-}], i = [{
+}], a = [{
 	subSteps: [
 		{
 			title: "Approve Order Signatures (1/2)",
@@ -104,7 +116,7 @@ var e = {
 		done: "Submit OTC Order"
 	},
 	key: "order-submission"
-}], a = [e, {
+}], o = [e, {
 	title: {
 		next: "OTC Order Execution is upcoming",
 		upcoming: "OTC Order Execution",
@@ -112,7 +124,7 @@ var e = {
 		done: "OTC Order is executed"
 	},
 	key: "order-execution"
-}], o = [
+}], s = [
 	t,
 	e,
 	{
@@ -127,6 +139,6 @@ var e = {
 	}
 ];
 //#endregion
-export { n as DeltaOrderSteps, a as FillOtcOrderSteps, r as LimitOrderSteps, o as MarketSwapSteps, i as OtcOrderSteps };
+export { n as DeltaOrderSteps, o as FillOtcOrderSteps, i as LimitOrderSteps, s as MarketSwapSteps, a as OtcOrderSteps, r as TwapOrderSteps };
 
 //# sourceMappingURL=steps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"steps.js","names":["FlowStep","signatureStep","subSteps","title","description","props","fromToken","symbol","key","const","prepareSwapStep","next","upcoming","ongoing","done","DeltaOrderSteps","LimitOrderSteps","OtcOrderSteps","FillOtcOrderSteps","MarketSwapSteps","DeltaOrderStepKey","LimitOrderStepKey","OtcOrderStepKey","FillOtcOrderStepKey","MarketSwapStepKey","CancelOrderStepKey","SignatureStep","subStep","PrepareSwapStep","NonFlowStep","DeltaOrderStep","Exclude","LimitOrderStep","OtcOrderStep","FillOtcOrderStep","MarketSwapStep","CancelOrderStep","GenericStep"],"sources":["../../../../src/components/widget/TradeOverview/steps.ts"],"sourcesContent":["import type { FlowStep } from \"./Step/types\";\n\nconst signatureStep = {\n  subSteps: [\n    {\n      title: \"Approve Order Signatures (1/2)\",\n      description: (props) =>\n        `We need your signature on your wallet to allow our smart contracts to access your ${props.fromToken.symbol} token and execute your swap on your behalf.`,\n      key: \"approval-signature\",\n    },\n    {\n      title: \"Approve Order Signatures (2/2)\",\n      description:\n        \"We need your signature on your wallet to confirm the order submission.\",\n      key: \"order-signature\",\n    },\n    {\n      title: \"Approve Order Signature\",\n      description:\n        \"We need your signature on your wallet to confirm the order submission.\",\n      key: \"standalone-order-signature\",\n    },\n  ],\n  key: \"signature\",\n} as const satisfies FlowStep;\n\n// a Swap overview step, currently only shown before resubmitting a Swap (market or delta)\nconst prepareSwapStep = {\n  title: {\n    next: \"Approve Price Change\",\n    upcoming: \"Approve Price Change\",\n    ongoing: \"Approve Price Change\",\n    done: \"Approve Price Change\",\n  },\n  description: \"The price has changed. Approve the new price to proceed.\",\n  key: \"prepare-swap\",\n} as const satisfies FlowStep;\n\nexport const DeltaOrderSteps = [\n  prepareSwapStep,\n  signatureStep,\n  {\n    title: {\n      next: \"Auction is upcoming\",\n      upcoming: \"Auction\",\n      ongoing: \"Auction in progress\",\n      done: \"Auction is completed\",\n    },\n    description:\n      \"We send your order to our Delta agents, the one with the best price and execution offer will be picked for your trade\",\n    key: \"auction\",\n  },\n  {\n    title: {\n      next: \"Order Execution is upcoming\",\n      upcoming: \"Order Execution\",\n      ongoing: \"Executing the Order\",\n      done: \"Order is executed\",\n    },\n    description: \"Sit tight and relax, your order is being executed.\",\n    key: \"order-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport const LimitOrderSteps = [\n  {\n    subSteps: [\n      {\n        title: \"Approve Order Signatures (1/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"approval-signature\",\n      },\n      {\n        title: \"Approve Order Signatures (2/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"order-signature\",\n      },\n      {\n        title: \"Approve Order Signature\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"standalone-order-signature\",\n      },\n    ],\n    key: \"signature\",\n  },\n  {\n    title: {\n      next: \"Submit Limit Order\",\n      upcoming: \"Submit Limit Order\",\n      ongoing: \"Submit Limit Order\",\n      done: \"Submit Limit Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const OtcOrderSteps = [\n  {\n    subSteps: [\n      {\n        title: \"Approve Order Signatures (1/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"approval-signature\",\n      },\n      {\n        title: \"Approve Order Signatures (2/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"order-signature\",\n      },\n      {\n        title: \"Approve Order Signature\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"standalone-order-signature\",\n      },\n    ],\n    key: \"signature\",\n  },\n  {\n    title: {\n      next: \"Submit OTC Order\",\n      upcoming: \"Submit OTC Order\",\n      ongoing: \"Submit OTC Order\",\n      done: \"Submit OTC Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const FillOtcOrderSteps = [\n  signatureStep,\n  {\n    title: {\n      next: \"OTC Order Execution is upcoming\",\n      upcoming: \"OTC Order Execution\",\n      ongoing: \"Executing the OTC Order\",\n      done: \"OTC Order is executed\",\n    },\n    key: \"order-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport const MarketSwapSteps = [\n  prepareSwapStep,\n  signatureStep,\n  {\n    title: {\n      next: \"Order Execution is upcoming\",\n      upcoming: \"Order Execution\",\n      ongoing: \"Executing the swap order\",\n      done: \"Order is executed\",\n    },\n    description: \"Sit tight and relax, your swap transaction is being executed\",\n    key: \"swap-tx-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport type DeltaOrderStepKey = (typeof DeltaOrderSteps)[number][\"key\"];\nexport type LimitOrderStepKey = (typeof LimitOrderSteps)[number][\"key\"];\nexport type OtcOrderStepKey = (typeof OtcOrderSteps)[number][\"key\"];\nexport type FillOtcOrderStepKey = (typeof FillOtcOrderSteps)[number][\"key\"];\nexport type MarketSwapStepKey = (typeof MarketSwapSteps)[number][\"key\"];\n\n// only used as a separate orderCancellationStep key, not as a step key\nexport type CancelOrderStepKey =\n  | \"order-cancellation-approval\"\n  | \"order-cancellation-execution\"\n  | \"order-cancellation-success\"\n  | \"order-cancellation-error\";\n\nexport type SignatureStep = {\n  key: typeof signatureStep.key;\n  subStep: (typeof signatureStep.subSteps)[number][\"key\"];\n};\n\nexport type PrepareSwapStep = {\n  key: typeof prepareSwapStep.key;\n};\n\nexport type NonFlowStep = PrepareSwapStep;\n\nexport type DeltaOrderStep =\n  | SignatureStep\n  | { key: Exclude<DeltaOrderStepKey, SignatureStep[\"key\"]> };\nexport type LimitOrderStep =\n  | SignatureStep\n  | { key: Exclude<LimitOrderStepKey, SignatureStep[\"key\"]> };\nexport type OtcOrderStep =\n  | SignatureStep\n  | { key: Exclude<OtcOrderStepKey, SignatureStep[\"key\"]> };\nexport type FillOtcOrderStep =\n  | SignatureStep\n  | { key: Exclude<FillOtcOrderStepKey, SignatureStep[\"key\"]> };\nexport type MarketSwapStep =\n  | SignatureStep\n  | { key: Exclude<MarketSwapStepKey, SignatureStep[\"key\"]> };\nexport type CancelOrderStep = { key: CancelOrderStepKey };\n\nexport type GenericStep = \"pending\" | \"success\" | \"error\";\n"],"mappings":";AAEA,IAAMC,IAAgB;CACpBC,UAAU;EACR;GACEC,OAAO;GACPC,cAAcC,MACZ,qFAAqFA,EAAMC,UAAUC,OAAM;GAC7GC,KAAK;GACN;EACD;GACEL,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACD;GACEL,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACF;CACDA,KAAK;CACN,EAGKE,IAAkB;CACtBP,OAAO;EACLQ,MAAM;EACNC,UAAU;EACVC,SAAS;EACTC,MAAM;EACP;CACDV,aAAa;CACbI,KAAK;CACN,EAEYO,IAAkB;CAC7BL;CACAT;CACA;EACEE,OAAO;GACLQ,MAAM;GACNC,UAAU;GACVC,SAAS;GACTC,MAAM;GACP;EACDV,aACE;EACFI,KAAK;EACN;CACD;EACEL,OAAO;GACLQ,MAAM;GACNC,UAAU;GACVC,SAAS;GACTC,MAAM;GACP;EACDV,aAAa;EACbI,KAAK;EACN;CACF,EAEYQ,IAAkB,CAC7B;CACEd,UAAU;EACR;GACEC,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACD;GACEL,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACD;GACEL,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACF;CACDA,KAAK;CACN,EACD;CACEL,OAAO;EACLQ,MAAM;EACNC,UAAU;EACVC,SAAS;EACTC,MAAM;EACP;CACDN,KAAK;CACN,CACF,EAEYS,IAAgB,CAC3B;CACEf,UAAU;EACR;GACEC,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACD;GACEL,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACD;GACEL,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACF;CACDA,KAAK;CACN,EACD;CACEL,OAAO;EACLQ,MAAM;EACNC,UAAU;EACVC,SAAS;EACTC,MAAM;EACP;CACDN,KAAK;CACN,CACF,EAEYU,IAAoB,CAC/BjB,GACA;CACEE,OAAO;EACLQ,MAAM;EACNC,UAAU;EACVC,SAAS;EACTC,MAAM;EACP;CACDN,KAAK;CACN,CACF,EAEYW,IAAkB;CAC7BT;CACAT;CACA;EACEE,OAAO;GACLQ,MAAM;GACNC,UAAU;GACVC,SAAS;GACTC,MAAM;GACP;EACDV,aAAa;EACbI,KAAK;EACN;CACF"}
+{"version":3,"file":"steps.js","names":["FlowStep","signatureStep","subSteps","title","description","props","fromToken","symbol","key","const","prepareSwapStep","next","upcoming","ongoing","done","DeltaOrderSteps","TwapOrderSteps","LimitOrderSteps","OtcOrderSteps","FillOtcOrderSteps","MarketSwapSteps","DeltaOrderStepKey","LimitOrderStepKey","TwapOrderStepKey","OtcOrderStepKey","FillOtcOrderStepKey","MarketSwapStepKey","CancelOrderStepKey","SignatureStep","subStep","PrepareSwapStep","NonFlowStep","DeltaOrderStep","Exclude","LimitOrderStep","TwapOrderStep","OtcOrderStep","FillOtcOrderStep","MarketSwapStep"],"sources":["../../../../src/components/widget/TradeOverview/steps.ts"],"sourcesContent":["import type { FlowStep } from \"./Step/types\";\n\nconst signatureStep = {\n  subSteps: [\n    {\n      title: \"Approve Order Signatures (1/2)\",\n      description: (props) =>\n        `We need your signature on your wallet to allow our smart contracts to access your ${props.fromToken.symbol} token and execute your swap on your behalf.`,\n      key: \"approval-signature\",\n    },\n    {\n      title: \"Approve Order Signatures (2/2)\",\n      description:\n        \"We need your signature on your wallet to confirm the order submission.\",\n      key: \"order-signature\",\n    },\n    {\n      title: \"Approve Order Signature\",\n      description:\n        \"We need your signature on your wallet to confirm the order submission.\",\n      key: \"standalone-order-signature\",\n    },\n  ],\n  key: \"signature\",\n} as const satisfies FlowStep;\n\n// a Swap overview step, currently only shown before resubmitting a Swap (market or delta)\nconst prepareSwapStep = {\n  title: {\n    next: \"Approve Price Change\",\n    upcoming: \"Approve Price Change\",\n    ongoing: \"Approve Price Change\",\n    done: \"Approve Price Change\",\n  },\n  description: \"The price has changed. Approve the new price to proceed.\",\n  key: \"prepare-swap\",\n} as const satisfies FlowStep;\n\nexport const DeltaOrderSteps = [\n  prepareSwapStep,\n  signatureStep,\n  {\n    title: {\n      next: \"Auction is upcoming\",\n      upcoming: \"Auction\",\n      ongoing: \"Auction in progress\",\n      done: \"Auction is completed\",\n    },\n    description:\n      \"We send your order to our Delta agents, the one with the best price and execution offer will be picked for your trade\",\n    key: \"auction\",\n  },\n  {\n    title: {\n      next: \"Order Execution is upcoming\",\n      upcoming: \"Order Execution\",\n      ongoing: \"Executing the Order\",\n      done: \"Order is executed\",\n    },\n    description: \"Sit tight and relax, your order is being executed.\",\n    key: \"order-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport const TwapOrderSteps = [\n  prepareSwapStep,\n  signatureStep,\n  {\n    title: {\n      next: \"Submit TWAP Order\",\n      upcoming: \"Submit TWAP Order\",\n      ongoing: \"Submit TWAP Order\",\n      done: \"Submit TWAP Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const LimitOrderSteps = [\n  {\n    subSteps: [\n      {\n        title: \"Approve Order Signatures (1/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"approval-signature\",\n      },\n      {\n        title: \"Approve Order Signatures (2/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"order-signature\",\n      },\n      {\n        title: \"Approve Order Signature\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"standalone-order-signature\",\n      },\n    ],\n    key: \"signature\",\n  },\n  {\n    title: {\n      next: \"Submit Limit Order\",\n      upcoming: \"Submit Limit Order\",\n      ongoing: \"Submit Limit Order\",\n      done: \"Submit Limit Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const OtcOrderSteps = [\n  {\n    subSteps: [\n      {\n        title: \"Approve Order Signatures (1/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"approval-signature\",\n      },\n      {\n        title: \"Approve Order Signatures (2/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"order-signature\",\n      },\n      {\n        title: \"Approve Order Signature\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"standalone-order-signature\",\n      },\n    ],\n    key: \"signature\",\n  },\n  {\n    title: {\n      next: \"Submit OTC Order\",\n      upcoming: \"Submit OTC Order\",\n      ongoing: \"Submit OTC Order\",\n      done: \"Submit OTC Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const FillOtcOrderSteps = [\n  signatureStep,\n  {\n    title: {\n      next: \"OTC Order Execution is upcoming\",\n      upcoming: \"OTC Order Execution\",\n      ongoing: \"Executing the OTC Order\",\n      done: \"OTC Order is executed\",\n    },\n    key: \"order-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport const MarketSwapSteps = [\n  prepareSwapStep,\n  signatureStep,\n  {\n    title: {\n      next: \"Order Execution is upcoming\",\n      upcoming: \"Order Execution\",\n      ongoing: \"Executing the swap order\",\n      done: \"Order is executed\",\n    },\n    description: \"Sit tight and relax, your swap transaction is being executed\",\n    key: \"swap-tx-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport type DeltaOrderStepKey = (typeof DeltaOrderSteps)[number][\"key\"];\nexport type LimitOrderStepKey = (typeof LimitOrderSteps)[number][\"key\"];\nexport type TwapOrderStepKey = (typeof TwapOrderSteps)[number][\"key\"];\nexport type OtcOrderStepKey = (typeof OtcOrderSteps)[number][\"key\"];\nexport type FillOtcOrderStepKey = (typeof FillOtcOrderSteps)[number][\"key\"];\nexport type MarketSwapStepKey = (typeof MarketSwapSteps)[number][\"key\"];\n\n// only used as a separate orderCancellationStep key, not as a step key\nexport type CancelOrderStepKey =\n  | \"order-cancellation-approval\"\n  | \"order-cancellation-execution\"\n  | \"order-cancellation-success\"\n  | \"order-cancellation-error\";\n\nexport type SignatureStep = {\n  key: typeof signatureStep.key;\n  subStep: (typeof signatureStep.subSteps)[number][\"key\"];\n};\n\nexport type PrepareSwapStep = {\n  key: typeof prepareSwapStep.key;\n};\n\nexport type NonFlowStep = PrepareSwapStep;\n\nexport type DeltaOrderStep =\n  | SignatureStep\n  | { key: Exclude<DeltaOrderStepKey, SignatureStep[\"key\"]> };\nexport type LimitOrderStep =\n  | SignatureStep\n  | { key: Exclude<LimitOrderStepKey, SignatureStep[\"key\"]> };\nexport type TwapOrderStep =\n  | SignatureStep\n  | { key: Exclude<TwapOrderStepKey, SignatureStep[\"key\"]> };\nexport type OtcOrderStep =\n  | SignatureStep\n  | { key: Exclude<OtcOrderStepKey, SignatureStep[\"key\"]> };\nexport type FillOtcOrderStep =\n  | SignatureStep\n  | { key: Exclude<FillOtcOrderStepKey, SignatureStep[\"key\"]> };\nexport type MarketSwapStep =\n  | SignatureStep\n  | { key: Exclude<MarketSwapStepKey, SignatureStep[\"key\"]> };\n"],"mappings":";AAEA,IAAMC,IAAgB;CACpBC,UAAU;EACR;GACEC,OAAO;GACPC,cAAcC,MACZ,qFAAqFA,EAAMC,UAAUC,OAAM;GAC7GC,KAAK;GACN;EACD;GACEL,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACD;GACEL,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACF;CACDA,KAAK;CACN,EAGKE,IAAkB;CACtBP,OAAO;EACLQ,MAAM;EACNC,UAAU;EACVC,SAAS;EACTC,MAAM;EACP;CACDV,aAAa;CACbI,KAAK;CACN,EAEYO,IAAkB;CAC7BL;CACAT;CACA;EACEE,OAAO;GACLQ,MAAM;GACNC,UAAU;GACVC,SAAS;GACTC,MAAM;GACP;EACDV,aACE;EACFI,KAAK;EACN;CACD;EACEL,OAAO;GACLQ,MAAM;GACNC,UAAU;GACVC,SAAS;GACTC,MAAM;GACP;EACDV,aAAa;EACbI,KAAK;EACN;CACF,EAEYQ,IAAiB;CAC5BN;CACAT;CACA;EACEE,OAAO;GACLQ,MAAM;GACNC,UAAU;GACVC,SAAS;GACTC,MAAM;GACP;EACDN,KAAK;EACN;CACF,EAEYS,IAAkB,CAC7B;CACEf,UAAU;EACR;GACEC,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACD;GACEL,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACD;GACEL,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACF;CACDA,KAAK;CACN,EACD;CACEL,OAAO;EACLQ,MAAM;EACNC,UAAU;EACVC,SAAS;EACTC,MAAM;EACP;CACDN,KAAK;CACN,CACF,EAEYU,IAAgB,CAC3B;CACEhB,UAAU;EACR;GACEC,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACD;GACEL,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACD;GACEL,OAAO;GACPC,aACE;GACFI,KAAK;GACN;EACF;CACDA,KAAK;CACN,EACD;CACEL,OAAO;EACLQ,MAAM;EACNC,UAAU;EACVC,SAAS;EACTC,MAAM;EACP;CACDN,KAAK;CACN,CACF,EAEYW,IAAoB,CAC/BlB,GACA;CACEE,OAAO;EACLQ,MAAM;EACNC,UAAU;EACVC,SAAS;EACTC,MAAM;EACP;CACDN,KAAK;CACN,CACF,EAEYY,IAAkB;CAC7BV;CACAT;CACA;EACEE,OAAO;GACLQ,MAAM;GACNC,UAAU;GACVC,SAAS;GACTC,MAAM;GACP;EACDV,aAAa;EACbI,KAAK;EACN;CACF"}

package/dist/components/widget/TradeOverview/tradeFlowContext.d.ts

@@ -5,10 +5,11 @@ import { SubmitLimitOrderResult } from '../../../hooks/swap/tradeFlow/useLimitOr
 import { SubmitOtcOrderResult } from '../../../hooks/otc/tradeFlow/useOtcOrderFlow';
 import { SubmitFillOtcOrderResult } from '../../../hooks/otc/tradeFlow/useFillOtcOrderFlow';
 import { TradeOverviewProps } from './TradeOverview';
-import { DeltaOrderStepKey, FillOtcOrderStepKey, LimitOrderStepKey, MarketSwapStepKey, OtcOrderStepKey } from './steps';
+import { DeltaOrderStepKey, FillOtcOrderStepKey, LimitOrderStepKey, MarketSwapStepKey, OtcOrderStepKey, TwapOrderStepKey } from './steps';
+import { SubmitTwapOrderResult } from '../../../hooks/swap/tradeFlow/useTwapFlow';
 export type TradeFlowContextProps<Key extends string = string, Result = unknown, FlowType extends TradeFlowType = TradeFlowType> = Pick<TradeOverviewProps<Key, Result, FlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "swapSide" | "activeStep" | "orderCancellationStep" | "steps" | "isFlowCancellable" | "explorerLink" | "result" | "error" | "erroredStep" | "tradeFlowType">;
 export declare const TradeFlowContext: import('react').Context<TradeFlowContextProps<string, unknown, TradeFlowType> | null>;
-export type TradeFlowStep = DeltaOrderStepKey | MarketSwapStepKey | LimitOrderStepKey | OtcOrderStepKey | FillOtcOrderStepKey;
+export type TradeFlowStep = DeltaOrderStepKey | MarketSwapStepKey | LimitOrderStepKey | OtcOrderStepKey | TwapOrderStepKey | FillOtcOrderStepKey;
 export type TradeFlowDerivedStep = TradeFlowStep | "complete" | "error";
 /** All possible result types (TradeFlowResult) */
 type ContextResult = TradeFlowResult;
@@ -24,6 +25,7 @@ type FlowTypeStepAndResultMap = {
     limitOrder: [LimitOrderStepKey, SubmitLimitOrderResult];
     otcOrder: [OtcOrderStepKey, SubmitOtcOrderResult];
     fillOtcOrder: [FillOtcOrderStepKey, SubmitFillOtcOrderResult];
+    twapOrder: [TwapOrderStepKey, SubmitTwapOrderResult];
 };
 export declare function isFlowContext<T extends TradeFlowType>(context: Context & ContextExtra, flowType: T): context is TradeFlowContextProps<FlowTypeStepAndResultMap[T][0], FlowTypeStepAndResultMap[T][1], T>;
 export declare function useTradeFlowContext(): Context & ContextExtra;

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

@@ -1 +1 @@
-{"version":3,"file":"tradeFlowContext.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACd,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AACvF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC1F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,qBAAqB,CAC/B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,aAAa,GAAG,aAAa,IAC5C,IAAI,CACN,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EACvC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,GACZ,uBAAuB,GACvB,OAAO,GACP,mBAAmB,GACnB,cAAc,GACd,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uFAE5B,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,mBAAmB,CAAC;AAExB,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,CAAC;AAExE,kDAAkD;AAClD,KAAK,aAAa,GAAG,eAAe,CAAC;AAErC,KAAK,OAAO,GAAG,qBAAqB,CAClC,aAAa,EACb,aAAa,EACb,aAAa,CACd,CAAC;AACF,KAAK,YAAY,GAAG;IAClB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,8DAA8D;AAC9D,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC;IACxD,UAAU,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IAClD,UAAU,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC;IACxD,QAAQ,EAAE,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC;IAClD,YAAY,EAAE,CAAC,mBAAmB,EAAE,wBAAwB,CAAC,CAAC;CAC/D,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,SAAS,aAAa,EACnD,OAAO,EAAE,OAAO,GAAG,YAAY,EAC/B,QAAQ,EAAE,CAAC,GACV,OAAO,IAAI,qBAAqB,CACjC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC9B,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC9B,CAAC,CACF,CAEA;AAkBD,wBAAgB,mBAAmB,IAAI,OAAO,GAAG,YAAY,CAuB5D"}
+{"version":3,"file":"tradeFlowContext.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACd,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AACvF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC1F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACtB,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAGhF,MAAM,MAAM,qBAAqB,CAC/B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,aAAa,GAAG,aAAa,IAC5C,IAAI,CACN,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EACvC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,GACZ,uBAAuB,GACvB,OAAO,GACP,mBAAmB,GACnB,cAAc,GACd,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uFAE5B,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,gBAAgB,GAChB,mBAAmB,CAAC;AAExB,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,CAAC;AAExE,kDAAkD;AAClD,KAAK,aAAa,GAAG,eAAe,CAAC;AAErC,KAAK,OAAO,GAAG,qBAAqB,CAClC,aAAa,EACb,aAAa,EACb,aAAa,CACd,CAAC;AACF,KAAK,YAAY,GAAG;IAClB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,8DAA8D;AAC9D,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC;IACxD,UAAU,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IAClD,UAAU,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC;IACxD,QAAQ,EAAE,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC;IAClD,YAAY,EAAE,CAAC,mBAAmB,EAAE,wBAAwB,CAAC,CAAC;IAC9D,SAAS,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC;CACtD,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,SAAS,aAAa,EACnD,OAAO,EAAE,OAAO,GAAG,YAAY,EAC/B,QAAQ,EAAE,CAAC,GACV,OAAO,IAAI,qBAAqB,CACjC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC9B,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC9B,CAAC,CACF,CAEA;AAoBD,wBAAgB,mBAAmB,IAAI,OAAO,GAAG,YAAY,CAuB5D"}

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

@@ -7,7 +7,7 @@ function a(e, t) {
 	return e.tradeFlowType === t;
 }
 function o(e) {
-	return e.result ? a(e, "limitOrder") ? e.result.limitOrder.lastOrderState?.status === "CANCELLED" : a(e, "otcOrder") ? e.result.otcOrder.lastOrderState?.state === "CANCELLED" : a(e, "deltaOrder") ? e.result.deltaOrder.lastOrderState?.status === "CANCELLED" : !1 : !1;
+	return e.result ? a(e, "limitOrder") ? e.result.limitOrder.lastOrderState?.status === "CANCELLED" : a(e, "otcOrder") ? e.result.otcOrder.lastOrderState?.state === "CANCELLED" : a(e, "deltaOrder") ? e.result.deltaOrder.lastOrderState.status === "CANCELLED" : a(e, "twapOrder") ? e.result.twapOrder.lastOrderState?.status === "CANCELLED" : !1 : !1;
 }
 function s() {
 	let n = t(6), a = r(i);

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

@@ -1 +1 @@
-{"version":3,"file":"tradeFlowContext.js","names":["TradeFlowResult","TradeFlowType","SubmitDeltaOrderResult","SubmitSwapResult","SubmitLimitOrderResult","SubmitOtcOrderResult","SubmitFillOtcOrderResult","TradeOverviewProps","createContext","useContext","DeltaOrderStepKey","FillOtcOrderStepKey","LimitOrderStepKey","MarketSwapStepKey","OtcOrderStepKey","isNonFlowStep","TradeFlowContextProps","Pick","Key","Result","FlowType","TradeFlowContext","TradeFlowStep","TradeFlowDerivedStep","ContextResult","Context","ContextExtra","derivedStep","isOrderCancelled","FlowTypeStepAndResultMap","deltaOrder","marketSwap","limitOrder","otcOrder","fillOtcOrder","isFlowContext","context","flowType","T","tradeFlowType","isContextOrderCancelled","result","lastOrderState","status","state","useTradeFlowContext","$","_c","Error","activeStep","key","error","typedContext","t0","t1","extendedContext"],"sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"sourcesContent":["import type {\n  TradeFlowResult,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport type { SubmitLimitOrderResult } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport type { SubmitOtcOrderResult } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport type { SubmitFillOtcOrderResult } from \"@/hooks/otc/tradeFlow/useFillOtcOrderFlow\";\nimport type { TradeOverviewProps } from \"./TradeOverview\";\nimport { createContext, useContext } from \"react\";\nimport {\n  type DeltaOrderStepKey,\n  type FillOtcOrderStepKey,\n  type LimitOrderStepKey,\n  type MarketSwapStepKey,\n  type OtcOrderStepKey,\n} from \"./steps\";\nimport { isNonFlowStep } from \"./utils/isNonFlowStep\";\n\n// generic to accept any result and step type\nexport type TradeFlowContextProps<\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends TradeFlowType = TradeFlowType,\n> = Pick<\n  TradeOverviewProps<Key, Result, FlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"swapSide\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"steps\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport const TradeFlowContext = createContext<TradeFlowContextProps | null>(\n  null\n);\n\nexport type TradeFlowStep =\n  | DeltaOrderStepKey\n  | MarketSwapStepKey\n  | LimitOrderStepKey\n  | OtcOrderStepKey\n  | FillOtcOrderStepKey;\n\nexport type TradeFlowDerivedStep = TradeFlowStep | \"complete\" | \"error\";\n\n/** All possible result types (TradeFlowResult) */\ntype ContextResult = TradeFlowResult;\n\ntype Context = TradeFlowContextProps<\n  TradeFlowStep,\n  ContextResult,\n  TradeFlowType\n>;\ntype ContextExtra = {\n  derivedStep?: TradeFlowDerivedStep;\n  isOrderCancelled?: boolean;\n};\n\n/** Maps each TradeFlowType to its step key and result type */\ntype FlowTypeStepAndResultMap = {\n  deltaOrder: [DeltaOrderStepKey, SubmitDeltaOrderResult];\n  marketSwap: [MarketSwapStepKey, SubmitSwapResult];\n  limitOrder: [LimitOrderStepKey, SubmitLimitOrderResult];\n  otcOrder: [OtcOrderStepKey, SubmitOtcOrderResult];\n  fillOtcOrder: [FillOtcOrderStepKey, SubmitFillOtcOrderResult];\n};\n\nexport function isFlowContext<T extends TradeFlowType>(\n  context: Context & ContextExtra,\n  flowType: T\n): context is TradeFlowContextProps<\n  FlowTypeStepAndResultMap[T][0],\n  FlowTypeStepAndResultMap[T][1],\n  T\n> {\n  return context.tradeFlowType === flowType;\n}\n\n// Delta | Limit | OTC | TWAP order was sent but cancelled after\nfunction isContextOrderCancelled(context: Context): boolean {\n  if (!context.result) return false; // Order not sent even == not cancelled\n\n  if (isFlowContext(context, \"limitOrder\")) {\n    return context.result.limitOrder.lastOrderState?.status === \"CANCELLED\";\n  } else if (isFlowContext(context, \"otcOrder\")) {\n    return context.result.otcOrder.lastOrderState?.state === \"CANCELLED\";\n  } else if (isFlowContext(context, \"deltaOrder\")) {\n    return context.result.deltaOrder.lastOrderState?.status === \"CANCELLED\";\n  }\n\n  return false;\n}\n\n// specific result for supported Trade Flows\nexport function useTradeFlowContext(): Context & ContextExtra {\n  const context = useContext(TradeFlowContext);\n  if (!context) {\n    throw new Error(\n      \"useTradeFlowContext must be used within a TradeFlowContext\"\n    );\n  }\n\n  let derivedStep = context.activeStep?.key as TradeFlowDerivedStep;\n  if (context.activeStep && isNonFlowStep(context.activeStep.key)) {\n    derivedStep = context.activeStep.key;\n  } else if (context.error) {\n    derivedStep = \"error\";\n  } else if (context.result) {\n    derivedStep = \"complete\";\n  }\n\n  const typedContext = context as Context;\n\n  const isOrderCancelled = isContextOrderCancelled(typedContext);\n\n  const extendedContext = { ...typedContext, derivedStep, isOrderCancelled };\n  return extendedContext;\n}\n"],"mappings":";;;;AA2CA,IAAaqB,IAAmBb,EAC9B,KACD;AAiCD,SAAgB2B,EACdC,GACAC,GAKA;AACA,QAAOD,EAAQG,kBAAkBF;;AAInC,SAASG,EAAwBJ,GAA2B;AAW1D,QAVKA,EAAQK,SAETN,EAAcC,GAAS,aAAa,GAC/BA,EAAQK,OAAOT,WAAWU,gBAAgBC,WAAW,cACnDR,EAAcC,GAAS,WAAW,GACpCA,EAAQK,OAAOR,SAASS,gBAAgBE,UAAU,cAChDT,EAAcC,GAAS,aAAa,GACtCA,EAAQK,OAAOX,WAAWY,gBAAgBC,WAAW,cAGvD,KAVqB;;AAc9B,SAAOE,IAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACLX,IAAgB3B,EAAWY,EAAiB;AAC5C,KAAI,CAACe,EACH,OAAUY,MACR,6DACD;CAGH,IAAArB,IAAkBS,EAAOa,YAAgBC;AACzC,CAAId,EAAOa,cAAelC,EAAcqB,EAAOa,WAAWC,IAAK,GAC7DvB,IAAcS,EAAOa,WAAWC,MACvBd,EAAOe,QAChBxB,IAAcA,UACLS,EAAOK,WAChBd,IAAcA;CAGhB,IAAAyB,IAAqBhB,GAAmBiB;AAAA,CAAAP,EAAA,OAAAM,IAEsBC,IAAAP,EAAA,MAArCO,IAAAb,EAAwBY,EAAa,EAAAN,EAAA,KAAAM,GAAAN,EAAA,KAAAO;CAA9D,IAAAzB,IAAyByB,GAAsCC;AAEY,QAFZR,EAAA,OAAAnB,KAAAmB,EAAA,OAAAlB,KAAAkB,EAAA,OAAAM,KAEvCE,IAAA;EAAA,GAAKF;EAAYzB;EAAAC;EAAiC,EAAAkB,EAAA,KAAAnB,GAAAmB,EAAA,KAAAlB,GAAAkB,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IAAlDQ"}
+{"version":3,"file":"tradeFlowContext.js","names":["TradeFlowResult","TradeFlowType","SubmitDeltaOrderResult","SubmitSwapResult","SubmitLimitOrderResult","SubmitOtcOrderResult","SubmitFillOtcOrderResult","TradeOverviewProps","createContext","useContext","DeltaOrderStepKey","FillOtcOrderStepKey","LimitOrderStepKey","MarketSwapStepKey","OtcOrderStepKey","TwapOrderStepKey","isNonFlowStep","SubmitTwapOrderResult","TradeFlowContextProps","Pick","Key","Result","FlowType","TradeFlowContext","TradeFlowStep","TradeFlowDerivedStep","ContextResult","Context","ContextExtra","derivedStep","isOrderCancelled","FlowTypeStepAndResultMap","deltaOrder","marketSwap","limitOrder","otcOrder","fillOtcOrder","twapOrder","isFlowContext","context","flowType","T","tradeFlowType","isContextOrderCancelled","result","lastOrderState","status","state","useTradeFlowContext","$","_c","Error","activeStep","key","error","typedContext","t0","t1","extendedContext"],"sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"sourcesContent":["import type {\n  TradeFlowResult,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport type { SubmitLimitOrderResult } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport type { SubmitOtcOrderResult } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport type { SubmitFillOtcOrderResult } from \"@/hooks/otc/tradeFlow/useFillOtcOrderFlow\";\nimport type { TradeOverviewProps } from \"./TradeOverview\";\nimport { createContext, useContext } from \"react\";\nimport {\n  type DeltaOrderStepKey,\n  type FillOtcOrderStepKey,\n  type LimitOrderStepKey,\n  type MarketSwapStepKey,\n  type OtcOrderStepKey,\n  type TwapOrderStepKey,\n} from \"./steps\";\nimport { isNonFlowStep } from \"./utils/isNonFlowStep\";\nimport type { SubmitTwapOrderResult } from \"@/hooks/swap/tradeFlow/useTwapFlow\";\n\n// generic to accept any result and step type\nexport type TradeFlowContextProps<\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends TradeFlowType = TradeFlowType,\n> = Pick<\n  TradeOverviewProps<Key, Result, FlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"swapSide\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"steps\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport const TradeFlowContext = createContext<TradeFlowContextProps | null>(\n  null\n);\n\nexport type TradeFlowStep =\n  | DeltaOrderStepKey\n  | MarketSwapStepKey\n  | LimitOrderStepKey\n  | OtcOrderStepKey\n  | TwapOrderStepKey\n  | FillOtcOrderStepKey;\n\nexport type TradeFlowDerivedStep = TradeFlowStep | \"complete\" | \"error\";\n\n/** All possible result types (TradeFlowResult) */\ntype ContextResult = TradeFlowResult;\n\ntype Context = TradeFlowContextProps<\n  TradeFlowStep,\n  ContextResult,\n  TradeFlowType\n>;\ntype ContextExtra = {\n  derivedStep?: TradeFlowDerivedStep;\n  isOrderCancelled?: boolean;\n};\n\n/** Maps each TradeFlowType to its step key and result type */\ntype FlowTypeStepAndResultMap = {\n  deltaOrder: [DeltaOrderStepKey, SubmitDeltaOrderResult];\n  marketSwap: [MarketSwapStepKey, SubmitSwapResult];\n  limitOrder: [LimitOrderStepKey, SubmitLimitOrderResult];\n  otcOrder: [OtcOrderStepKey, SubmitOtcOrderResult];\n  fillOtcOrder: [FillOtcOrderStepKey, SubmitFillOtcOrderResult];\n  twapOrder: [TwapOrderStepKey, SubmitTwapOrderResult];\n};\n\nexport function isFlowContext<T extends TradeFlowType>(\n  context: Context & ContextExtra,\n  flowType: T\n): context is TradeFlowContextProps<\n  FlowTypeStepAndResultMap[T][0],\n  FlowTypeStepAndResultMap[T][1],\n  T\n> {\n  return context.tradeFlowType === flowType;\n}\n\n// Delta | Limit | OTC | TWAP order was sent but cancelled after\nfunction isContextOrderCancelled(context: Context): boolean {\n  if (!context.result) return false; // Order not sent even == not cancelled\n\n  if (isFlowContext(context, \"limitOrder\")) {\n    return context.result.limitOrder.lastOrderState?.status === \"CANCELLED\";\n  } else if (isFlowContext(context, \"otcOrder\")) {\n    return context.result.otcOrder.lastOrderState?.state === \"CANCELLED\";\n  } else if (isFlowContext(context, \"deltaOrder\")) {\n    return context.result.deltaOrder.lastOrderState.status === \"CANCELLED\";\n  } else if (isFlowContext(context, \"twapOrder\")) {\n    return context.result.twapOrder.lastOrderState?.status === \"CANCELLED\";\n  }\n\n  return false;\n}\n\n// specific result for supported Trade Flows\nexport function useTradeFlowContext(): Context & ContextExtra {\n  const context = useContext(TradeFlowContext);\n  if (!context) {\n    throw new Error(\n      \"useTradeFlowContext must be used within a TradeFlowContext\"\n    );\n  }\n\n  let derivedStep = context.activeStep?.key as TradeFlowDerivedStep;\n  if (context.activeStep && isNonFlowStep(context.activeStep.key)) {\n    derivedStep = context.activeStep.key;\n  } else if (context.error) {\n    derivedStep = \"error\";\n  } else if (context.result) {\n    derivedStep = \"complete\";\n  }\n\n  const typedContext = context as Context;\n\n  const isOrderCancelled = isContextOrderCancelled(typedContext);\n\n  const extendedContext = { ...typedContext, derivedStep, isOrderCancelled };\n  return extendedContext;\n}\n"],"mappings":";;;;AA6CA,IAAauB,IAAmBf,EAC9B,KACD;AAmCD,SAAgB8B,EACdC,GACAC,GAKA;AACA,QAAOD,EAAQG,kBAAkBF;;AAInC,SAASG,EAAwBJ,GAA2B;AAa1D,QAZKA,EAAQK,SAETN,EAAcC,GAAS,aAAa,GAC/BA,EAAQK,OAAOV,WAAWW,gBAAgBC,WAAW,cACnDR,EAAcC,GAAS,WAAW,GACpCA,EAAQK,OAAOT,SAASU,gBAAgBE,UAAU,cAChDT,EAAcC,GAAS,aAAa,GACtCA,EAAQK,OAAOZ,WAAWa,eAAeC,WAAW,cAClDR,EAAcC,GAAS,YAAY,GACrCA,EAAQK,OAAOP,UAAUQ,gBAAgBC,WAAW,cAGtD,KAZqB;;AAgB9B,SAAOE,IAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACLX,IAAgB9B,EAAWc,EAAiB;AAC5C,KAAI,CAACgB,EACH,OAAUY,MACR,6DACD;CAGH,IAAAtB,IAAkBU,EAAOa,YAAgBC;AACzC,CAAId,EAAOa,cAAepC,EAAcuB,EAAOa,WAAWC,IAAK,GAC7DxB,IAAcU,EAAOa,WAAWC,MACvBd,EAAOe,QAChBzB,IAAcA,UACLU,EAAOK,WAChBf,IAAcA;CAGhB,IAAA0B,IAAqBhB,GAAmBiB;AAAA,CAAAP,EAAA,OAAAM,IAEsBC,IAAAP,EAAA,MAArCO,IAAAb,EAAwBY,EAAa,EAAAN,EAAA,KAAAM,GAAAN,EAAA,KAAAO;CAA9D,IAAA1B,IAAyB0B,GAAsCC;AAEY,QAFZR,EAAA,OAAApB,KAAAoB,EAAA,OAAAnB,KAAAmB,EAAA,OAAAM,KAEvCE,IAAA;EAAA,GAAKF;EAAY1B;EAAAC;EAAiC,EAAAmB,EAAA,KAAApB,GAAAoB,EAAA,KAAAnB,GAAAmB,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IAAlDQ"}

package/dist/components/widget/Twap/CustomDurationDrawer.d.ts

@@ -0,0 +1,7 @@
+import { DrawerControls } from '../Drawer/state/useDrawerControls';
+import { DrawerState } from './OrderDuration';
+export declare function CustomDurationDrawer({ drawerState, drawerControls, }: {
+    drawerState: DrawerState;
+    drawerControls: DrawerControls;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CustomDurationDrawer.d.ts.map

package/dist/components/widget/Twap/CustomDurationDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomDurationDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Twap/CustomDurationDrawer.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,oDAAoD,CAAC;AAOzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAMnD,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,cAAc,GACf,EAAE;IACD,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,cAAc,CAAC;CAChC,2CA6FA"}