@velora-dex/widget 0.1.0-rc.1 → 0.1.0

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

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { TradeOverview } from './TradeOverview.js';
+import { LimitOrderSteps } from './steps.js';
+
+function LimitOrderTradeOverview(t0) {
+  const $ = distExports.c(18);
+  const {
+    fromToken,
+    toToken,
+    fromAmount,
+    toAmount,
+    onDismiss,
+    onHelp,
+    onCancelFlow,
+    onRetry,
+    onCancelOrder,
+    activeStep,
+    orderCancellationStep,
+    isFlowCancellable,
+    explorerLink,
+    result,
+    error,
+    erroredStep,
+    tradeFlowType
+  } = t0;
+  let t1;
+  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== onCancelFlow || $[8] !== onCancelOrder || $[9] !== onDismiss || $[10] !== onHelp || $[11] !== onRetry || $[12] !== orderCancellationStep || $[13] !== result || $[14] !== toAmount || $[15] !== toToken || $[16] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: LimitOrderSteps, activeStep, orderCancellationStep, onDismiss, onHelp, onCancelFlow, onRetry, onCancelOrder, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+    $[0] = activeStep;
+    $[1] = error;
+    $[2] = erroredStep;
+    $[3] = explorerLink;
+    $[4] = fromAmount;
+    $[5] = fromToken;
+    $[6] = isFlowCancellable;
+    $[7] = onCancelFlow;
+    $[8] = onCancelOrder;
+    $[9] = onDismiss;
+    $[10] = onHelp;
+    $[11] = onRetry;
+    $[12] = orderCancellationStep;
+    $[13] = result;
+    $[14] = toAmount;
+    $[15] = toToken;
+    $[16] = tradeFlowType;
+    $[17] = t1;
+  } else {
+    t1 = $[17];
+  }
+  return t1;
+}
+
+export { LimitOrderTradeOverview };
+//# sourceMappingURL=LimitOrderTradeOverview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LimitOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/LimitOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitLimitOrderResult } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { LimitOrderSteps, type LimitOrderStepKey } from \"./steps\";\nimport type { LimitOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\ntype LimitOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    LimitOrderStepKey,\n    SubmitLimitOrderResult,\n    LimitOrderFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onRetry\"\n  | \"onCancelOrder\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function LimitOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onRetry,\n  onCancelOrder,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: LimitOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<\n      LimitOrderStepKey,\n      SubmitLimitOrderResult,\n      LimitOrderFlowType\n    >\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={LimitOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onRetry={onRetry}\n      onCancelOrder={onCancelOrder}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"names":["LimitOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onRetry","onCancelOrder","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","LimitOrderSteps"],"mappings":";;;;;AA8BO,SAAAA,wBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,qBAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAnB,EAAAA;AAkBT,EAAA,IAAAoB,EAAAA;AAAA,EAAA,IAAAnB,CAAAA,CAAA,CAAA,CAAA,KAAAW,UAAAA,IAAAX,CAAAA,CAAA,CAAA,CAAA,KAAAgB,KAAAA,IAAAhB,CAAAA,CAAA,CAAA,CAAA,KAAAiB,WAAAA,IAAAjB,EAAA,CAAA,CAAA,KAAAc,YAAAA,IAAAd,CAAAA,CAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,CAAAA,QAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAa,iBAAAA,IAAAb,CAAAA,CAAA,CAAA,MAAAQ,YAAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAU,aAAAA,IAAAV,CAAAA,CAAA,CAAA,CAAA,KAAAM,aAAAN,CAAAA,CAAA,EAAA,CAAA,KAAAO,MAAAA,IAAAP,CAAAA,CAAA,EAAA,CAAA,KAAAS,OAAAA,IAAAT,EAAA,EAAA,CAAA,KAAAY,qBAAAA,IAAAZ,CAAAA,CAAA,EAAA,CAAA,KAAAe,MAAAA,IAAAf,CAAAA,CAAA,EAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,IAAAH,CAAAA,SAAAkB,aAAAA,EAAA;AAE3BC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,iBAKYjB,SAAAA,EACFC,OAAAA,EACGC,YACFC,QAAAA,EACHe,KAAAA,mBACKT,UAAAA,EACWC,qBAAAA,EACZN,WACHC,MAAAA,EACMC,YAAAA,EACLC,SACMC,aAAAA,EACIG,iBAAAA,EACLC,cACNC,MAAAA,EACDC,KAAAA,EACMC,aACEC,aAAAA,EAAa,CAAA;AAC5BlB,IAAAA,CAAAA,MAAAW,UAAAA;AAAAX,IAAAA,CAAAA,MAAAgB,KAAAA;AAAAhB,IAAAA,CAAAA,MAAAiB,WAAAA;AAAAjB,IAAAA,CAAAA,MAAAc,YAAAA;AAAAd,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAa,iBAAAA;AAAAb,IAAAA,CAAAA,MAAAQ,YAAAA;AAAAR,IAAAA,CAAAA,MAAAU,aAAAA;AAAAV,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,OAAAO,MAAAA;AAAAP,IAAAA,CAAAA,OAAAS,OAAAA;AAAAT,IAAAA,CAAAA,OAAAY,qBAAAA;AAAAZ,IAAAA,CAAAA,OAAAe,MAAAA;AAAAf,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAkB,aAAAA;AAAAlB,IAAAA,CAAAA,OAAAmB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAnB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAvBFmB,EAAAA;AAuBE;;;;"}

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

