@velora-dex/widget 0.0.23 → 0.1.0-rc.0

package/dist/hooks/swap/tradeFlow/useDeltaFlow.js

@@ -1,4 +1,3 @@
-import { d as distExports } from '../../../_virtual/index.js';
 import { useChainId, useAccount } from 'wagmi';
 import { assert } from 'ts-essentials';
 import { useEnsureTxReceipt } from '../../txs/queries/useAwaitTx.js';
@@ -10,7 +9,6 @@ import { applySlippage } from '../../../lib/utils/price.js';
 import { useSlippage } from '../../useSlippage.js';
 import { useMutation } from '@tanstack/react-query';
 import { useRef } from 'react';
-import { useInvalidateTokenDataQuery } from '../../tokens/balances/useInvalidateTokenData.js';
 import { UserCancelledError } from './common/errors.js';
 import { useReceiverAddressValue } from '../../../components/widget/ReceiverAddress/state/receiverAddressAtom.js';
 import { useIsContractAtAddress } from '../../getCode/useIsContractAtAddress.js';
@@ -20,301 +18,165 @@ import { produceDeltaOrderDeadline } from '../../permit/utils/deadlines.js';
 import { useWidgetConfig } from '../../../core/state/configAtom.js';
 import { encodePermit2TransferFromSigDataForDelta } from '../../permit/utils/encodeArgs.js';
 import { useLogger } from '../../../core/logger.js';
-import { useTrackedPrice } from './common/useTrackedPrice.js';
-import { isBridgePrice } from '../prices/delta/queries/useDeltaPriceQuery.js';
+import { isBridgePrice, useDeltaPriceQueryForPrice, useSubscribeToDeltaPrice } from '../prices/delta/queries/useDeltaPriceQuery.js';
 
 const DELTA_ORDER_MUTATION_KEY = "runDeltaOrderFlow";
