@velora-dex/widget 0.4.2-dev.3 → 0.4.2

package/dist/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.js

@@ -7,7 +7,6 @@ import { PayReceiveInfo } from '../../PayReceiveInfo/PayReceiveInfo.js';
 import { constructPayReceiveInfoProps, constructSubmitDateDetail, constructExpiresInDetail, constructOrderRateDetail, constructOrderStatusDetail, constructOrderTypeDetail } from './utils.js';
 import { Controls } from './Controls.js';
 import { isLimitOrderWithExtra } from '../utils.js';
-import { useWatchDeltaAuction } from '../../../../hooks/swap/prices/delta/queries/useWatchDeltaOrder.js';
 
 const detailsClasses = {
   root: "pt-4 gap-4",
@@ -15,164 +14,82 @@ const detailsClasses = {
   value: "text-contrast-4 dark:text-contrast-6"
 };
 const LimitOrderDetails = (t0) => {
-  const $ = distExports.c(36);
-  let controlsProps;
-  let selectedOrder;
+  const $ = distExports.c(18);
+  let callbacks;
+  let order;
   if ($[0] !== t0) {
     ({
-      order: selectedOrder,
-      ...controlsProps
+      order,
+      ...callbacks
     } = t0);
     $[0] = t0;
-    $[1] = controlsProps;
-    $[2] = selectedOrder;
+    $[1] = callbacks;
+    $[2] = order;
   } else {
-    controlsProps = $[1];
-    selectedOrder = $[2];
+    callbacks = $[1];
+    order = $[2];
   }
-  const t1 = selectedOrder.id;
+  let t1;
+  if ($[3] !== order) {
+    t1 = isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);
+    $[3] = order;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const payReceiveInfoProps = t1;
   let t2;
-  if ($[3] !== selectedOrder.status) {
-    t2 = DeltaOrderStatusChecker.completed.has(selectedOrder.status);
-    $[3] = selectedOrder.status;
-    $[4] = t2;
+  if ($[5] !== order) {
+    const overallPending = DeltaOrderStatusChecker.pending.has(order.status) || DeltaOrderStatusChecker.executing.has(order.status);
+    t2 = [constructSubmitDateDetail(order), overallPending && constructExpiresInDetail({
+      expiresIn: +order.expiresAt
+    }), constructOrderRateDetail(order), constructOrderStatusDetail(order), constructOrderTypeDetail(order)].filter(isTruthy);
+    $[5] = order;
+    $[6] = t2;
   } else {
-    t2 = $[4];
+    t2 = $[6];
+  }
+  const details = t2;
+  let t3;
+  if ($[7] !== payReceiveInfoProps) {
+    t3 = payReceiveInfoProps && /* @__PURE__ */ jsx(PayReceiveInfo, { ...payReceiveInfoProps });
+    $[7] = payReceiveInfoProps;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
   }
-  const t3 = !t2;
   let t4;
-  if ($[5] !== selectedOrder.extra || $[6] !== selectedOrder.itemType) {
-    t4 = (auction) => {
-      if (!auction) {
-        return null;
-      }
-      return {
-        ...auction,
-        extra: selectedOrder.extra,
-        itemType: selectedOrder.itemType
-      };
-    };
-    $[5] = selectedOrder.extra;
-    $[6] = selectedOrder.itemType;
-    $[7] = t4;
+  if ($[9] !== details) {
+    t4 = /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: detailsClasses });
+    $[9] = details;
+    $[10] = t4;
   } else {
-    t4 = $[7];
+    t4 = $[10];
   }
   let t5;
-  let t6;
-  let t7;
-  let t8;
-  if ($[8] !== controlsProps?.logger) {
-    t5 = (order) => {
-      controlsProps?.logger?.log("Delta Order success", order);
-    };
-    t6 = (order_0) => {
-      controlsProps?.logger?.log("Delta Order failure", order_0);
-    };
-    t7 = (order_1) => {
-      controlsProps?.logger?.log("Delta Order updated", order_1);
-    };
-    t8 = (order_2) => {
-      controlsProps?.logger?.log("Delta Order timeout", order_2);
-    };
-    $[8] = controlsProps?.logger;
-    $[9] = t5;
-    $[10] = t6;
-    $[11] = t7;
-    $[12] = t8;
+  if ($[11] !== callbacks || $[12] !== order) {
+    t5 = /* @__PURE__ */ jsx(Controls, { order, ...callbacks });
+    $[11] = callbacks;
+    $[12] = order;
+    $[13] = t5;
   } else {
-    t5 = $[9];
-    t6 = $[10];
-    t7 = $[11];
-    t8 = $[12];
+    t5 = $[13];
   }
-  let t9;
-  if ($[13] !== selectedOrder.id || $[14] !== t3 || $[15] !== t4 || $[16] !== t5 || $[17] !== t6 || $[18] !== t7 || $[19] !== t8) {
-    t9 = {
-      orderId: t1,
-      enabled: t3,
-      select: t4,
-      onAuctionSuccess: t5,
-      onAuctionFailure: t6,
-      onUpdatedAuction: t7,
-      onTimeoutGettingOrder: t8
-    };
-    $[13] = selectedOrder.id;
+  let t6;
+  if ($[14] !== t3 || $[15] !== t4 || $[16] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("div", { className: "px-6 pb-8 h-[470px] flex flex-col", children: [
+      t3,
+      t4,
+      t5
+    ] });
     $[14] = t3;
     $[15] = t4;
     $[16] = t5;
     $[17] = t6;
-    $[18] = t7;
-    $[19] = t8;
-    $[20] = t9;
-  } else {
-    t9 = $[20];
-  }
-  const {
-    data: lastDeltaOrderState
-  } = useWatchDeltaAuction(t9);
-  const order_3 = lastDeltaOrderState ?? selectedOrder;
-  let t10;
-  if ($[21] !== order_3) {
-    t10 = isLimitOrderWithExtra(order_3) && constructPayReceiveInfoProps(order_3);
-    $[21] = order_3;
-    $[22] = t10;
-  } else {
-    t10 = $[22];
-  }
-  const payReceiveInfoProps = t10;
-  let t11;
-  if ($[23] !== order_3) {
-    const overallPending = DeltaOrderStatusChecker.pending.has(order_3.status) || DeltaOrderStatusChecker.executing.has(order_3.status);
-    t11 = [constructSubmitDateDetail(order_3), overallPending && constructExpiresInDetail({
-      expiresIn: order_3.order.deadline
-    }), constructOrderRateDetail(order_3), constructOrderStatusDetail(order_3), constructOrderTypeDetail(order_3)].filter(isTruthy);
-    $[23] = order_3;
-    $[24] = t11;
-  } else {
-    t11 = $[24];
-  }
-  const details = t11;
-  let t12;
-  if ($[25] !== payReceiveInfoProps) {
-    t12 = payReceiveInfoProps && /* @__PURE__ */ jsx(PayReceiveInfo, { ...payReceiveInfoProps });
-    $[25] = payReceiveInfoProps;
-    $[26] = t12;
-  } else {
-    t12 = $[26];
-  }
-  let t13;
-  if ($[27] !== details) {
-    t13 = /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: detailsClasses });
-    $[27] = details;
-    $[28] = t13;
-  } else {
-    t13 = $[28];
-  }
-  let t14;
-  if ($[29] !== controlsProps || $[30] !== order_3) {
-    t14 = /* @__PURE__ */ jsx(Controls, { order: order_3, ...controlsProps });
-    $[29] = controlsProps;
-    $[30] = order_3;
-    $[31] = t14;
-  } else {
-    t14 = $[31];
-  }
-  let t15;
-  if ($[32] !== t12 || $[33] !== t13 || $[34] !== t14) {
-    t15 = /* @__PURE__ */ jsxs("div", { className: "px-6 pb-8 min-h-[470px] flex flex-col", children: [
-      t12,
-      t13,
-      t14
-    ] });
-    $[32] = t12;
-    $[33] = t13;
-    $[34] = t14;
-    $[35] = t15;
   } else {
-    t15 = $[35];
+    t6 = $[17];
   }
-  return t15;
+  return t6;
 };
 
 export { LimitOrderDetails };

package/dist/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderDetails.js","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"sourcesContent":["import type { LimitOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { DeltaOrderStatusChecker } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructOrderStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"./utils\";\n\nimport { Controls, type LimitOrderControlsProps } from \"./Controls\";\nimport { isLimitOrderWithExtra } from \"../utils\";\nimport { useWatchDeltaAuction } from \"@/hooks/swap/prices/delta/queries/useWatchDeltaOrder\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const LimitOrderDetails = ({\n  order: selectedOrder,\n  ...controlsProps\n}: {\n  order: LimitOrderItem;\n  onDismiss: () => void;\n} & Pick<\n  LimitOrderControlsProps,\n  \"onCancelSuccess\" | \"onCancelError\" | \"logger\"\n>) => {\n  // @TODO polling for OtcOrdeItem and TransactionListItem?\n  // Watch delta order if it's selected to get real-time updates on its status\n  const { data: lastDeltaOrderState } =\n    useWatchDeltaAuction<LimitOrderItem | null>({\n      orderId: selectedOrder.id,\n      enabled:\n        // do not enable extra fetch for completed orders\n        !DeltaOrderStatusChecker.completed.has(selectedOrder.status),\n      select: (auction) => {\n        if (!auction) return null;\n        return {\n          ...auction,\n          // reuse existing order item data\n          extra: selectedOrder.extra,\n          itemType: selectedOrder.itemType,\n        };\n      },\n      onAuctionSuccess: (order) => {\n        controlsProps?.logger?.log(\"Delta Order success\", order);\n      },\n      onAuctionFailure: (order) => {\n        controlsProps?.logger?.log(\"Delta Order failure\", order);\n      },\n      onUpdatedAuction: (order) => {\n        controlsProps?.logger?.log(\"Delta Order updated\", order);\n      },\n      onTimeoutGettingOrder: (order) => {\n        controlsProps?.logger?.log(\"Delta Order timeout\", order);\n      },\n    });\n\n  const order = lastDeltaOrderState ?? selectedOrder;\n\n  const payReceiveInfoProps =\n    isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(order.status) ||\n    DeltaOrderStatusChecker.executing.has(order.status);\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail(order),\n    overallPending &&\n      constructExpiresInDetail({\n        expiresIn: order.order.deadline,\n      }),\n    constructOrderRateDetail(order),\n    constructOrderStatusDetail(order),\n    constructOrderTypeDetail(order),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 min-h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...controlsProps} />\n    </div>\n  );\n};\n"],"names":["detailsClasses","root","title","value","LimitOrderDetails","t0","$","_c","controlsProps","selectedOrder","order","t1","id","t2","status","DeltaOrderStatusChecker","completed","has","t3","t4","extra","itemType","auction","t5","t6","t7","t8","logger","log","order_0","order_1","order_2","t9","orderId","enabled","select","onAuctionSuccess","onAuctionFailure","onUpdatedAuction","onTimeoutGettingOrder","data","lastDeltaOrderState","useWatchDeltaAuction","order_3","t10","isLimitOrderWithExtra","constructPayReceiveInfoProps","payReceiveInfoProps","t11","overallPending","pending","executing","constructSubmitDateDetail","constructExpiresInDetail","expiresIn","deadline","constructOrderRateDetail","constructOrderStatusDetail","constructOrderTypeDetail","filter","isTruthy","details","t12","t13","t14","t15"],"mappings":"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"}
+{"version":3,"file":"LimitOrderDetails.js","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"sourcesContent":["import type { LimitOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { DeltaOrderStatusChecker } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructOrderStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"./utils\";\n\nimport { Controls, type LimitOrderControlsProps } from \"./Controls\";\nimport { isLimitOrderWithExtra } from \"../utils\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const LimitOrderDetails = ({\n  order,\n  ...callbacks\n}: {\n  order: LimitOrderItem;\n  onDismiss: () => void;\n} & Pick<LimitOrderControlsProps, \"onCancelSuccess\" | \"onCancelError\">) => {\n  const payReceiveInfoProps =\n    isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(order.status) ||\n    DeltaOrderStatusChecker.executing.has(order.status);\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail(order),\n    overallPending && constructExpiresInDetail({ expiresIn: +order.expiresAt }),\n    constructOrderRateDetail(order),\n    constructOrderStatusDetail(order),\n    constructOrderTypeDetail(order),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...callbacks} />\n    </div>\n  );\n};\n"],"names":["detailsClasses","root","title","value","LimitOrderDetails","t0","$","_c","callbacks","order","t1","isLimitOrderWithExtra","constructPayReceiveInfoProps","payReceiveInfoProps","t2","overallPending","DeltaOrderStatusChecker","pending","has","status","executing","constructSubmitDateDetail","constructExpiresInDetail","expiresIn","expiresAt","constructOrderRateDetail","constructOrderStatusDetail","constructOrderTypeDetail","filter","isTruthy","details","t3","t4","t5","t6"],"mappings":"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"}

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