@@ -1,7 +1,8 @@
 import { SubmitSwapResult } from '../../../hooks/swap/tradeFlow/useMarketFlow';
 import { MarketSwapStepKey } from './steps';
 import { TradeOverviewProps } from './TradeOverview';
+import { MarketSwapFlowType } from '../../../hooks/swap/tradeFlow/common/types';
 export type { FlowStep } from './Step/types';
-export type MarketSwapTradeOverviewProps = Pick<TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancel" | "onRetry" | "isCancellable" | "explorerLink" | "activeStep" | "result" | "error" | "erroredStep">;
-export declare function MarketSwapTradeOverview({ fromToken, toToken, fromAmount, toAmount, onDismiss, onHelp, onCancel, onRetry, activeStep, isCancellable, explorerLink, result, error, erroredStep, }: MarketSwapTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+type MarketSwapTradeOverviewProps = Pick<TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onRetry" | "isFlowCancellable" | "explorerLink" | "activeStep" | "result" | "error" | "erroredStep" | "tradeFlowType">;
+export declare function MarketSwapTradeOverview({ fromToken, toToken, fromAmount, toAmount, onDismiss, onHelp, onCancelFlow, onRetry, activeStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: MarketSwapTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MarketSwapTradeOverview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarketSwapTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,kBAAkB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,EACrD,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,UAAU,GACV,SAAS,GACT,eAAe,GACf,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,aAAa,CAChB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,UAAU,EACV,aAAa,EACb,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,GACZ,EAAE,4BAA4B,2CAoB9B"}
+{"version":3,"file":"MarketSwapTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAAC,iBAAiB,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,EACzE,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAqB9B"}

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

@@ -4,7 +4,7 @@ import { MarketSwapSteps } from './steps.js';
 import { TradeOverview } from './TradeOverview.js';
 
 function MarketSwapTradeOverview(t0) {
-  const $ = distExports.c(15);
+  const $ = distExports.c(16);
   const {
     fromToken,
     toToken,
@@ -12,35 +12,37 @@ function MarketSwapTradeOverview(t0) {
     toAmount,
     onDismiss,
     onHelp,
-    onCancel,
+    onCancelFlow,
     onRetry,
     activeStep,
-    isCancellable,
+    isFlowCancellable,
     explorerLink,
     result,
     error,
-    erroredStep
+    erroredStep,
+    tradeFlowType
   } = t0;
   let t1;
-  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isCancellable || $[7] !== onCancel || $[8] !== onDismiss || $[9] !== onHelp || $[10] !== onRetry || $[11] !== result || $[12] !== toAmount || $[13] !== toToken) {
-    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: MarketSwapSteps, activeStep, onDismiss, onHelp, onCancel, onRetry, isCancellable, explorerLink, result, error, erroredStep });
+  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== onCancelFlow || $[8] !== onDismiss || $[9] !== onHelp || $[10] !== onRetry || $[11] !== result || $[12] !== toAmount || $[13] !== toToken || $[14] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: MarketSwapSteps, activeStep, onDismiss, onHelp, onCancelFlow, onRetry, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
     $[0] = activeStep;
     $[1] = error;
     $[2] = erroredStep;
     $[3] = explorerLink;
     $[4] = fromAmount;
     $[5] = fromToken;
-    $[6] = isCancellable;
-    $[7] = onCancel;
+    $[6] = isFlowCancellable;
+    $[7] = onCancelFlow;
     $[8] = onDismiss;
     $[9] = onHelp;
     $[10] = onRetry;
     $[11] = result;
     $[12] = toAmount;
     $[13] = toToken;
-    $[14] = t1;
+    $[14] = tradeFlowType;
+    $[15] = t1;
   } else {
-    t1 = $[14];
+    t1 = $[15];
   }
   return t1;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"MarketSwapTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nexport type { FlowStep } from \"./Step/types\";\n\nexport type MarketSwapTradeOverviewProps = Pick<\n  TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancel\"\n  | \"onRetry\"\n  | \"isCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancel,\n  onRetry,\n  activeStep,\n  isCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancel={onCancel}\n      onRetry={onRetry}\n      isCancellable={isCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n    />\n  );\n}\n"],"names":["MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancel","onRetry","activeStep","isCancellable","explorerLink","result","error","erroredStep","t1","MarketSwapSteps"],"mappings":";;;;;AAuBO,SAAAA,wBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAhB,EAAAA;AAeT,EAAA,IAAAiB,EAAAA;AAAA,EAAA,IAAAhB,CAAAA,CAAA,CAAA,CAAA,KAAAU,UAAAA,IAAAV,CAAAA,QAAAc,KAAAA,IAAAd,CAAAA,CAAA,CAAA,CAAA,KAAAe,WAAAA,IAAAf,EAAA,CAAA,CAAA,KAAAY,YAAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAW,iBAAAX,CAAAA,CAAA,CAAA,CAAA,KAAAQ,QAAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAM,SAAAA,IAAAN,CAAAA,CAAA,CAAA,CAAA,KAAAO,MAAAA,IAAAP,CAAAA,SAAAS,OAAAA,IAAAT,CAAAA,CAAA,EAAA,CAAA,KAAAa,MAAAA,IAAAb,CAAAA,CAAA,EAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,EAAA;AAE3Ba,IAAAA,EAAAA,uBAAC,aAAA,EAAA,EACYd,SAAAA,EACFC,OAAAA,EACGC,UAAAA,EACFC,UACHY,KAAAA,mBACKP,UAAAA,EACDJ,SAAAA,EACHC,QACEC,QAAAA,EACDC,OAAAA,EACME,eACDC,YAAAA,EACNC,MAAAA,EACDC,OACMC,WAAAA,EAAW,CAAA;AACxBf,IAAAA,CAAAA,MAAAU,UAAAA;AAAAV,IAAAA,CAAAA,MAAAc,KAAAA;AAAAd,IAAAA,CAAAA,MAAAe,WAAAA;AAAAf,IAAAA,CAAAA,MAAAY,YAAAA;AAAAZ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAW,aAAAA;AAAAX,IAAAA,CAAAA,MAAAQ,QAAAA;AAAAR,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAO,MAAAA;AAAAP,IAAAA,CAAAA,OAAAS,OAAAA;AAAAT,IAAAA,CAAAA,OAAAa,MAAAA;AAAAb,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAhBFgB,EAAAA;AAgBE;;;;"}