-function useDeltaFlow(t0) {
-  const $ = distExports.c(118);
-  const {
-    deltaPrice
-  } = t0;
+function useDeltaFlow({
+  deltaPrice
+}) {
   const logger = useLogger("DeltaFlow");
   const chainId = useChainId();
   const {
     resolvedSlippage
   } = useSlippage();
-  let t1;
-  if ($[0] !== deltaPrice || $[1] !== resolvedSlippage) {
-    t1 = {
-      price: deltaPrice,
-      slippage: resolvedSlippage,
-      side: "SELL"
-    };
-    $[0] = deltaPrice;
-    $[1] = resolvedSlippage;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const trackedPrice = useTrackedPrice(t1);
-  let t2;
-  if ($[3] !== deltaPrice?.srcToken || $[4] !== trackedPrice.get) {
-    t2 = trackedPrice.get.usingPrice()?.srcToken ?? deltaPrice?.srcToken;
-    $[3] = deltaPrice?.srcToken;
-    $[4] = trackedPrice.get;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[6] !== deltaPrice?.srcAmount || $[7] !== trackedPrice.get) {
-    t3 = trackedPrice.get.approvedAmount() ?? deltaPrice?.srcAmount;
-    $[6] = deltaPrice?.srcAmount;
-    $[7] = trackedPrice.get;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  let t4;
-  if ($[9] !== t2 || $[10] !== t3) {
-    t4 = {
-      srcToken: t2,
-      srcAmount: t3,
-      spenderContractType: "ParaswapDelta",
-      swapSide: "SELL"
-    };
-    $[9] = t2;
-    $[10] = t3;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
   const {
     approval,
     signPermit,
     approveTxMut,
     signPermitMut
-  } = useApproveOrPermit(t4);
+  } = useApproveOrPermit({
+    srcToken: deltaPrice?.srcToken,
+    srcAmount: deltaPrice?.srcAmount,
+    spenderContractType: "ParaswapDelta",
+    swapSide: "SELL"
+    // @TODO add BUY support for Delta when available
+  });
   const {
     address: account
   } = useAccount();
-  let t5;
-  if ($[12] !== account || $[13] !== chainId) {
-    t5 = {
-      chainId,
-      account
-    };
-    $[12] = account;
-    $[13] = chainId;
-    $[14] = t5;
-  } else {
-    t5 = $[14];
-  }
   const {
     minClient
-  } = useMinViemClient(t5);
-  let t6;
-  if ($[15] !== logger) {
-    t6 = {
+  } = useMinViemClient({
+    chainId,
+    account
+  });
+  const createOrderMut = useCreateDeltaOrder({
+    chainId,
+    account,
+    client: minClient,
+    mutationOptions: {
       onSuccess: (order) => {
         logger.log("Create Delta Order success", order);
       },
       onError: (error) => {
         logger.error("Create Delta Order error", error);
       }
-    };
-    $[15] = logger;
-    $[16] = t6;
-  } else {
-    t6 = $[16];
-  }
-  let t7;
-  if ($[17] !== account || $[18] !== chainId || $[19] !== minClient || $[20] !== t6) {
-    t7 = {
-      chainId,
-      account,
-      client: minClient,
-      mutationOptions: t6
-    };
-    $[17] = account;
-    $[18] = chainId;
-    $[19] = minClient;
-    $[20] = t6;
-    $[21] = t7;
-  } else {
-    t7 = $[21];
-  }
-  const createOrderMut = useCreateDeltaOrder(t7);
-  let t8;
-  if ($[22] !== createOrderMut.data || $[23] !== createOrderMut.error || $[24] !== createOrderMut.isError || $[25] !== createOrderMut.isPending || $[26] !== createOrderMut.isSuccess) {
-    t8 = {
-      order: createOrderMut.data,
-      isCreatingOrder: createOrderMut.isPending,
-      isOrderSent: createOrderMut.isSuccess,
-      isPending: createOrderMut.isPending,
-      isError: createOrderMut.isError,
-      isSuccess: createOrderMut.isSuccess,
-      error: createOrderMut.error
-    };
-    $[22] = createOrderMut.data;
-    $[23] = createOrderMut.error;
-    $[24] = createOrderMut.isError;
-    $[25] = createOrderMut.isPending;
-    $[26] = createOrderMut.isSuccess;
-    $[27] = t8;
-  } else {
-    t8 = $[27];
-  }
-  const deltaOrderSubmission = t8;
-  const t9 = createOrderMut.data?.id;
-  let t10;
-  let t11;
-  let t12;
-  let t13;
-  if ($[28] !== logger) {
-    t10 = (order_0) => {
+    }
+  });
+  const deltaOrderSubmission = {
+    order: createOrderMut.data,
+    isCreatingOrder: createOrderMut.isPending,
+    isOrderSent: createOrderMut.isSuccess,
+    isPending: createOrderMut.isPending,
+    isError: createOrderMut.isError,
+    isSuccess: createOrderMut.isSuccess,
+    error: createOrderMut.error
+  };
+  const watchOrderExecution = useWatchDeltaAuction({
+    orderId: createOrderMut.data?.id,
+    onAuctionSuccess: (order_0) => {
       logger.log("Delta Order success", order_0);
-    };
-    t11 = (order_1) => {
+    },
+    onAuctionFailure: (order_1) => {
       logger.log("Delta Order failure", order_1);
-    };
-    t12 = (order_2) => {
+    },
+    onUpdatedAuction: (order_2) => {
       logger.log("Delta Order updated", order_2);
-    };
-    t13 = (order_3) => {
+    },
+    onTimeoutGettingOrder: (order_3) => {
       logger.log("Delta Order timeout", order_3);
-    };
-    $[28] = logger;
-    $[29] = t10;
-    $[30] = t11;
-    $[31] = t12;
-    $[32] = t13;
-  } else {
-    t10 = $[29];
-    t11 = $[30];
-    t12 = $[31];
-    t13 = $[32];
-  }
-  let t14;
-  if ($[33] !== t10 || $[34] !== t11 || $[35] !== t12 || $[36] !== t13 || $[37] !== t9) {
-    t14 = {
-      orderId: t9,
-      onAuctionSuccess: t10,
-      onAuctionFailure: t11,
-      onUpdatedAuction: t12,
-      onTimeoutGettingOrder: t13
-    };
-    $[33] = t10;
-    $[34] = t11;
-    $[35] = t12;
-    $[36] = t13;
-    $[37] = t9;
-    $[38] = t14;
-  } else {
-    t14 = $[38];
-  }
-  const watchOrderExecution = useWatchDeltaAuction(t14);
+    }
+  });
   const orderStatus = watchOrderExecution.data ? getOverallOrderStatus(watchOrderExecution.data) : null;
   const neverFetchedFinishedOrder = watchOrderExecution.data === null && watchOrderExecution.isSuccess;
-  const t15 = orderStatus === "pending";
-  const t16 = orderStatus === "executing";
-  const t17 = orderStatus === "confirmed";
-  const t18 = watchOrderExecution.isLoading || watchOrderExecution.isRefetching || orderStatus === "pending" || orderStatus === "executing";
-  const t19 = watchOrderExecution.isError || orderStatus === "failed" || neverFetchedFinishedOrder;
-  const t20 = orderStatus === "confirmed";
-  let t21;
-  if ($[39] !== createOrderMut.data || $[40] !== t15 || $[41] !== t16 || $[42] !== t17 || $[43] !== t18 || $[44] !== t19 || $[45] !== t20 || $[46] !== watchOrderExecution.data || $[47] !== watchOrderExecution.error) {
-    t21 = {
-      sentOrder: createOrderMut.data,
-      lastOrderState: watchOrderExecution.data,
-      isOrderPending: t15,
-      isOrderExecuting: t16,
-      isOrderExecuted: t17,
-      isPending: t18,
-      isError: t19,
-      isSuccess: t20,
-      error: watchOrderExecution.error
-    };
-    $[39] = createOrderMut.data;
-    $[40] = t15;
-    $[41] = t16;
-    $[42] = t17;
-    $[43] = t18;
-    $[44] = t19;
-    $[45] = t20;
-    $[46] = watchOrderExecution.data;
-    $[47] = watchOrderExecution.error;
-    $[48] = t21;
-  } else {
-    t21 = $[48];
-  }
-  const deltaOrderExecution = t21;
+  const deltaOrderExecution = {
+    sentOrder: createOrderMut.data,
+    lastOrderState: watchOrderExecution.data,
+    isOrderPending: orderStatus === "pending",
+    isOrderExecuting: orderStatus === "executing",
+    isOrderExecuted: orderStatus === "confirmed",
+    isPending: watchOrderExecution.isLoading || watchOrderExecution.isRefetching || orderStatus === "pending" || orderStatus === "executing",
+    isError: watchOrderExecution.isError || orderStatus === "failed" || neverFetchedFinishedOrder,
+    isSuccess: orderStatus === "confirmed",
+    error: watchOrderExecution.error
+  };
   const ensureOrderExecuted = useEnsureDeltaOrderExecuted();
   const ensureTxReceipt = useEnsureTxReceipt();
   const currentAbortControllerRef = useRef(null);
-  let t22;
-  if ($[49] === Symbol.for("react.memo_cache_sentinel")) {
-    t22 = () => {
-      currentAbortControllerRef.current?.abort(new UserCancelledError());
-      currentAbortControllerRef.current = null;
-    };
-    $[49] = t22;
-  } else {
-    t22 = $[49];
-  }
-  const cancelFlow = t22;
+  const usingPriceRef = useRef(null);
+  const cancelFlow = () => {
+    currentAbortControllerRef.current?.abort(new UserCancelledError());
+    currentAbortControllerRef.current = null;
+    usingPriceRef.current = null;
+  };
   const receiverAddress = useReceiverAddressValue();
-  let t23;
-  if ($[50] !== deltaPrice || $[51] !== trackedPrice.get) {
-    t23 = trackedPrice.get.usingPrice() ?? deltaPrice;
-    $[50] = deltaPrice;
-    $[51] = trackedPrice.get;
-    $[52] = t23;
-  } else {
-    t23 = $[52];
-  }
-  const _price = t23;
-  let t24;
-  if ($[53] !== _price || $[54] !== chainId) {
-    t24 = _price && isBridgePrice(_price) ? _price.bridge.destinationChainId : chainId;
-    $[53] = _price;
-    $[54] = chainId;
-    $[55] = t24;
-  } else {
-    t24 = $[55];
-  }
-  const destChainId = t24;
+  const destChainId = deltaPrice && isBridgePrice(deltaPrice) ? deltaPrice.bridge.destinationChainId : chainId;
   const isContractAtAddress = useIsContractAtAddress({
     address: receiverAddress,
     chainId: destChainId
   }).data?.isContract;
-  let t25;
-  if ($[56] !== chainId) {
-    t25 = {
-      chainId
-    };
-    $[56] = chainId;
-    $[57] = t25;
-  } else {
-    t25 = $[57];
-  }
   const {
     markNonceAsUsed,
     clearNonce
-  } = useMarkPermit1Or2NonceAsUsed(t25);
+  } = useMarkPermit1Or2NonceAsUsed({
+    chainId
+  });
   const partner = useWidgetConfig().partner;
-  let t26;
-  if ($[58] !== account || $[59] !== approval || $[60] !== approveTxMut || $[61] !== chainId || $[62] !== clearNonce || $[63] !== createOrderMut || $[64] !== deltaPrice || $[65] !== ensureOrderExecuted || $[66] !== ensureTxReceipt || $[67] !== isContractAtAddress || $[68] !== logger || $[69] !== markNonceAsUsed || $[70] !== partner || $[71] !== receiverAddress || $[72] !== resolvedSlippage || $[73] !== signPermit || $[74] !== signPermitMut || $[75] !== trackedPrice.get || $[76] !== trackedPrice.set) {
-    t26 = async (t272) => {
-      const {
-        onTxSent,
-        onOrderSent
-      } = t272 === void 0 ? {} : t272;
-      approveTxMut.reset();
-      signPermitMut.reset();
-      createOrderMut.reset();
-      const abortController = new AbortController();
-      currentAbortControllerRef.current = abortController;
-      const signal = abortController.signal;
-      const orderDeadline = produceDeltaOrderDeadline();
-      let signedPermitResult;
-      let approveTxHash;
-      let approveTxReceipt;
-      const allowanceToSet = approval.allowanceToSet;
-      if (approval.needsApproval) {
+  const getQueryForPrice = useDeltaPriceQueryForPrice();
+  const subscribeToPrice = useSubscribeToDeltaPrice();
+  const submitDeltaOrder = async ({
+    onTxSent,
+    onOrderSent
+  } = {}) => {
+    approveTxMut.reset();
+    signPermitMut.reset();
+    createOrderMut.reset();
+    assert(deltaPrice, "Delta price is not available");
+    const abortController = new AbortController();
+    currentAbortControllerRef.current = abortController;
+    const signal = abortController.signal;
+    const orderDeadline = produceDeltaOrderDeadline();
+    let signedPermitResult;
+    let approveTxHash;
+    let approveTxReceipt;
+    const allowanceToSet = approval.allowanceToSet;
+    let freshPrice = deltaPrice;
+    let unsubscribeFromPrice;
+    usingPriceRef.current = freshPrice;
+    try {
+      if (approval.needsApproval && allowanceToSet) {
+        const queryKey = getQueryForPrice({
+          chainId,
+          price: freshPrice
+        })?.queryKey;
+        if (queryKey) {
+          const approvedAmount = allowanceToSet;
+          unsubscribeFromPrice = subscribeToPrice({
+            queryKey,
+            onData: (newPrice) => {
+              if (signal.aborted) {
+                unsubscribeFromPrice?.();
+                unsubscribeFromPrice = void 0;
+                return;
+              }
+              const amountsAfterSlippage = applySlippage(
+                {
+                  srcAmount: newPrice.srcAmount,
+                  destAmount: newPrice.destAmount
+                },
+                resolvedSlippage,
+                "SELL"
+                // @TODO add BUY support for Delta when available
+              );
+              if (approvedAmount >= BigInt(amountsAfterSlippage.srcAmount)) {
+                logger.log("~ fresh price ~", newPrice);
+                freshPrice = newPrice;
+                usingPriceRef.current = freshPrice;
+              }
+            }
+          });
+        }
         if (!signPermit.isPermitSupported || !signPermit.isPermitReadyToSign) {
-          trackedPrice.set.approvedAmount(allowanceToSet);
           approveTxHash = await approveTxMut.approveAsync({
             allowanceData: {
               allowanceToSet
@@ -339,7 +201,6 @@ function useDeltaFlow(t0) {
           approveTxReceipt = await approveTxReceiptPromise;
           logger.log("~ approveTx ~ receipt:", approveTxReceipt);
         } else {
-          trackedPrice.set.approvedAmount(allowanceToSet);
           signedPermitResult = await signPermitMut.signPermitAsync({
             deadline: orderDeadline,
             value: allowanceToSet
@@ -348,17 +209,21 @@ function useDeltaFlow(t0) {
       }
       signal.throwIfAborted();
       assert(account, "Account is not connected");
-      let deltaPriceToUse = trackedPrice.get.usingPrice();
-      if (!deltaPriceToUse) {
-        deltaPriceToUse = deltaPrice || null;
-        trackedPrice.set.usingPrice(deltaPriceToUse);
-      }
+      const deltaPriceToUse = freshPrice;
+      usingPriceRef.current = deltaPriceToUse;
+      unsubscribeFromPrice?.();
+      unsubscribeFromPrice = void 0;
       assert(deltaPriceToUse, "Delta price is not available");
       const beneficiaryType = receiverAddress ? isContractAtAddress ? "SmartContract" : "EOA" : void 0;
-      const amountsAfterSlippage = applySlippage({
-        srcAmount: deltaPriceToUse.srcAmount,
-        destAmount: deltaPriceToUse.destAmount
-      }, resolvedSlippage, "SELL");
+      const amountsAfterSlippage_0 = applySlippage(
+        {
+          srcAmount: deltaPriceToUse.srcAmount,
+          destAmount: deltaPriceToUse.destAmount
+        },
+        resolvedSlippage,
+        "SELL"
+        // @TODO add BUY support for Delta when available
+      );
       let permit = signedPermitResult?.permitEncodedArgs;
       if (signedPermitResult?.signedPermitData.type === "permit2" && signedPermitResult.signedPermitData.variant === "transferFrom") {
         permit = encodePermit2TransferFromSigDataForDelta({
@@ -366,7 +231,6 @@ function useDeltaFlow(t0) {
           signature: signedPermitResult.signature
         });
       }
-      trackedPrice.set.finalPrice(deltaPriceToUse);
       const destChainId_0 = isBridgePrice(deltaPriceToUse) ? deltaPriceToUse.bridge.destinationChainId : chainId;
       const orderFromAPI = await createOrderMut.mutateAsync({
         signal,
@@ -379,210 +243,95 @@ function useDeltaFlow(t0) {
           permit,
           destChainId: destChainId_0,
           deltaPrice: deltaPriceToUse,
+          // @TODO if necessary to support add more params
           partner,
-          ...amountsAfterSlippage,
+          ...amountsAfterSlippage_0,
           deadline: Number(orderDeadline)
         }
       });
       if (signedPermitResult) {
         markNonceAsUsed(signedPermitResult.signedPermitData);
       }
-      try {
-        const lastOrderStatePromise = ensureOrderExecuted({
-          orderId: orderFromAPI.id
+      const lastOrderStatePromise = ensureOrderExecuted({
+        orderId: orderFromAPI.id
+        // signal, // fails the toast if aborted, don't use
+      });
+      if (onOrderSent) {
+        onOrderSent({
+          order: orderFromAPI,
+          lastOrderState: lastOrderStatePromise
         });
-        if (onOrderSent) {
-          onOrderSent({
-            order: orderFromAPI,
-            lastOrderState: lastOrderStatePromise
-          });
-        }
-        const lastOrderState = await lastOrderStatePromise;
-        return {
-          tradeFlowType: "deltaOrder",
-          approve: {
-            txHash: approveTxHash,
-            receipt: approveTxReceipt
-          },
-          deltaOrder: {
-            sentOrder: orderFromAPI,
-            lastOrderState
-          },
-          deltaPrice: deltaPriceToUse,
-          account
-        };
-      } catch (t282) {
-        const error_0 = t282;
-        if (signedPermitResult) {
-          clearNonce(signedPermitResult.signedPermitData);
-        }
-        throw error_0;
       }
-    };
-    $[58] = account;
-    $[59] = approval;
-    $[60] = approveTxMut;
-    $[61] = chainId;
-    $[62] = clearNonce;
-    $[63] = createOrderMut;
-    $[64] = deltaPrice;
-    $[65] = ensureOrderExecuted;
-    $[66] = ensureTxReceipt;
-    $[67] = isContractAtAddress;
-    $[68] = logger;
-    $[69] = markNonceAsUsed;
-    $[70] = partner;
-    $[71] = receiverAddress;
-    $[72] = resolvedSlippage;
-    $[73] = signPermit;
-    $[74] = signPermitMut;
-    $[75] = trackedPrice.get;
-    $[76] = trackedPrice.set;
-    $[77] = t26;
-  } else {
-    t26 = $[77];
-  }
-  const submitDeltaOrder = t26;
-  const invalidateTokenData = useInvalidateTokenDataQuery();
-  let t27;
-  if ($[78] === Symbol.for("react.memo_cache_sentinel")) {
-    t27 = [DELTA_ORDER_MUTATION_KEY];
-    $[78] = t27;
-  } else {
-    t27 = $[78];
-  }
-  let t28;
-  let t29;
-  if ($[79] !== logger) {
-    t28 = (data_0) => {
+      const lastOrderState = await lastOrderStatePromise;
+      return {
+        tradeFlowType: "deltaOrder",
+        approve: {
+          txHash: approveTxHash,
+          receipt: approveTxReceipt
+        },
+        deltaOrder: {
+          sentOrder: orderFromAPI,
+          lastOrderState
+        },
+        deltaPrice: deltaPriceToUse,
+        // @TODO add whatever else may be relevant
+        account,
+        receiverAddress
+      };
+    } catch (error_0) {
+      if (signedPermitResult) {
+        clearNonce(signedPermitResult.signedPermitData);
+      }
+      throw error_0;
+    } finally {
+      unsubscribeFromPrice?.();
+    }
+  };
+  const deltaOrderMut = useMutation({
+    mutationFn: submitDeltaOrder,
+    mutationKey: [DELTA_ORDER_MUTATION_KEY],
+    onSuccess: (data_0) => {
       logger.log("Delta Order success", data_0);
-    };
-    t29 = (error_1) => {
+    },
+    onError: (error_1) => {
       logger.error("Delta Order error", error_1);
-    };
-    $[79] = logger;
-    $[80] = t28;
-    $[81] = t29;
-  } else {
-    t28 = $[80];
-    t29 = $[81];
-  }
-  let t30;
-  if ($[82] !== invalidateTokenData || $[83] !== logger || $[84] !== trackedPrice) {
-    t30 = () => {
-      logger.log("Delta Order settled, invalidating balances and allowances");
-      invalidateTokenData({
-        nonces: true
-      });
-      trackedPrice.resetTrackedPrice();
-    };
-    $[82] = invalidateTokenData;
-    $[83] = logger;
-    $[84] = trackedPrice;
-    $[85] = t30;
-  } else {
-    t30 = $[85];
-  }
-  let t31;
-  if ($[86] !== submitDeltaOrder || $[87] !== t28 || $[88] !== t29 || $[89] !== t30) {
-    t31 = {
-      mutationFn: submitDeltaOrder,
-      mutationKey: t27,
-      onSuccess: t28,
-      onError: t29,
-      onSettled: t30
-    };
-    $[86] = submitDeltaOrder;
-    $[87] = t28;
-    $[88] = t29;
-    $[89] = t30;
-    $[90] = t31;
-  } else {
-    t31 = $[90];
-  }
-  const deltaOrderMut = useMutation(t31);
+    },
+    onSettled: () => {
+      logger.log("Delta Order settled");
+    }
+  });
   const runDeltaOrderFlow = deltaOrderMut.mutateAsync;
-  let t32;
-  if ($[91] !== approveTxMut || $[92] !== createOrderMut || $[93] !== deltaOrderMut || $[94] !== signPermitMut || $[95] !== trackedPrice) {
-    t32 = () => {
-      trackedPrice.resetTrackedPrice();
-      approveTxMut.reset();
-      signPermitMut.reset();
-      createOrderMut.reset();
-      deltaOrderMut.reset();
-    };
-    $[91] = approveTxMut;
-    $[92] = createOrderMut;
-    $[93] = deltaOrderMut;
-    $[94] = signPermitMut;
-    $[95] = trackedPrice;
-    $[96] = t32;
-  } else {
-    t32 = $[96];
-  }
-  const reset = t32;
-  let t33;
-  if ($[97] !== reset || $[98] !== runDeltaOrderFlow) {
-    t33 = (options) => {
-      reset();
-      return runDeltaOrderFlow(options);
-    };
-    $[97] = reset;
-    $[98] = runDeltaOrderFlow;
-    $[99] = t33;
-  } else {
-    t33 = $[99];
-  }
-  const retryFlow = t33;
-  let t34;
-  if ($[100] !== deltaPrice || $[101] !== trackedPrice.get) {
-    t34 = trackedPrice.get.finalPrice() || trackedPrice.get.usingPrice() || deltaPrice;
-    $[100] = deltaPrice;
-    $[101] = trackedPrice.get;
-    $[102] = t34;
-  } else {
-    t34 = $[102];
-  }
-  const usedPrice = t34;
-  const t35 = deltaOrderSubmission.isSuccess && deltaOrderExecution.isSuccess;
-  let t36;
-  if ($[103] !== approval || $[104] !== chainId || $[105] !== deltaOrderExecution || $[106] !== deltaOrderMut.data || $[107] !== deltaOrderMut.error || $[108] !== deltaOrderMut.isError || $[109] !== deltaOrderMut.isPending || $[110] !== deltaOrderSubmission || $[111] !== reset || $[112] !== retryFlow || $[113] !== runDeltaOrderFlow || $[114] !== signPermit || $[115] !== t35 || $[116] !== usedPrice) {
-    t36 = {
-      chainId,
-      runDeltaOrderFlow,
-      reset,
-      cancelFlow,
-      retryFlow,
-      approval,
-      signPermit,
-      deltaOrderSubmission,
-      deltaOrderExecution,
-      isPending: deltaOrderMut.isPending,
-      isSuccess: t35,
-      isError: deltaOrderMut.isError,
-      error: deltaOrderMut.error,
-      result: deltaOrderMut.data,
-      usedPrice
-    };
-    $[103] = approval;
-    $[104] = chainId;
-    $[105] = deltaOrderExecution;
-    $[106] = deltaOrderMut.data;
-    $[107] = deltaOrderMut.error;
-    $[108] = deltaOrderMut.isError;
-    $[109] = deltaOrderMut.isPending;
-    $[110] = deltaOrderSubmission;
-    $[111] = reset;
-    $[112] = retryFlow;
-    $[113] = runDeltaOrderFlow;
-    $[114] = signPermit;
-    $[115] = t35;
-    $[116] = usedPrice;
-    $[117] = t36;
-  } else {
-    t36 = $[117];
-  }
-  return t36;
+  const reset = () => {
+    usingPriceRef.current = null;
+    approveTxMut.reset();
+    signPermitMut.reset();
+    createOrderMut.reset();
+    deltaOrderMut.reset();
+  };
+  const retryFlow = (options) => {
+    reset();
+    return runDeltaOrderFlow(options);
+  };
+  const usedPrice = usingPriceRef.current || deltaPrice;
+  return {
+    chainId,
+    runDeltaOrderFlow,
+    reset,
+    cancelFlow,
+    retryFlow,
+    approval,
+    signPermit,
+    deltaOrderSubmission,
+    deltaOrderExecution,
+    // deltaOrderMut includes all steps' queries and mutations and returns more precise errors (including cancellation)
+    isPending: deltaOrderMut.isPending,
+    isSuccess: deltaOrderSubmission.isSuccess && deltaOrderExecution.isSuccess,
+    // approval is an optional step
+    isError: deltaOrderMut.isError,
+    error: deltaOrderMut.error,
+    result: deltaOrderMut.data,
+    usedPrice
+  };
 }
 
 export { useDeltaFlow };