@@ -3,8 +3,8 @@ import { MinTradeOverviewProps, TradeOverviewProps } from './TradeOverview';
 import { DeltaOrderStepKey } from './steps';
 import { DeltaSwapFlowType } from '../../../hooks/swap/tradeFlow/common/types';
 import { BridgePrice, DeltaPrice } from '@velora-dex/sdk';
-type DeltaOrderTradeOverviewProps = Pick<TradeOverviewProps<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onCancelOrder" | "onRetry" | "isFlowCancellable" | "explorerLink" | "activeStep" | "orderCancellationStep" | "result" | "error" | "erroredStep" | "tradeFlowType" | "swapSide">;
-export declare function DeltaOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, swapSide, onDismiss, onHelp, onCancelFlow, onCancelOrder, onRetry, activeStep, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: DeltaOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+type DeltaOrderTradeOverviewProps = Pick<TradeOverviewProps<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onCancelOrder" | "onRetry" | "isFlowCancellable" | "explorerLink" | "activeStep" | "result" | "error" | "erroredStep" | "tradeFlowType" | "swapSide">;
+export declare function DeltaOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, swapSide, onDismiss, onHelp, onCancelFlow, onCancelOrder, onRetry, activeStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: DeltaOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
 export type DeltaOrderTradeOverviewFlowProps = {
     orderProps: MinTradeOverviewProps;
     deltaPrice: DeltaPrice | BridgePrice;

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

@@ -1 +1 @@
-{"version":3,"file":"DeltaOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiB/D,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAChB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,SAAS,GACT,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAwB9B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,UAAU,GAAG,WAAW,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAuHF,eAAO,MAAM,6BAA6B,GACxC,OAAO,gCAAgC,4CAIxC,CAAC"}
+{"version":3,"file":"DeltaOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAkB/D,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAChB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,SAAS,GACT,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAuB9B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,UAAU,GAAG,WAAW,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA2HF,eAAO,MAAM,6BAA6B,GACxC,OAAO,gCAAgC,4CAIxC,CAAC"}

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

@@ -3,6 +3,7 @@ import { d as distExports } from '../../../_virtual/index.js';
 import { TradeOverview } from './TradeOverview.js';
 import { DeltaOrderSteps } from './steps.js';
 import { useDeltaSwapStep } from '../../../hooks/swap/tradeFlow/useDeltaSwapStep.js';
+import { addPreWrapToOrderProps } from './utils/preWrap.js';
 import { handleTxSent } from '../../../lib/utils/transactionHandlers.js';
 import { addDeltaOrderToast } from '../../../lib/utils/toasts.js';
 import { useCurrentSwapPrice } from '../../../hooks/swap/prices/useSwapPrices.js';
@@ -14,7 +15,7 @@ import { amountAfterSlippage } from '../../../lib/utils/slippage.js';
 import { useSlippage } from '../../../hooks/useSlippage.js';
 
 function DeltaOrderTradeOverview(t0) {
-  const $ = distExports.c(19);
+  const $ = distExports.c(18);
   const {
     fromToken,
     toToken,
@@ -27,7 +28,6 @@ function DeltaOrderTradeOverview(t0) {
     onCancelOrder,
     onRetry,
     activeStep,
-    orderCancellationStep,
     isFlowCancellable,
     explorerLink,
     result,
@@ -36,8 +36,8 @@ function DeltaOrderTradeOverview(t0) {
     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] !== swapSide || $[15] !== toAmount || $[16] !== toToken || $[17] !== tradeFlowType) {
-    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, swapSide, steps: DeltaOrderSteps, activeStep, orderCancellationStep, onDismiss, onHelp, onCancelFlow, onCancelOrder, onRetry, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+  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] !== result || $[13] !== swapSide || $[14] !== toAmount || $[15] !== toToken || $[16] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, swapSide, steps: DeltaOrderSteps, activeStep, onDismiss, onHelp, onCancelFlow, onCancelOrder, onRetry, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
     $[0] = activeStep;
     $[1] = error;
     $[2] = erroredStep;
@@ -50,22 +50,21 @@ function DeltaOrderTradeOverview(t0) {
     $[9] = onDismiss;
     $[10] = onHelp;
     $[11] = onRetry;
-    $[12] = orderCancellationStep;
-    $[13] = result;
-    $[14] = swapSide;
-    $[15] = toAmount;
-    $[16] = toToken;
-    $[17] = tradeFlowType;
-    $[18] = t1;
+    $[12] = result;
+    $[13] = swapSide;
+    $[14] = toAmount;
+    $[15] = toToken;
+    $[16] = tradeFlowType;
+    $[17] = t1;
   } else {
-    t1 = $[18];
+    t1 = $[17];
   }
   return t1;
 }
 function DeltaOrderTradeOverviewFlow(t0) {
-  const $ = distExports.c(42);
+  const $ = distExports.c(44);
   const {
-    orderProps,
+    orderProps: orderPropsFromForm,
     deltaPrice,
     onClose
   } = t0;
@@ -73,18 +72,32 @@ function DeltaOrderTradeOverviewFlow(t0) {
     resolvedSlippage
   } = useSlippage("swap");
   let t1;
-  if ($[0] !== deltaPrice) {
-    t1 = {
-      deltaPrice
-    };
-    $[0] = deltaPrice;
+  if ($[0] !== orderPropsFromForm) {
+    t1 = addPreWrapToOrderProps({
+      orderProps: orderPropsFromForm,
+      priceMode: "delta"
+    });
+    $[0] = orderPropsFromForm;
     $[1] = t1;
   } else {
     t1 = $[1];
   }
+  const orderProps = t1.orderProps;
+  const t2 = orderProps?.preWrapETH;
+  let t3;
+  if ($[2] !== deltaPrice || $[3] !== t2) {
+    t3 = {
+      deltaPrice,
+      preWrapETH: t2
+    };
+    $[2] = deltaPrice;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
   const {
     step,
-    orderCancellationStep,
     startDeltaSwap,
     cancelDeltaOrder,
     cancelFlow,
@@ -99,24 +112,24 @@ function DeltaOrderTradeOverviewFlow(t0) {
     error,
     erroredStep,
     tradeFlowType
-  } = useDeltaSwapStep(t1);
-  let t2;
-  if ($[2] !== startDeltaSwap) {
-    t2 = () => {
+  } = useDeltaSwapStep(t3);
+  let t4;
+  if ($[5] !== startDeltaSwap) {
+    t4 = () => {
       startDeltaSwap({
         onTxSent: handleTxSent,
         onOrderSent: addDeltaOrderToast
       });
     };
-    $[2] = startDeltaSwap;
-    $[3] = t2;
+    $[5] = startDeltaSwap;
+    $[6] = t4;
   } else {
-    t2 = $[3];
+    t4 = $[6];
   }
-  useRunOnMount(t2);
+  useRunOnMount(t4);
   let submittedSwapWei;
   if (submittedDeltaOrder) {
-    if ($[4] !== resolvedSlippage || $[5] !== submittedDeltaOrder.bridgeMetadata?.outputAmount || $[6] !== submittedDeltaOrder.order || $[7] !== usedPrice) {
+    if ($[7] !== resolvedSlippage || $[8] !== submittedDeltaOrder.bridgeMetadata?.outputAmount || $[9] !== submittedDeltaOrder.order || $[10] !== usedPrice) {
       const swapSide = getSwapSideFromDeltaOrder(submittedDeltaOrder.order);
       submittedSwapWei = {
         srcAmount: submittedDeltaOrder.order.srcAmount,
@@ -127,100 +140,99 @@ function DeltaOrderTradeOverviewFlow(t0) {
         const receivedDestAmountAfterSlippage = swapSide === "SELL" && usedPrice ? amountAfterSlippage(usedPrice.destAmount, resolvedSlippage, swapSide).toFixed(0) : void 0;
         submittedSwapWei.destAmount = submittedDeltaOrder.bridgeMetadata?.outputAmount || receivedDestAmountAfterSlippage || submittedSwapWei.destAmount;
       }
-      $[4] = resolvedSlippage;
-      $[5] = submittedDeltaOrder.bridgeMetadata?.outputAmount;
-      $[6] = submittedDeltaOrder.order;
-      $[7] = usedPrice;
-      $[8] = submittedSwapWei;
+      $[7] = resolvedSlippage;
+      $[8] = submittedDeltaOrder.bridgeMetadata?.outputAmount;
+      $[9] = submittedDeltaOrder.order;
+      $[10] = usedPrice;
+      $[11] = submittedSwapWei;
     } else {
-      submittedSwapWei = $[8];
+      submittedSwapWei = $[11];
     }
   }
-  let t3;
-  if ($[9] !== usedPrice) {
-    t3 = usedPrice ? {
+  let t5;
+  if ($[12] !== usedPrice) {
+    t5 = usedPrice ? {
       srcAmount: usedPrice.srcAmount,
       destAmount: usedPrice.receivedDestAmount,
       swapSide: getSwapSideFromDeltaPrice(usedPrice)
     } : void 0;
-    $[9] = usedPrice;
-    $[10] = t3;
+    $[12] = usedPrice;
+    $[13] = t5;
   } else {
-    t3 = $[10];
+    t5 = $[13];
   }
-  const usedPriceWei = t3;
-  let t4;
-  if ($[11] !== orderProps.fromAmount || $[12] !== orderProps.swapSide || $[13] !== orderProps.toAmount) {
-    t4 = {
+  const usedPriceWei = t5;
+  let t6;
+  if ($[14] !== orderProps.fromAmount || $[15] !== orderProps.swapSide || $[16] !== orderProps.toAmount) {
+    t6 = {
       srcAmount: orderProps.fromAmount,
       destAmount: orderProps.toAmount,
       swapSide: orderProps.swapSide
     };
-    $[11] = orderProps.fromAmount;
-    $[12] = orderProps.swapSide;
-    $[13] = orderProps.toAmount;
-    $[14] = t4;
+    $[14] = orderProps.fromAmount;
+    $[15] = orderProps.swapSide;
+    $[16] = orderProps.toAmount;
+    $[17] = t6;
   } else {
-    t4 = $[14];
+    t6 = $[17];
   }
-  let t5;
-  if ($[15] !== orderProps.fromToken || $[16] !== orderProps.toToken || $[17] !== submittedSwapWei || $[18] !== t4 || $[19] !== usedPriceWei) {
-    t5 = {
+  let t7;
+  if ($[18] !== orderProps.fromToken || $[19] !== orderProps.toToken || $[20] !== submittedSwapWei || $[21] !== t6 || $[22] !== usedPriceWei) {
+    t7 = {
       submittedSwapWei,
       usedPriceWei,
-      formDataUnit: t4,
+      formDataUnit: t6,
       fromToken: orderProps.fromToken,
       toToken: orderProps.toToken
     };
-    $[15] = orderProps.fromToken;
-    $[16] = orderProps.toToken;
-    $[17] = submittedSwapWei;
-    $[18] = t4;
-    $[19] = usedPriceWei;
-    $[20] = t5;
+    $[18] = orderProps.fromToken;
+    $[19] = orderProps.toToken;
+    $[20] = submittedSwapWei;
+    $[21] = t6;
+    $[22] = usedPriceWei;
+    $[23] = t7;
   } else {
-    t5 = $[20];
+    t7 = $[23];
   }
-  const amountsAndSide = useSwapAmountsWithSlippage(t5);
-  let t6;
-  if ($[21] !== onClose || $[22] !== reset) {
-    t6 = () => {
+  const amountsAndSide = useSwapAmountsWithSlippage(t7);
+  let t8;
+  if ($[24] !== onClose || $[25] !== reset) {
+    t8 = () => {
       onClose?.();
       reset();
     };
-    $[21] = onClose;
-    $[22] = reset;
-    $[23] = t6;
+    $[24] = onClose;
+    $[25] = reset;
+    $[26] = t8;
   } else {
-    t6 = $[23];
+    t8 = $[26];
   }
-  const onDismiss = t6;
+  const onDismiss = t8;
   const onCancelOrder = isOrderCancellable ? cancelDeltaOrder : void 0;
-  let t7;
-  if ($[24] !== amountsAndSide.destAmount || $[25] !== amountsAndSide.srcAmount || $[26] !== amountsAndSide.swapSide || $[27] !== cancelFlow || $[28] !== error || $[29] !== erroredStep || $[30] !== explorerLink || $[31] !== isFlowCancellable || $[32] !== onCancelOrder || $[33] !== onDismiss || $[34] !== orderCancellationStep || $[35] !== orderProps.fromToken || $[36] !== orderProps.toToken || $[37] !== result || $[38] !== retryFlow || $[39] !== step || $[40] !== tradeFlowType) {
-    t7 = /* @__PURE__ */ jsx(DeltaOrderTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: amountsAndSide.srcAmount, toAmount: amountsAndSide.destAmount, swapSide: amountsAndSide.swapSide, onDismiss, onCancelFlow: cancelFlow, onCancelOrder, onRetry: retryFlow, activeStep: step, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
-    $[24] = amountsAndSide.destAmount;
-    $[25] = amountsAndSide.srcAmount;
-    $[26] = amountsAndSide.swapSide;
-    $[27] = cancelFlow;
-    $[28] = error;
-    $[29] = erroredStep;
-    $[30] = explorerLink;
-    $[31] = isFlowCancellable;
-    $[32] = onCancelOrder;
-    $[33] = onDismiss;
-    $[34] = orderCancellationStep;
-    $[35] = orderProps.fromToken;
-    $[36] = orderProps.toToken;
-    $[37] = result;
-    $[38] = retryFlow;
-    $[39] = step;
-    $[40] = tradeFlowType;
-    $[41] = t7;
+  let t9;
+  if ($[27] !== amountsAndSide.destAmount || $[28] !== amountsAndSide.srcAmount || $[29] !== amountsAndSide.swapSide || $[30] !== cancelFlow || $[31] !== error || $[32] !== erroredStep || $[33] !== explorerLink || $[34] !== isFlowCancellable || $[35] !== onCancelOrder || $[36] !== onDismiss || $[37] !== orderProps.fromToken || $[38] !== orderProps.toToken || $[39] !== result || $[40] !== retryFlow || $[41] !== step || $[42] !== tradeFlowType) {
+    t9 = /* @__PURE__ */ jsx(DeltaOrderTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: amountsAndSide.srcAmount, toAmount: amountsAndSide.destAmount, swapSide: amountsAndSide.swapSide, onDismiss, onCancelFlow: cancelFlow, onCancelOrder, onRetry: retryFlow, activeStep: step, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+    $[27] = amountsAndSide.destAmount;
+    $[28] = amountsAndSide.srcAmount;
+    $[29] = amountsAndSide.swapSide;
+    $[30] = cancelFlow;
+    $[31] = error;
+    $[32] = erroredStep;
+    $[33] = explorerLink;
+    $[34] = isFlowCancellable;
+    $[35] = onCancelOrder;
+    $[36] = onDismiss;
+    $[37] = orderProps.fromToken;
+    $[38] = orderProps.toToken;
+    $[39] = result;
+    $[40] = retryFlow;
+    $[41] = step;
+    $[42] = tradeFlowType;
+    $[43] = t9;
   } else {
-    t7 = $[41];
+    t9 = $[43];
   }
-  return t7;
+  return t9;
 }
 const DeltaOrderTradeOverviewScreen = (props) => {
   const $ = distExports.c(2);