+{"version":3,"file":"MarketSwapTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport type { MarketSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nexport type { FlowStep } from \"./Step/types\";\n\ntype MarketSwapTradeOverviewProps = Pick<\n  TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onRetry\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onRetry,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onRetry={onRetry}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"names":["MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onRetry","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","MarketSwapSteps"],"mappings":";;;;;AAyBO,SAAAA,wBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAjB,EAAAA;AAgBT,EAAA,IAAAkB,EAAAA;AAAA,EAAA,IAAAjB,CAAAA,CAAA,CAAA,CAAA,KAAAU,UAAAA,IAAAV,CAAAA,CAAA,CAAA,CAAA,KAAAc,KAAAA,IAAAd,CAAAA,CAAA,CAAA,CAAA,KAAAe,WAAAA,IAAAf,CAAAA,CAAA,CAAA,CAAA,KAAAY,YAAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAW,iBAAAA,IAAAX,CAAAA,QAAAQ,YAAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAM,SAAAA,IAAAN,CAAAA,CAAA,CAAA,CAAA,KAAAO,MAAAA,IAAAP,CAAAA,CAAA,EAAA,CAAA,KAAAS,OAAAA,IAAAT,CAAAA,CAAA,EAAA,CAAA,KAAAa,MAAAA,IAAAb,CAAAA,CAAA,EAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,IAAAH,CAAAA,CAAA,EAAA,CAAA,KAAAgB,aAAAA,EAAA;AAE3BC,IAAAA,EAAAA,uBAAC,aAAA,EAAA,EACYf,SAAAA,EACFC,SACGC,UAAAA,EACFC,QAAAA,EACHa,OAAAA,eAAAA,EACKR,UAAAA,EACDJ,SAAAA,EACHC,MAAAA,EACMC,cACLC,OAAAA,EACUE,iBAAAA,EACLC,cACNC,MAAAA,EACDC,KAAAA,EACMC,aACEC,aAAAA,EAAa,CAAA;AAC5BhB,IAAAA,CAAAA,MAAAU,UAAAA;AAAAV,IAAAA,CAAAA,MAAAc,KAAAA;AAAAd,IAAAA,CAAAA,MAAAe,WAAAA;AAAAf,IAAAA,CAAAA,MAAAY,YAAAA;AAAAZ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAW,iBAAAA;AAAAX,IAAAA,CAAAA,MAAAQ,YAAAA;AAAAR,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAO,MAAAA;AAAAP,IAAAA,CAAAA,OAAAS,OAAAA;AAAAT,IAAAA,CAAAA,OAAAa,MAAAA;AAAAb,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAgB,aAAAA;AAAAhB,IAAAA,CAAAA,OAAAiB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAjB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAjBFiB,EAAAA;AAiBE;;;;"}

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

@@ -0,0 +1,8 @@
+import { SubmitOtcOrderResult } from '../../../hooks/otc/tradeFlow/useOtcOrderFlow';
+import { TradeOverviewProps } from './TradeOverview';
+import { OtcOrderStepKey } from './steps';
+import { OtcOrderFlowType } from '../../../hooks/swap/tradeFlow/common/types';
+type OtcOrderTradeOverviewProps = Pick<TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onRetry" | "onCancelOrder" | "isFlowCancellable" | "explorerLink" | "activeStep" | "orderCancellationStep" | "result" | "error" | "erroredStep" | "tradeFlowType">;
+export declare function OtcOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, onDismiss, onHelp, onCancelFlow, onRetry, onCancelOrder, activeStep, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: OtcOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=OtcOrderTradeOverview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OtcOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAiB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,KAAK,0BAA0B,GAAG,IAAI,CACpC,kBAAkB,CAAC,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,EACzE,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,OAAO,EACP,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,0BAA0B,2CAuB5B"}

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

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { TradeOverview } from './TradeOverview.js';
+import { OtcOrderSteps } from './steps.js';
+
+function OtcOrderTradeOverview(t0) {
+  const $ = distExports.c(18);
+  const {
+    fromToken,
+    toToken,
+    fromAmount,
+    toAmount,
+    onDismiss,
+    onHelp,
+    onCancelFlow,
+    onRetry,
+    onCancelOrder,
+    activeStep,
+    orderCancellationStep,
+    isFlowCancellable,
+    explorerLink,
+    result,
+    error,
+    erroredStep,
+    tradeFlowType
+  } = t0;
+  let t1;
+  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== onCancelFlow || $[8] !== onCancelOrder || $[9] !== onDismiss || $[10] !== onHelp || $[11] !== onRetry || $[12] !== orderCancellationStep || $[13] !== result || $[14] !== toAmount || $[15] !== toToken || $[16] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: OtcOrderSteps, activeStep, orderCancellationStep, onDismiss, onHelp, onCancelFlow, onRetry, onCancelOrder, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+    $[0] = activeStep;
+    $[1] = error;
+    $[2] = erroredStep;
+    $[3] = explorerLink;
+    $[4] = fromAmount;
+    $[5] = fromToken;
+    $[6] = isFlowCancellable;
+    $[7] = onCancelFlow;
+    $[8] = onCancelOrder;
+    $[9] = onDismiss;
+    $[10] = onHelp;
+    $[11] = onRetry;
+    $[12] = orderCancellationStep;
+    $[13] = result;
+    $[14] = toAmount;
+    $[15] = toToken;
+    $[16] = tradeFlowType;
+    $[17] = t1;
+  } else {
+    t1 = $[17];
+  }
+  return t1;
+}
+
+export { OtcOrderTradeOverview };
+//# sourceMappingURL=OtcOrderTradeOverview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OtcOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitOtcOrderResult } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { OtcOrderSteps, type OtcOrderStepKey } from \"./steps\";\nimport type { OtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\ntype OtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onRetry\"\n  | \"onCancelOrder\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function OtcOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onRetry,\n  onCancelOrder,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: OtcOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={OtcOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onRetry={onRetry}\n      onCancelOrder={onCancelOrder}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"names":["OtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onRetry","onCancelOrder","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","OtcOrderSteps"],"mappings":";;;;;AA0BO,SAAAA,sBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAA+B,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,qBAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAnB,EAAAA;AAkBT,EAAA,IAAAoB,EAAAA;AAAA,EAAA,IAAAnB,CAAAA,CAAA,CAAA,CAAA,KAAAW,UAAAA,IAAAX,CAAAA,CAAA,CAAA,CAAA,KAAAgB,KAAAA,IAAAhB,CAAAA,CAAA,CAAA,CAAA,KAAAiB,WAAAA,IAAAjB,EAAA,CAAA,CAAA,KAAAc,YAAAA,IAAAd,CAAAA,CAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,CAAAA,QAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAa,iBAAAA,IAAAb,CAAAA,CAAA,CAAA,MAAAQ,YAAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAU,aAAAA,IAAAV,CAAAA,CAAA,CAAA,CAAA,KAAAM,aAAAN,CAAAA,CAAA,EAAA,CAAA,KAAAO,MAAAA,IAAAP,CAAAA,CAAA,EAAA,CAAA,KAAAS,OAAAA,IAAAT,EAAA,EAAA,CAAA,KAAAY,qBAAAA,IAAAZ,CAAAA,CAAA,EAAA,CAAA,KAAAe,MAAAA,IAAAf,CAAAA,CAAA,EAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,IAAAH,CAAAA,SAAAkB,aAAAA,EAAA;AAEzBC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,iBACYjB,SAAAA,EACFC,OAAAA,EACGC,YACFC,QAAAA,EACHe,KAAAA,iBACKT,UAAAA,EACWC,qBAAAA,EACZN,WACHC,MAAAA,EACMC,YAAAA,EACLC,SACMC,aAAAA,EACIG,iBAAAA,EACLC,cACNC,MAAAA,EACDC,KAAAA,EACMC,aACEC,aAAAA,EAAa,CAAA;AAC5BlB,IAAAA,CAAAA,MAAAW,UAAAA;AAAAX,IAAAA,CAAAA,MAAAgB,KAAAA;AAAAhB,IAAAA,CAAAA,MAAAiB,WAAAA;AAAAjB,IAAAA,CAAAA,MAAAc,YAAAA;AAAAd,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAa,iBAAAA;AAAAb,IAAAA,CAAAA,MAAAQ,YAAAA;AAAAR,IAAAA,CAAAA,MAAAU,aAAAA;AAAAV,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,OAAAO,MAAAA;AAAAP,IAAAA,CAAAA,OAAAS,OAAAA;AAAAT,IAAAA,CAAAA,OAAAY,qBAAAA;AAAAZ,IAAAA,CAAAA,OAAAe,MAAAA;AAAAf,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAkB,aAAAA;AAAAlB,IAAAA,CAAAA,OAAAmB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAnB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAnBFmB,EAAAA;AAmBE;;;;"}

package/dist/components/widget/TradeOverview/Step/types.d.ts

@@ -19,7 +19,7 @@ export type FlowStepBase<Key extends string = string> = {
 };
 export type FlowStepMeta<Title = Record<StepState, string | TitleFn>> = {
     title: Title;
-    description: string | TitleFn;
+    description?: string | TitleFn;
 };
 export type FlowStepWithMeta<Key extends string = string, Title = Record<StepState, string | TitleFn>> = FlowStepBase<Key> & FlowStepMeta<Title>;
 export type FlowStepWithSubSteps<Key extends string = string> = FlowStepBase<Key> & {

package/dist/components/widget/TradeOverview/Step/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/Step/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,YAAY,KAAK,MAAM,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAGF,MAAM,MAAM,YAAY,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,IAAI;IACtD,GAAG,EAAE,GAAG,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI;IACtE,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAC1B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IACzC,YAAY,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;AAE5C,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,IAC1D,YAAY,CAAC,GAAG,CAAC,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CAC3D,CAAC;AAEJ,MAAM,MAAM,QAAQ,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,IAC5C,gBAAgB,CAAC,GAAG,CAAC,GACrB,oBAAoB,CAAC,GAAG,CAAC,CAAC;AAE9B,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,IAAI,YAAY,CAAC,GAAG,CAAC,GAAG;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/Step/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,YAAY,KAAK,MAAM,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAGF,MAAM,MAAM,YAAY,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,IAAI;IACtD,GAAG,EAAE,GAAG,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI;IACtE,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAC1B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IACzC,YAAY,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;AAE5C,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,IAC1D,YAAY,CAAC,GAAG,CAAC,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CAC3D,CAAC;AAEJ,MAAM,MAAM,QAAQ,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,IAC5C,gBAAgB,CAAC,GAAG,CAAC,GACrB,oBAAoB,CAAC,GAAG,CAAC,CAAC;AAE9B,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,IAAI,YAAY,CAAC,GAAG,CAAC,GAAG;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.d.ts

@@ -1,7 +1,8 @@
 type TradeCompletedFooterProps = {
     onDismiss?: () => void;
+    onCancelOrder?: () => void;
     explorerLink?: string;
 };
-export declare const TradeCompletedFooter: ({ onDismiss, }: Pick<TradeCompletedFooterProps, "onDismiss">) => import("react/jsx-runtime").JSX.Element;
+export declare const TradeCompletedFooter: ({ onDismiss, onCancelOrder, }: Pick<TradeCompletedFooterProps, "onDismiss" | "onCancelOrder">) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TradeCompleteFooter.d.ts.map

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"names":[],"mappings":"AAGA,KAAK,yBAAyB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAkCF,eAAO,MAAM,oBAAoB,GAAI,gBAElC,IAAI,CAAC,yBAAyB,EAAE,WAAW,CAAC,4CAQ9C,CAAC"}
+{"version":3,"file":"TradeCompleteFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"names":[],"mappings":"AAIA,KAAK,yBAAyB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAoEF,eAAO,MAAM,oBAAoB,GAAI,+BAGlC,IAAI,CAAC,yBAAyB,EAAE,WAAW,GAAG,eAAe,CAAC,4CAShE,CAAC"}

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

@@ -2,13 +2,20 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../../_virtual/index.js';
 import { Button } from '../../../ui/button.js';
 import { useTradeFlowContext } from '../tradeFlowContext.js';
+import { ReactComponent as ForwardRef } from '../../../../assets/spinner.svg.js';
 
 const TradeCompletedFooterBase = (t0) => {
-  const $ = distExports.c(7);
+  const $ = distExports.c(12);
   const {
     onDismiss,
+    onCancelOrder,
     explorerLink
   } = t0;
+  const {
+    orderCancellationStep
+  } = useTradeFlowContext();
+  const successfulCancellation = orderCancellationStep === "success";
+  const pendingCancellation = orderCancellationStep === "pending";
   let t1;
   if ($[0] !== onDismiss) {
     t1 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Make Another Trade" });
@@ -17,44 +24,64 @@ const TradeCompletedFooterBase = (t0) => {
   } else {
     t1 = $[1];
   }
+  const button1 = t1;
   let t2;
   if ($[2] !== explorerLink) {
-    t2 = explorerLink && /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm", asChild: true, children: /* @__PURE__ */ jsx("a", { href: explorerLink, rel: "noopener noreferrer", target: "_blank", children: "View On Explorer" }) });
+    t2 = explorerLink ? /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm", asChild: true, children: /* @__PURE__ */ jsx("a", { href: explorerLink, rel: "noopener noreferrer", target: "_blank", children: "View On Explorer" }) }) : null;
     $[2] = explorerLink;
     $[3] = t2;
   } else {
     t2 = $[3];
   }
+  const button2 = t2;
   let t3;
-  if ($[4] !== t1 || $[5] !== t2) {
-    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center w-full gap-4", children: [
-      t1,
-      t2
+  if ($[4] !== onCancelOrder || $[5] !== pendingCancellation || $[6] !== successfulCancellation) {
+    t3 = onCancelOrder && !successfulCancellation ? /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1", disabled: pendingCancellation, onClick: onCancelOrder, children: [
+      "Cancel This Order",
+      pendingCancellation && /* @__PURE__ */ jsx(ForwardRef, { width: 16, height: 16, className: "animate-spin direction-reverse" })
+    ] }) : null;
+    $[4] = onCancelOrder;
+    $[5] = pendingCancellation;
+    $[6] = successfulCancellation;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const button3 = t3;
+  let t4;
+  if ($[8] !== button1 || $[9] !== button2 || $[10] !== button3) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center w-full gap-4", children: [
+      button1,
+      button2,
+      button3
     ] });
-    $[4] = t1;
-    $[5] = t2;
-    $[6] = t3;
+    $[8] = button1;
+    $[9] = button2;
+    $[10] = button3;
+    $[11] = t4;
   } else {
-    t3 = $[6];
+    t4 = $[11];
   }
-  return t3;
+  return t4;
 };
 const TradeCompletedFooter = (t0) => {
-  const $ = distExports.c(3);
+  const $ = distExports.c(4);
   const {
-    onDismiss
+    onDismiss,
+    onCancelOrder
   } = t0;
   const {
     explorerLink
   } = useTradeFlowContext();
   let t1;
-  if ($[0] !== explorerLink || $[1] !== onDismiss) {
-    t1 = /* @__PURE__ */ jsx(TradeCompletedFooterBase, { onDismiss, explorerLink });
+  if ($[0] !== explorerLink || $[1] !== onCancelOrder || $[2] !== onDismiss) {
+    t1 = /* @__PURE__ */ jsx(TradeCompletedFooterBase, { onDismiss, onCancelOrder, explorerLink });
     $[0] = explorerLink;
-    $[1] = onDismiss;
-    $[2] = t1;
+    $[1] = onCancelOrder;
+    $[2] = onDismiss;
+    $[3] = t1;
   } else {
-    t1 = $[2];
+    t1 = $[3];
   }
   return t1;
 };

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\n\ntype TradeCompletedFooterProps = {\n  onDismiss?: () => void;\n  explorerLink?: string;\n};\n\nconst TradeCompletedFooterBase = ({\n  onDismiss,\n  explorerLink,\n}: TradeCompletedFooterProps) => {\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      <Button\n        variant=\"default\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onDismiss}\n      >\n        Make Another Trade\n      </Button>\n      {explorerLink && (\n        <Button\n          variant=\"secondary\"\n          size=\"xl\"\n          radius=\"sm\"\n          className=\"w-full text-sm\"\n          asChild\n        >\n          <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n            View On Explorer\n          </a>\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport const TradeCompletedFooter = ({\n  onDismiss,\n}: Pick<TradeCompletedFooterProps, \"onDismiss\">) => {\n  const { explorerLink } = useTradeFlowContext();\n  return (\n    <TradeCompletedFooterBase\n      onDismiss={onDismiss}\n      explorerLink={explorerLink}\n    />\n  );\n};\n"],"names":["TradeCompletedFooterBase","t0","$","_c","onDismiss","explorerLink","t1","t2","t3","TradeCompletedFooter","useTradeFlowContext"],"mappings":";;;;;AAQA,MAAMA,2BAA2BC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAGN,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,SAAAA,EAAA;AAGtBE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,SAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDF,OAAAA,EAAAA,SAAAA,EACV,QAAA,EAAA,oBAAA,EAED,CAAA;AAASF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAG,YAAAA,EAAA;AACRE,IAAAA,EAAAA,GAAAF,YAAAA,wBACE,MAAA,EAAA,EACS,OAAA,EAAA,aACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACV,eAEA,QAAA,kBAAA,GAAA,QAASA,IAAAA,EAAAA,YAAAA,EAAkB,KAAA,qBAAA,EAA6B,MAAA,EAAA,QAAA,EAAS,QAAA,EAAA,kBAAA,EAEjE,CAAA,EACF,CAAA;AACDH,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAI,MAAAJ,CAAAA,QAAAK,EAAAA,EAAA;AAtBHC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,2CAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MASCC;AAAAA,KAAAA,EAaH,CAAA;AAAML,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAvBNM,EAAAA;AAuBM,CAAA;AAIH,MAAMC,uBAAuBR,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAGnC,EAAA,MAAA;AAAA,IAAAI;AAAAA,MAAyBK,mBAAAA,EAAoB;AAAE,EAAA,IAAAJ,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAG,gBAAAH,CAAAA,QAAAE,SAAAA,EAAA;AAE7CE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,wBAAA,EAAA,EACYF,SAAAA,EACGC,YAAAA,EAAY,CAAA;AAC1BH,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAHFI,EAAAA;AAGE;;;;"}
+{"version":3,"file":"TradeCompleteFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\n\ntype TradeCompletedFooterProps = {\n  onDismiss?: () => void;\n  onCancelOrder?: () => void;\n  explorerLink?: string;\n};\n\nconst TradeCompletedFooterBase = ({\n  onDismiss,\n  onCancelOrder,\n  explorerLink,\n}: TradeCompletedFooterProps) => {\n  const { orderCancellationStep } = useTradeFlowContext();\n\n  const successfulCancellation = orderCancellationStep === \"success\";\n  const pendingCancellation = orderCancellationStep === \"pending\";\n\n  const button1 = (\n    <Button\n      variant=\"default\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      onClick={onDismiss}\n    >\n      Make Another Trade\n    </Button>\n  );\n\n  const button2 = explorerLink ? (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  ) : null;\n\n  const button3 =\n    onCancelOrder && !successfulCancellation ? (\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1\"\n        disabled={pendingCancellation}\n        onClick={onCancelOrder}\n      >\n        Cancel This Order\n        {pendingCancellation && (\n          <Spinner\n            width={16}\n            height={16}\n            className=\"animate-spin direction-reverse\"\n          />\n        )}\n      </Button>\n    ) : null;\n\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      {button1}\n      {button2}\n      {button3}\n    </div>\n  );\n};\n\nexport const TradeCompletedFooter = ({\n  onDismiss,\n  onCancelOrder,\n}: Pick<TradeCompletedFooterProps, \"onDismiss\" | \"onCancelOrder\">) => {\n  const { explorerLink } = useTradeFlowContext();\n  return (\n    <TradeCompletedFooterBase\n      onDismiss={onDismiss}\n      onCancelOrder={onCancelOrder}\n      explorerLink={explorerLink}\n    />\n  );\n};\n"],"names":["TradeCompletedFooterBase","t0","$","_c","onDismiss","onCancelOrder","explorerLink","orderCancellationStep","useTradeFlowContext","successfulCancellation","pendingCancellation","t1","button1","t2","button2","t3","Spinner","button3","t4","TradeCompletedFooter"],"mappings":"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"}

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.d.ts

@@ -1,8 +1,6 @@
 import { TradeFlowType } from '../../../../hooks/swap/tradeFlow/common/types';
 type TradeCompletedHeaderBaseProps = {
     tradeFlowType: TradeFlowType;
-    surplusDisplay: string | null;
-    formattedAmountInUSD: string | null;
 };
 export declare const TradeCompletedHeader: ({ tradeFlowType, }: Pick<TradeCompletedHeaderBaseProps, "tradeFlowType">) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,KAAK,6BAA6B,GAAG;IACnC,aAAa,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC,CAAC;AAsBF,eAAO,MAAM,oBAAoB,GAAI,oBAElC,IAAI,CAAC,6BAA6B,EAAE,eAAe,CAAC,4CAyBtD,CAAC"}
+{"version":3,"file":"TradeCompleteHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,aAAa,EACd,MAAM,qCAAqC,CAAC;AAI7C,KAAK,6BAA6B,GAAG;IACnC,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAgBF,eAAO,MAAM,oBAAoB,GAAI,oBAElC,IAAI,CAAC,6BAA6B,EAAE,eAAe,CAAC,4CAMtD,CAAC"}

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

@@ -4,15 +4,16 @@ import { useTokenPrice } from '../../../../hooks/tokens/prices/useTokenPrices.js
 import { formatFiatPrice } from '../../../../lib/utils/formatFiatPrice.js';
 import { getSurplusAmounts } from './utils.js';
 import { useTradeFlowContext } from '../tradeFlowContext.js';
+import { tradeFlowCompletedTitle } from './constants.js';
+import { isOrderTradeFlowType } from '../../../../hooks/swap/tradeFlow/common/utils.js';
 
 const TradeCompletedHeaderBase = (t0) => {
-  const $ = distExports.c(8);
+  const $ = distExports.c(5);
   const {
     tradeFlowType,
-    surplusDisplay,
-    formattedAmountInUSD
+    children
   } = t0;
-  const t1 = tradeFlowType === "deltaOrder" ? "Order Completed" : "Swap Completed";
+  const t1 = tradeFlowCompletedTitle[tradeFlowType];
   let t2;
   if ($[0] !== t1) {
     t2 = /* @__PURE__ */ jsx("div", { className: "font-medium text-lg text-contrast-5 dark:text-contrast-9", children: t1 });
@@ -22,38 +23,50 @@ const TradeCompletedHeaderBase = (t0) => {
     t2 = $[1];
   }
   let t3;
-  if ($[2] !== formattedAmountInUSD || $[3] !== surplusDisplay) {
-    t3 = surplusDisplay && /* @__PURE__ */ jsxs("div", { className: "text-xs text-contrast-2", children: [
-      "Congrats! You received a surplus of ",
-      surplusDisplay,
-      " ",
-      formattedAmountInUSD && `(${formattedAmountInUSD})`
+  if ($[2] !== children || $[3] !== t2) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 items-center", children: [
+      t2,
+      children
     ] });
-    $[2] = formattedAmountInUSD;
-    $[3] = surplusDisplay;
+    $[2] = children;
+    $[3] = t2;
     $[4] = t3;
   } else {
     t3 = $[4];
   }
-  let t4;
-  if ($[5] !== t2 || $[6] !== t3) {
-    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 items-center", children: [
-      t2,
-      t3
-    ] });
-    $[5] = t2;
-    $[6] = t3;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  return t4;
+  return t3;
 };
 const TradeCompletedHeader = (t0) => {
-  const $ = distExports.c(6);
+  const $ = distExports.c(4);
   const {
     tradeFlowType
   } = t0;
+  if (isOrderTradeFlowType(tradeFlowType)) {
+    let t12;
+    if ($[0] !== tradeFlowType) {
+      t12 = /* @__PURE__ */ jsx(TradeCompletedHeaderOrder, { orderTradeFlowType: tradeFlowType });
+      $[0] = tradeFlowType;
+      $[1] = t12;
+    } else {
+      t12 = $[1];
+    }
+    return t12;
+  }
+  let t1;
+  if ($[2] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeCompletedHeaderSwap, { swapTradeFlowType: tradeFlowType });
+    $[2] = tradeFlowType;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+};
+const TradeCompletedHeaderSwap = (t0) => {
+  const $ = distExports.c(8);
+  const {
+    swapTradeFlowType
+  } = t0;
   const {
     result,
     toToken
@@ -78,16 +91,88 @@ const TradeCompletedHeader = (t0) => {
   }
   const formattedAmountInUSD = t1;
   let t2;
-  if ($[2] !== formattedAmountInUSD || $[3] !== surplusDisplay || $[4] !== tradeFlowType) {
-    t2 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType, surplusDisplay, formattedAmountInUSD });
+  if ($[2] !== formattedAmountInUSD || $[3] !== surplusDisplay) {
+    t2 = surplusDisplay && /* @__PURE__ */ jsxs("div", { className: "text-xs text-contrast-2", children: [
+      "Congrats! You received a surplus of ",
+      surplusDisplay,
+      " ",
+      formattedAmountInUSD && `(${formattedAmountInUSD})`
+    ] });
     $[2] = formattedAmountInUSD;
     $[3] = surplusDisplay;
-    $[4] = tradeFlowType;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== swapTradeFlowType || $[6] !== t2) {
+    t3 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: swapTradeFlowType, children: t2 });
+    $[5] = swapTradeFlowType;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+};
+const TradeCompletedHeaderOrder = (t0) => {
+  const $ = distExports.c(12);
+  const {
+    orderTradeFlowType
+  } = t0;
+  const isLimit = orderTradeFlowType === "limitOrder";
+  const isFillOTC = orderTradeFlowType === "fillOtcOrder";
+  let t1;
+  if ($[0] !== isFillOTC || $[1] !== isLimit) {
+    t1 = isFillOTC ? /* @__PURE__ */ jsx("div", { children: "Your OTC order has been executed." }) : /* @__PURE__ */ jsxs("div", { children: [
+      "Your ",
+      isLimit ? "limit" : "OTC",
+      " order is now created."
+    ] });
+    $[0] = isFillOTC;
+    $[1] = isLimit;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const subTitle1 = t1;
+  let t2;
+  if ($[3] !== isFillOTC || $[4] !== isLimit) {
+    t2 = !isFillOTC && /* @__PURE__ */ jsxs("div", { children: [
+      "You can check the order status on the main ",
+      isLimit ? "Limit" : "OTC",
+      " ",
+      "Order interface"
+    ] });
+    $[3] = isFillOTC;
+    $[4] = isLimit;
     $[5] = t2;
   } else {
     t2 = $[5];
   }
-  return t2;
+  const subTitle2 = t2;
+  let t3;
+  if ($[6] !== subTitle1 || $[7] !== subTitle2) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 items-center text-xs dark:text-contrast-6", children: [
+      subTitle1,
+      subTitle2
+    ] });
+    $[6] = subTitle1;
+    $[7] = subTitle2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== orderTradeFlowType || $[10] !== t3) {
+    t4 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: orderTradeFlowType, children: t3 });
+    $[9] = orderTradeFlowType;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
 };
 
 export { TradeCompletedHeader };