@velora-dex/widget 0.8.1 → 0.8.3-dev.0

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

@@ -1 +1 @@
-{"version":3,"file":"DeltaOrderTradeOverview.js","names":["SubmitDeltaOrderResult","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","DeltaOrderSteps","DeltaOrderStepKey","DeltaSwapFlowType","useDeltaSwapStep","BridgePrice","DeltaPrice","handleTxSent","addDeltaOrderToast","useCurrentSwapPrice","useSwapAmountsWithSlippage","getSwapSideFromDeltaPrice","useRunOnMount","getUnifiedDeltaOrderData","DeltaOrderTradeOverviewProps","Pick","DeltaOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onCancelOrder","onResubmit","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","DeltaOrderTradeOverviewFlowProps","orderProps","deltaPrice","onClose","DeltaOrderTradeOverviewFlow","step","startDeltaSwap","cancelDeltaOrder","cancelFlow","retryFlow","goToBeforeSwap","isNonFlowStep","isOrderCancellable","reset","usedPrice","submittedDeltaOrder","t2","onTxSent","onOrderSent","t3","undefined","orderData","t4","srcAmount","destAmount","submittedSwapWei","t5","receivedDestAmount","usedPriceWei","t6","t7","formDataUnit","price","amountsAndSide","t8","t9","DeltaOrderTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { DeltaOrderSteps, type DeltaOrderStepKey } from \"./steps\";\nimport type { DeltaSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useDeltaSwapStep } from \"@/hooks/swap/tradeFlow/useDeltaSwapStep\";\nimport type { BridgePrice, DeltaPrice } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { addDeltaOrderToast } from \"@/lib/utils/toasts\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { getSwapSideFromDeltaPrice } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nimport { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype DeltaOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    DeltaOrderStepKey,\n    SubmitDeltaOrderResult,\n    DeltaSwapFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onCancelOrder\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n>;\n\nexport function DeltaOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onCancelOrder,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: DeltaOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={DeltaOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onCancelOrder={onCancelOrder}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type DeltaOrderTradeOverviewFlowProps = {\n  orderProps: MinTradeOverviewProps;\n  deltaPrice: DeltaPrice | BridgePrice;\n  onClose?: () => void;\n};\n\nfunction DeltaOrderTradeOverviewFlow({\n  orderProps,\n  deltaPrice,\n  onClose,\n}: DeltaOrderTradeOverviewFlowProps) {\n  const {\n    step,\n    orderCancellationStep,\n    startDeltaSwap,\n    cancelDeltaOrder,\n    cancelFlow,\n    retryFlow,\n    goToBeforeSwap,\n    isNonFlowStep,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedDeltaOrder,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useDeltaSwapStep({\n    deltaPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startDeltaSwap({\n      onTxSent: handleTxSent,\n      onOrderSent: addDeltaOrderToast,\n    });\n  });\n\n  const orderData = submittedDeltaOrder\n    ? getUnifiedDeltaOrderData(submittedDeltaOrder)\n    : undefined;\n\n  const submittedSwapWei = orderData\n    ? {\n        srcAmount: orderData.srcAmount,\n        destAmount: orderData.destAmount,\n        swapSide: orderData.swapSide,\n      }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n        srcAmount: usedPrice.srcAmount,\n        destAmount: usedPrice.receivedDestAmount,\n        swapSide: getSwapSideFromDeltaPrice(usedPrice),\n      }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: deltaPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelDeltaOrder : undefined;\n\n  return (\n    <DeltaOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={retryFlow}\n      onResubmit={goToBeforeSwap}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const DeltaOrderTradeOverviewScreen = (\n  props: DeltaOrderTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <DeltaOrderTradeOverviewFlow {...props} />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"DeltaOrderTradeOverview.js","names":["SubmitDeltaOrderResult","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","DeltaOrderSteps","DeltaOrderStepKey","DeltaSwapFlowType","useDeltaSwapStep","DeltaPriceV2","handleTxSent","addDeltaOrderToast","useCurrentSwapPrice","useSwapAmountsWithSlippage","getSwapSideFromDeltaPrice","useRunOnMount","getUnifiedDeltaOrderData","DeltaOrderTradeOverviewProps","Pick","DeltaOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onCancelOrder","onResubmit","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","DeltaOrderTradeOverviewFlowProps","orderProps","deltaPrice","onClose","DeltaOrderTradeOverviewFlow","step","startDeltaSwap","cancelDeltaOrder","cancelFlow","retryFlow","goToBeforeSwap","isNonFlowStep","isOrderCancellable","reset","usedPrice","submittedDeltaOrder","t2","onTxSent","onOrderSent","t3","undefined","orderData","t4","srcAmount","destAmount","submittedSwapWei","t5","route","origin","input","amount","destination","output","usedPriceWei","t6","t7","formDataUnit","price","amountsAndSide","t8","t9","DeltaOrderTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { DeltaOrderSteps, type DeltaOrderStepKey } from \"./steps\";\nimport type { DeltaSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useDeltaSwapStep } from \"@/hooks/swap/tradeFlow/useDeltaSwapStep\";\nimport type { DeltaPriceV2 } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { addDeltaOrderToast } from \"@/lib/utils/toasts\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { getSwapSideFromDeltaPrice } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nimport { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype DeltaOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    DeltaOrderStepKey,\n    SubmitDeltaOrderResult,\n    DeltaSwapFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onCancelOrder\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n>;\n\nexport function DeltaOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onCancelOrder,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: DeltaOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={DeltaOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onCancelOrder={onCancelOrder}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type DeltaOrderTradeOverviewFlowProps = {\n  orderProps: MinTradeOverviewProps;\n  deltaPrice: DeltaPriceV2;\n  onClose?: () => void;\n};\n\nfunction DeltaOrderTradeOverviewFlow({\n  orderProps,\n  deltaPrice,\n  onClose,\n}: DeltaOrderTradeOverviewFlowProps) {\n  const {\n    step,\n    orderCancellationStep,\n    startDeltaSwap,\n    cancelDeltaOrder,\n    cancelFlow,\n    retryFlow,\n    goToBeforeSwap,\n    isNonFlowStep,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedDeltaOrder,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useDeltaSwapStep({\n    deltaPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startDeltaSwap({\n      onTxSent: handleTxSent,\n      onOrderSent: addDeltaOrderToast,\n    });\n  });\n\n  const orderData = submittedDeltaOrder\n    ? getUnifiedDeltaOrderData(submittedDeltaOrder)\n    : undefined;\n\n  const submittedSwapWei = orderData\n    ? {\n        srcAmount: orderData.srcAmount,\n        destAmount: orderData.destAmount,\n        swapSide: orderData.swapSide,\n      }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n        srcAmount: usedPrice.route.origin.input.amount,\n        destAmount: usedPrice.route.destination.output.amount,\n        swapSide: getSwapSideFromDeltaPrice(usedPrice),\n      }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: deltaPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelDeltaOrder : undefined;\n\n  return (\n    <DeltaOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={retryFlow}\n      onResubmit={goToBeforeSwap}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const DeltaOrderTradeOverviewScreen = (\n  props: DeltaOrderTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <DeltaOrderTradeOverviewFlow {...props} />;\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"FillOtcOrderTradeOverview.js","names":["SubmitFillOtcOrderResult","TradeOverview","TradeOverviewProps","FillOtcOrderSteps","FillOtcOrderStepKey","FillOtcOrderFlowType","useFillOtcOrderStep","handleTxSent","FillableOtcOrderItem","useRunOnMount","FillOtcOrderTradeOverviewProps","Pick","FillOtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onRestartFlow","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","FillOtcOrderTradeOverviewScreenProps","fillableOrder","onClose","FillOtcOrderTradeOverviewScreen","order","step","startFillOtcOrder","cancelFlow","retryFlow","reset","t2","onTxSent","t3","t4","extra","destAmountUnit","destToken","srcAmountUnit","srcToken"],"sources":["../../../../src/components/widget/TradeOverview/FillOtcOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitFillOtcOrderResult } from \"@/hooks/otc/tradeFlow/useFillOtcOrderFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { FillOtcOrderSteps, type FillOtcOrderStepKey } from \"./steps\";\nimport type { FillOtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useFillOtcOrderStep } from \"@/hooks/otc/tradeFlow/useFillOtcOrderStep\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport type { FillableOtcOrderItem } from \"../OtcOrderItem/types\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype FillOtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    FillOtcOrderStepKey,\n    SubmitFillOtcOrderResult,\n    FillOtcOrderFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function FillOtcOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: FillOtcOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<\n      FillOtcOrderStepKey,\n      SubmitFillOtcOrderResult,\n      FillOtcOrderFlowType\n    >\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={FillOtcOrderSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type FillOtcOrderTradeOverviewScreenProps = {\n  fillableOrder: FillableOtcOrderItem;\n  onClose?: () => void;\n};\n\nexport function FillOtcOrderTradeOverviewScreen({\n  fillableOrder,\n  onClose,\n}: FillOtcOrderTradeOverviewScreenProps) {\n  const {\n    step,\n    startFillOtcOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    reset,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useFillOtcOrderStep({\n    order: fillableOrder,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startFillOtcOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  return (\n    <FillOtcOrderTradeOverview\n      fromToken={fillableOrder.extra.srcToken}\n      toToken={fillableOrder.extra.destToken}\n      fromAmount={fillableOrder.extra.srcAmountUnit}\n      toAmount={fillableOrder.extra.destAmountUnit}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      explorerLink={explorerLink}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FillOtcOrderTradeOverview.js","names":["SubmitFillOtcOrderResult","TradeOverview","TradeOverviewProps","FillOtcOrderSteps","FillOtcOrderStepKey","FillOtcOrderFlowType","useFillOtcOrderStep","handleTxSent","FillableOtcOrderItem","useRunOnMount","FillOtcOrderTradeOverviewProps","Pick","FillOtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onRestartFlow","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","FillOtcOrderTradeOverviewScreenProps","fillableOrder","onClose","FillOtcOrderTradeOverviewScreen","order","step","startFillOtcOrder","cancelFlow","retryFlow","reset","t2","onTxSent","t3","t4","extra","destAmountUnit","destToken","srcAmountUnit","srcToken"],"sources":["../../../../src/components/widget/TradeOverview/FillOtcOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitFillOtcOrderResult } from \"@/hooks/otc/tradeFlow/useFillOtcOrderFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { FillOtcOrderSteps, type FillOtcOrderStepKey } from \"./steps\";\nimport type { FillOtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useFillOtcOrderStep } from \"@/hooks/otc/tradeFlow/useFillOtcOrderStep\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport type { FillableOtcOrderItem } from \"../OtcOrderItem/types\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype FillOtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    FillOtcOrderStepKey,\n    SubmitFillOtcOrderResult,\n    FillOtcOrderFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function FillOtcOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: FillOtcOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<\n      FillOtcOrderStepKey,\n      SubmitFillOtcOrderResult,\n      FillOtcOrderFlowType\n    >\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={FillOtcOrderSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type FillOtcOrderTradeOverviewScreenProps = {\n  fillableOrder: FillableOtcOrderItem;\n  onClose?: () => void;\n};\n\nexport function FillOtcOrderTradeOverviewScreen({\n  fillableOrder,\n  onClose,\n}: FillOtcOrderTradeOverviewScreenProps) {\n  const {\n    step,\n    startFillOtcOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    reset,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useFillOtcOrderStep({\n    order: fillableOrder,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startFillOtcOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  return (\n    <FillOtcOrderTradeOverview\n      fromToken={fillableOrder.extra.srcToken}\n      toToken={fillableOrder.extra.destToken}\n      fromAmount={fillableOrder.extra.srcAmountUnit}\n      toAmount={fillableOrder.extra.destAmountUnit}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      explorerLink={explorerLink}\n    />\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderTradeOverview.js","names":["SubmitLimitOrderResult","UserDefinedLimitPrice","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","LimitOrderSteps","LimitOrderStepKey","LimitOrderFlowType","handleTxSent","useLimitOrderStep","formatUnits","useRunOnMount","LimitOrderTradeOverviewProps","Pick","LimitOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onCancelOrder","activeStep","orderCancellationStep","onRestartFlow","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","LimitOrderTradeOverviewScreenProps","orderProps","limitPrice","onClose","LimitOrderTradeOverviewScreen","step","startLimitOrder","cancelLimitOrder","cancelFlow","retryFlow","isOrderCancellable","reset","t2","onTxSent","t3","orderProps_0","BigInt","srcAmount","decimals","getFromAmount","t4","orderProps_1","destAmount","getToAmount","t5","undefined","t6","t7","t8","t9","t10"],"sources":["../../../../src/components/widget/TradeOverview/LimitOrderTradeOverview.tsx"],"sourcesContent":["import type {\n  SubmitLimitOrderResult,\n  UserDefinedLimitPrice,\n} from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { LimitOrderSteps, type LimitOrderStepKey } from \"./steps\";\nimport type { LimitOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useLimitOrderStep } from \"@/hooks/swap/tradeFlow/useLimitOrderStep\";\nimport { formatUnits } from \"viem/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\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  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\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  onResubmit,\n  onCancelOrder,\n  activeStep,\n  orderCancellationStep,\n  onRestartFlow,\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      onResubmit={onResubmit}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type LimitOrderTradeOverviewScreenProps = {\n  orderProps: MinTradeOverviewProps;\n  limitPrice: UserDefinedLimitPrice;\n  onClose?: () => void;\n};\n\nexport function LimitOrderTradeOverviewScreen({\n  orderProps,\n  limitPrice,\n  onClose,\n}: LimitOrderTradeOverviewScreenProps) {\n  const {\n    step,\n    orderCancellationStep,\n    startLimitOrder,\n    cancelLimitOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useLimitOrderStep({\n    limitPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startLimitOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    limitPrice\n      ? formatUnits(BigInt(limitPrice.srcAmount), orderProps.fromToken.decimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    limitPrice\n      ? formatUnits(BigInt(limitPrice.destAmount), orderProps.toToken.decimals)\n      : orderProps.toAmount;\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelLimitOrder : undefined;\n\n  return (\n    <LimitOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={getFromAmount(orderProps)}\n      toAmount={getToAmount(orderProps)}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      onCancelOrder={onCancelOrder}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"LimitOrderTradeOverview.js","names":["SubmitLimitOrderResult","UserDefinedLimitPrice","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","LimitOrderSteps","LimitOrderStepKey","LimitOrderFlowType","handleTxSent","useLimitOrderStep","formatUnits","useRunOnMount","LimitOrderTradeOverviewProps","Pick","LimitOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onCancelOrder","activeStep","orderCancellationStep","onRestartFlow","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","LimitOrderTradeOverviewScreenProps","orderProps","limitPrice","onClose","LimitOrderTradeOverviewScreen","step","startLimitOrder","cancelLimitOrder","cancelFlow","retryFlow","isOrderCancellable","reset","t2","onTxSent","t3","orderProps_0","BigInt","srcAmount","decimals","getFromAmount","t4","orderProps_1","destAmount","getToAmount","t5","undefined","t6","t7","t8","t9","t10"],"sources":["../../../../src/components/widget/TradeOverview/LimitOrderTradeOverview.tsx"],"sourcesContent":["import type {\n  SubmitLimitOrderResult,\n  UserDefinedLimitPrice,\n} from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { LimitOrderSteps, type LimitOrderStepKey } from \"./steps\";\nimport type { LimitOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useLimitOrderStep } from \"@/hooks/swap/tradeFlow/useLimitOrderStep\";\nimport { formatUnits } from \"viem/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\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  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\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  onResubmit,\n  onCancelOrder,\n  activeStep,\n  orderCancellationStep,\n  onRestartFlow,\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      onResubmit={onResubmit}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type LimitOrderTradeOverviewScreenProps = {\n  orderProps: MinTradeOverviewProps;\n  limitPrice: UserDefinedLimitPrice;\n  onClose?: () => void;\n};\n\nexport function LimitOrderTradeOverviewScreen({\n  orderProps,\n  limitPrice,\n  onClose,\n}: LimitOrderTradeOverviewScreenProps) {\n  const {\n    step,\n    orderCancellationStep,\n    startLimitOrder,\n    cancelLimitOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useLimitOrderStep({\n    limitPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startLimitOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    limitPrice\n      ? formatUnits(BigInt(limitPrice.srcAmount), orderProps.fromToken.decimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    limitPrice\n      ? formatUnits(BigInt(limitPrice.destAmount), orderProps.toToken.decimals)\n      : orderProps.toAmount;\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelLimitOrder : undefined;\n\n  return (\n    <LimitOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={getFromAmount(orderProps)}\n      toAmount={getToAmount(orderProps)}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      onCancelOrder={onCancelOrder}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarketSwapTradeOverview.js","names":["SubmitSwapResult","MarketSwapSteps","MarketSwapStepKey","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","MarketSwapFlowType","useMarketSwapStep","OptimalRate","handleTxSent","useCurrentSwapPrice","useSwapAmountsWithSlippage","useRunOnMount","FlowStep","MarketSwapTradeOverviewProps","Pick","MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onResubmit","onRestartFlow","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","onCancelOrder","orderCancellationStep","t1","MarketSwapTradeOverviewFlowProps","marketPrice","orderProps","onClose","MarketSwapTradeOverviewFlow","step","startMarketSwap","cancelFlow","retryFlow","reset","goToBeforeSwap","isNonFlowStep","usedPrice","submittedSwapRequest","isSwapTxCancellable","swapTxCancellationStep","cancelSwapTx","t2","onTxSent","t3","srcAmount","swapTxInput","destAmount","priceRoute","side","undefined","submittedSwapWei","t4","usedPriceWei","t5","t6","formDataUnit","price","amountsAndSide","t7","t8","MarketSwapTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport type { MarketSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useMarketSwapStep } from \"@/hooks/swap/tradeFlow/useMarketSwapStep\";\nimport type { OptimalRate } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\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  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n  | \"onCancelOrder\"\n  | \"orderCancellationStep\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n  onCancelOrder,\n  orderCancellationStep,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      onCancelOrder={onCancelOrder}\n      orderCancellationStep={orderCancellationStep}\n    />\n  );\n}\n\nexport type MarketSwapTradeOverviewFlowProps = {\n  marketPrice: OptimalRate;\n  orderProps: MinTradeOverviewProps;\n  onClose?: () => void;\n};\n\nfunction MarketSwapTradeOverviewFlow({\n  orderProps,\n  marketPrice,\n  onClose,\n}: MarketSwapTradeOverviewFlowProps) {\n  const {\n    step,\n    startMarketSwap,\n    isFlowCancellable,\n    cancelFlow,\n    retryFlow,\n    reset,\n    goToBeforeSwap,\n    isNonFlowStep,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedSwapRequest,\n    error,\n    erroredStep,\n    tradeFlowType,\n    isSwapTxCancellable,\n    swapTxCancellationStep,\n    cancelSwapTx,\n  } = useMarketSwapStep({\n    marketPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startMarketSwap({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const submittedSwapWei = submittedSwapRequest\n    ? {\n        srcAmount: submittedSwapRequest.swapTxInput.srcAmount,\n        destAmount: submittedSwapRequest.swapTxInput.destAmount,\n        swapSide: submittedSwapRequest.swapTxInput.priceRoute.side,\n      }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n        srcAmount: usedPrice.srcAmount,\n        destAmount: usedPrice.destAmount,\n        swapSide: usedPrice.side,\n      }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: marketPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  const onCancelOrder = isSwapTxCancellable ? cancelSwapTx : undefined;\n\n  return (\n    <MarketSwapTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={goToBeforeSwap}\n      onRestartFlow={retryFlow}\n      onCancelOrder={onCancelOrder}\n      orderCancellationStep={swapTxCancellationStep}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const MarketSwapTradeOverviewScreen = (\n  props: MarketSwapTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <MarketSwapTradeOverviewFlow {...props} />;\n};\n"],"mappings":";;;;;;;;;;AAuCA,SAAOgB,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAiC,EAAAC,cAAAC,YAAAC,eAAAC,aAAAC,aAAAC,cAAAC,WAAAC,iBAAAC,eAAAC,kBAAAC,eAAAC,sBAAAC,iBAAAC,WAAAC,UAAAC,gBAAAC,kBAAAC,kBAAAC,6BAAArB,GAoBTsB;AAuBzB,QAvByBrB,EAAA,OAAAY,KAAAZ,EAAA,OAAAgB,KAAAhB,EAAA,OAAAiB,KAAAjB,EAAA,OAAAc,KAAAd,EAAA,OAAAI,KAAAJ,EAAA,OAAAE,KAAAF,EAAA,OAAAa,KAAAb,EAAA,OAAAS,KAAAT,EAAA,OAAAmB,KAAAnB,EAAA,OAAAO,KAAAP,EAAA,QAAAQ,KAAAR,EAAA,QAAAW,KAAAX,EAAA,QAAAU,KAAAV,EAAA,QAAAoB,KAAApB,EAAA,QAAAe,KAAAf,EAAA,QAAAM,KAAAN,EAAA,QAAAK,KAAAL,EAAA,QAAAG,KAAAH,EAAA,QAAAkB,KAE3BG,IAAA,kBAAC,GAAD;EACanB;EACFC;EACGC;EACFC;EACAC;EACHvB,OAAAA;EACK6B;EACDL;EACHC;EACMC;EACFC;EACGC;EACIE;EACLC;EACNC;EACDC;EACMC;EACEC;EACAC;EACQC;EACvB,CAAA,EAAApB,EAAA,KAAAY,GAAAZ,EAAA,KAAAgB,GAAAhB,EAAA,KAAAiB,GAAAjB,EAAA,KAAAc,GAAAd,EAAA,KAAAI,GAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAa,GAAAb,EAAA,KAAAS,GAAAT,EAAA,KAAAmB,GAAAnB,EAAA,KAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAW,GAAAX,EAAA,MAAAU,GAAAV,EAAA,MAAAoB,GAAApB,EAAA,MAAAe,GAAAf,EAAA,MAAAM,GAAAN,EAAA,MAAAK,GAAAL,EAAA,MAAAG,GAAAH,EAAA,MAAAkB,GAAAlB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA,KArBFqB;;AA+BJ,SAAAK,EAAA3B,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAqC,EAAAuB,eAAAD,gBAAAE,eAAA1B,GAIFsB;AAAA,CAAArB,EAAA,OAAAuB,IAsBhCF,IAAArB,EAAA,MAFqBqB,IAAA,EAAAE,gBAErB,EAAAvB,EAAA,KAAAuB,GAAAvB,EAAA,KAAAqB;CArBD,IAAA,EAAAM,SAAAC,oBAAAf,sBAAAgB,eAAAC,cAAAC,UAAAC,mBAAAC,kBAAAnB,iBAAAC,WAAAmB,cAAAC,yBAAAnB,UAAAC,gBAAAC,kBAAAkB,wBAAAC,2BAAAC,oBAmBIjD,EAAkBgC,EAEpB,EAACkB;AAGH7C,CAHGM,EAAA,OAAAiC,KAAAjC,EAAA,OAAA4B,KAGWW,UAAA;AACRN,OAIJL,EAAgB,EAAAY,UACJjD,GACX,CAAC;IACHS,EAAA,KAAAiC,GAAAjC,EAAA,KAAA4B,GAAA5B,EAAA,KAAAuC,KAAAA,IAAAvC,EAAA,IARDN,EAAc6C,EAQZ;CAAA,IAAAE;AAAA,CAAAzC,EAAA,OAAAmC,IAQWM,IAAAzC,EAAA,MANYyC,IAAAN,IAAA;EAAAO,WAERP,EAAoBQ,YAAYD;EAAUE,YACzCT,EAAoBQ,YAAYC;EAAWtC,UAC7C6B,EAAoBQ,YAAYE,WAAWC;EAE9C,GANYC,KAAAA,GAMZ/C,EAAA,KAAAmC,GAAAnC,EAAA,KAAAyC;CANb,IAAAO,IAAyBP,GAMXQ;AAAA,CAAAjD,EAAA,OAAAkC,IAQDe,IAAAjD,EAAA,MANQiD,IAAAf,IAAA;EAAAQ,WAEJR,EAASQ;EAAUE,YAClBV,EAASU;EAAWtC,UACtB4B,EAASY;EAEZ,GANQC,KAAAA,GAMR/C,EAAA,KAAAkC,GAAAlC,EAAA,KAAAiD;CANb,IAAAC,IAAqBD,GAMPE;AAAA,CAAAnD,EAAA,OAAAwB,EAAApB,cAAAJ,EAAA,QAAAwB,EAAAlB,YAAAN,EAAA,QAAAwB,EAAAnB,YAKE8C,IAAA;EAAAT,WACDlB,EAAUpB;EAAWwC,YACpBpB,EAAUnB;EAASC,UACrBkB,EAAUlB;EACrB,EAAAN,EAAA,KAAAwB,EAAApB,YAAAJ,EAAA,MAAAwB,EAAAlB,UAAAN,EAAA,MAAAwB,EAAAnB,UAAAL,EAAA,MAAAmD,KAAAA,IAAAnD,EAAA;CAAA,IAAAoD;AAAA,CAAApD,EAAA,QAAAuB,KAAAvB,EAAA,QAAAwB,EAAAtB,aAAAF,EAAA,QAAAwB,EAAArB,WAAAH,EAAA,QAAAgD,KAAAhD,EAAA,QAAAmD,KAAAnD,EAAA,QAAAkD,KAP+CE,IAAA;EAAAJ;EAAAE;EAAAG,cAGlCF;EAIbjD,WACUsB,EAAUtB;EAAUC,SACtBqB,EAAUrB;EAAQmD,OACpB/B;EACR,EAAAvB,EAAA,MAAAuB,GAAAvB,EAAA,MAAAwB,EAAAtB,WAAAF,EAAA,MAAAwB,EAAArB,SAAAH,EAAA,MAAAgD,GAAAhD,EAAA,MAAAmD,GAAAnD,EAAA,MAAAkD,GAAAlD,EAAA,MAAAoD,KAAAA,IAAApD,EAAA;CAXD,IAAAuD,IAAuB9D,EAA2B2D,EAWhD,EAACI;AAAA,CAAAxD,EAAA,QAAAyB,KAAAzB,EAAA,QAAA+B,KAEeyB,UAAA;AAKhBzB,EAJAN,KAAW,EAIXM,GAAO;IACR/B,EAAA,MAAAyB,GAAAzB,EAAA,MAAA+B,GAAA/B,EAAA,MAAAwD,KAAAA,IAAAxD,EAAA;CAND,IAAAO,IAAkBiD,GAQlBrC,IAAsBiB,IAAAE,IAAAS,KAAAA,GAA+CU;AAsBjE,QAtBiEzD,EAAA,QAAAuD,EAAAX,cAAA5C,EAAA,QAAAuD,EAAAb,aAAA1C,EAAA,QAAAuD,EAAAjD,YAAAN,EAAA,QAAA6B,KAAA7B,EAAA,QAAAgB,KAAAhB,EAAA,QAAAiB,KAAAjB,EAAA,QAAAc,KAAAd,EAAA,QAAAgC,KAAAhC,EAAA,QAAAa,KAAAb,EAAA,QAAAmB,KAAAnB,EAAA,QAAAO,KAAAP,EAAA,QAAAwB,EAAAtB,aAAAF,EAAA,QAAAwB,EAAArB,WAAAH,EAAA,QAAAe,KAAAf,EAAA,QAAA8B,KAAA9B,EAAA,QAAA2B,KAAA3B,EAAA,QAAAqC,KAAArC,EAAA,QAAAkB,KAGnEuC,IAAA,kBAAC,GAAD;EACa,WAAAjC,EAAUtB;EACZ,SAAAsB,EAAUrB;EACP,YAAAoD,EAAcb;EAChB,UAAAa,EAAcX;EACd,UAAAW,EAAcjD;EACbC;EACGsB,cAAAA;EACFG,YAAAA;EACGF,eAAAA;EACAX;EACQkB,uBAAAA;EACXV,YAAAA;EACOd;EACLC;EACNC;EACDC;EACMC;EACEC;EACf,CAAA,EAAAlB,EAAA,MAAAuD,EAAAX,YAAA5C,EAAA,MAAAuD,EAAAb,WAAA1C,EAAA,MAAAuD,EAAAjD,UAAAN,EAAA,MAAA6B,GAAA7B,EAAA,MAAAgB,GAAAhB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAc,GAAAd,EAAA,MAAAgC,GAAAhC,EAAA,MAAAa,GAAAb,EAAA,MAAAmB,GAAAnB,EAAA,MAAAO,GAAAP,EAAA,MAAAwB,EAAAtB,WAAAF,EAAA,MAAAwB,EAAArB,SAAAH,EAAA,MAAAe,GAAAf,EAAA,MAAA8B,GAAA9B,EAAA,MAAA2B,GAAA3B,EAAA,MAAAqC,GAAArC,EAAA,MAAAkB,GAAAlB,EAAA,MAAAyD,KAAAA,IAAAzD,EAAA,KAnBFyD;;AAuBJ,IAAaC,KAAgCC,MAAA;CAAA,IAAA3D,IAAAC,EAAA,EAAA;AAG3CT,IAAqB;CAAA,IAAAO;AAC4B,QAD5BC,EAAA,OAAA2D,IAC4B5D,IAAAC,EAAA,MAA1CD,IAAA,kBAAC,GAAD,EAA4B,GAAK4D,GAAS,CAAA,EAAA3D,EAAA,KAAA2D,GAAA3D,EAAA,KAAAD,IAA1CA"}
+{"version":3,"file":"MarketSwapTradeOverview.js","names":["SubmitSwapResult","MarketSwapSteps","MarketSwapStepKey","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","MarketSwapFlowType","useMarketSwapStep","OptimalRate","handleTxSent","useCurrentSwapPrice","useSwapAmountsWithSlippage","useRunOnMount","FlowStep","MarketSwapTradeOverviewProps","Pick","MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onResubmit","onRestartFlow","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","onCancelOrder","orderCancellationStep","t1","MarketSwapTradeOverviewFlowProps","marketPrice","orderProps","onClose","MarketSwapTradeOverviewFlow","step","startMarketSwap","cancelFlow","retryFlow","reset","goToBeforeSwap","isNonFlowStep","usedPrice","submittedSwapRequest","isSwapTxCancellable","swapTxCancellationStep","cancelSwapTx","t2","onTxSent","t3","srcAmount","swapTxInput","destAmount","priceRoute","side","undefined","submittedSwapWei","t4","usedPriceWei","t5","t6","formDataUnit","price","amountsAndSide","t7","t8","MarketSwapTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport type { MarketSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useMarketSwapStep } from \"@/hooks/swap/tradeFlow/useMarketSwapStep\";\nimport type { OptimalRate } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\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  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n  | \"onCancelOrder\"\n  | \"orderCancellationStep\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n  onCancelOrder,\n  orderCancellationStep,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      onCancelOrder={onCancelOrder}\n      orderCancellationStep={orderCancellationStep}\n    />\n  );\n}\n\nexport type MarketSwapTradeOverviewFlowProps = {\n  marketPrice: OptimalRate;\n  orderProps: MinTradeOverviewProps;\n  onClose?: () => void;\n};\n\nfunction MarketSwapTradeOverviewFlow({\n  orderProps,\n  marketPrice,\n  onClose,\n}: MarketSwapTradeOverviewFlowProps) {\n  const {\n    step,\n    startMarketSwap,\n    isFlowCancellable,\n    cancelFlow,\n    retryFlow,\n    reset,\n    goToBeforeSwap,\n    isNonFlowStep,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedSwapRequest,\n    error,\n    erroredStep,\n    tradeFlowType,\n    isSwapTxCancellable,\n    swapTxCancellationStep,\n    cancelSwapTx,\n  } = useMarketSwapStep({\n    marketPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startMarketSwap({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const submittedSwapWei = submittedSwapRequest\n    ? {\n        srcAmount: submittedSwapRequest.swapTxInput.srcAmount,\n        destAmount: submittedSwapRequest.swapTxInput.destAmount,\n        swapSide: submittedSwapRequest.swapTxInput.priceRoute.side,\n      }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n        srcAmount: usedPrice.srcAmount,\n        destAmount: usedPrice.destAmount,\n        swapSide: usedPrice.side,\n      }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: marketPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  const onCancelOrder = isSwapTxCancellable ? cancelSwapTx : undefined;\n\n  return (\n    <MarketSwapTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={goToBeforeSwap}\n      onRestartFlow={retryFlow}\n      onCancelOrder={onCancelOrder}\n      orderCancellationStep={swapTxCancellationStep}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const MarketSwapTradeOverviewScreen = (\n  props: MarketSwapTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <MarketSwapTradeOverviewFlow {...props} />;\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderTradeOverview.js","names":["SubmitOtcOrderResult","UserDefinedOtcPrice","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","OtcOrderSteps","OtcOrderStepKey","OtcOrderFlowType","formatUnits","useOtcOrderStep","addPreWrapToOTCOrderProps","handleTxSent","useRunOnMount","OtcOrderTradeOverviewProps","Pick","OtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onCancelOrder","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","OtcOrderTradeOverviewScreenProps","orderProps","otcPrice","onClose","OtcOrderTradeOverviewScreen","orderPropsFromForm","otcPriceFromForm","userDefinedPrice","step","startOtcOrder","cancelOtcOrder","cancelFlow","retryFlow","isOrderCancellable","reset","preWrapETH","onTxSent","getFromAmount","orderProps_0","BigInt","srcAmount","decimals","getToAmount","orderProps_1","destAmount","t2","undefined","T0","t3","t4","t5","t6","t7"],"sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"sourcesContent":["import type {\n  SubmitOtcOrderResult,\n  UserDefinedOtcPrice,\n} from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { OtcOrderSteps, type OtcOrderStepKey } from \"./steps\";\nimport type { OtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { formatUnits } from \"viem/utils\";\nimport { useOtcOrderStep } from \"@/hooks/otc/tradeFlow/useOtcOrderStep\";\nimport { addPreWrapToOTCOrderProps } from \"./utils/preWrap\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype OtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\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  onResubmit,\n  onCancelOrder,\n  onRestartFlow,\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      onResubmit={onResubmit}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type OtcOrderTradeOverviewScreenProps = {\n  orderProps: MinTradeOverviewProps;\n  otcPrice: UserDefinedOtcPrice;\n  onClose?: () => void;\n};\n\nexport function OtcOrderTradeOverviewScreen({\n  orderProps: orderPropsFromForm,\n  otcPrice: otcPriceFromForm,\n  onClose,\n}: OtcOrderTradeOverviewScreenProps) {\n  const { orderProps, userDefinedPrice: otcPrice } = addPreWrapToOTCOrderProps({\n    orderProps: orderPropsFromForm,\n    userDefinedPrice: otcPriceFromForm,\n  });\n\n  const {\n    step,\n    orderCancellationStep,\n    startOtcOrder,\n    cancelOtcOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useOtcOrderStep({\n    otcPrice,\n    preWrapETH: orderProps?.preWrapETH,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startOtcOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.srcAmount), orderProps.fromToken.decimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.destAmount), orderProps.toToken.decimals)\n      : orderProps.toAmount;\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelOtcOrder : undefined;\n\n  return (\n    <OtcOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={getFromAmount(orderProps)}\n      toAmount={getToAmount(orderProps)}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      onCancelOrder={onCancelOrder}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OtcOrderTradeOverview.js","names":["SubmitOtcOrderResult","UserDefinedOtcPrice","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","OtcOrderSteps","OtcOrderStepKey","OtcOrderFlowType","formatUnits","useOtcOrderStep","addPreWrapToOTCOrderProps","handleTxSent","useRunOnMount","OtcOrderTradeOverviewProps","Pick","OtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onCancelOrder","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","OtcOrderTradeOverviewScreenProps","orderProps","otcPrice","onClose","OtcOrderTradeOverviewScreen","orderPropsFromForm","otcPriceFromForm","userDefinedPrice","step","startOtcOrder","cancelOtcOrder","cancelFlow","retryFlow","isOrderCancellable","reset","preWrapETH","onTxSent","getFromAmount","orderProps_0","BigInt","srcAmount","decimals","getToAmount","orderProps_1","destAmount","t2","undefined","T0","t3","t4","t5","t6","t7"],"sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"sourcesContent":["import type {\n  SubmitOtcOrderResult,\n  UserDefinedOtcPrice,\n} from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { OtcOrderSteps, type OtcOrderStepKey } from \"./steps\";\nimport type { OtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { formatUnits } from \"viem/utils\";\nimport { useOtcOrderStep } from \"@/hooks/otc/tradeFlow/useOtcOrderStep\";\nimport { addPreWrapToOTCOrderProps } from \"./utils/preWrap\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype OtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\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  onResubmit,\n  onCancelOrder,\n  onRestartFlow,\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      onResubmit={onResubmit}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type OtcOrderTradeOverviewScreenProps = {\n  orderProps: MinTradeOverviewProps;\n  otcPrice: UserDefinedOtcPrice;\n  onClose?: () => void;\n};\n\nexport function OtcOrderTradeOverviewScreen({\n  orderProps: orderPropsFromForm,\n  otcPrice: otcPriceFromForm,\n  onClose,\n}: OtcOrderTradeOverviewScreenProps) {\n  const { orderProps, userDefinedPrice: otcPrice } = addPreWrapToOTCOrderProps({\n    orderProps: orderPropsFromForm,\n    userDefinedPrice: otcPriceFromForm,\n  });\n\n  const {\n    step,\n    orderCancellationStep,\n    startOtcOrder,\n    cancelOtcOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useOtcOrderStep({\n    otcPrice,\n    preWrapETH: orderProps?.preWrapETH,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startOtcOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.srcAmount), orderProps.fromToken.decimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.destAmount), orderProps.toToken.decimals)\n      : orderProps.toAmount;\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelOtcOrder : undefined;\n\n  return (\n    <OtcOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={getFromAmount(orderProps)}\n      toAmount={getToAmount(orderProps)}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      onCancelOrder={onCancelOrder}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["cn","ReactComponent","Spinner","StepProps","motion","motionBaseProps","TRADE_OVERVIEW_TRANSITION_DURATION_S","MotionDivProps","stepCircleClasses","active","inactive","delayMultiplier","descDelay","firstStepOffset","Step","t0","$","_c","title","description","stepState","stepNumber","isFirstStep","isActiveState","t1","t2","delay","duration","t3","t4","transition","className","motionTitleProps","t5","t6","motionDescProps","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17"],"sources":["../../../../../src/components/widget/TradeOverview/Step/Step.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { StepProps } from \"./types\";\nimport { motion } from \"motion/react\";\nimport {\n  motionBaseProps,\n  TRADE_OVERVIEW_TRANSITION_DURATION_S,\n  type MotionDivProps,\n} from \"../motionProps\";\n\nconst stepCircleClasses = {\n  active: \"bg-primary-azul-1 text-contrast-8 dark:text-contrast-7\",\n  inactive:\n    \"bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5\",\n};\n\nconst delayMultiplier = 0.3;\n\nconst descDelay = 1 * delayMultiplier; // description must appear after title\nconst firstStepOffset = 0.5; // additional delay for the first step description to appear\n\nexport const Step = ({\n  title,\n  description,\n  stepState,\n  stepNumber,\n}: StepProps) => {\n  const isFirstStep = stepNumber === 1;\n  const isActiveState = stepState === \"ongoing\";\n\n  const motionTitleProps: MotionDivProps = {\n    ...motionBaseProps,\n    transition: {\n      delay: stepNumber * delayMultiplier,\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,\n    },\n    className: `font-medium ${stepState === \"upcoming\" ? \"text-contrast-5 dark:text-contrast-7\" : \"text-contrast-1 dark:text-white\"}`,\n  };\n\n  const motionDescProps: MotionDivProps = {\n    ...motionBaseProps,\n    transition: {\n      delay: isFirstStep ? descDelay + firstStepOffset : descDelay,\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,\n    },\n    className: \"text-xs text-contrast-5 dark:text-contrast-6 max-w-xs\",\n  };\n\n  return (\n    <div className=\"flex gap-[13px] bg-inherit\">\n      <div className=\"flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit\">\n        {isActiveState && (\n          <Spinner className=\"absolute inset-0 w-full h-full animate-spin direction-reverse -scale-x-100\" />\n        )}\n        <div\n          className={cn(\n            \"flex items-center justify-center w-[28px] h-[28px] rounded-full relative\",\n            isActiveState\n              ? stepCircleClasses.active\n              : stepCircleClasses.inactive\n          )}\n        >\n          <span>{stepNumber}</span>\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-1 pt-0.5\">\n        <motion.div {...motionTitleProps} key={`step-title-${stepNumber}`}>\n          {title}\n        </motion.div>\n        {isActiveState && description && (\n          <motion.div {...motionDescProps} key={`step-desc-${stepNumber}`}>\n            {description}\n          </motion.div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Step.js","names":["cn","ReactComponent","Spinner","StepProps","motion","motionBaseProps","TRADE_OVERVIEW_TRANSITION_DURATION_S","MotionDivProps","stepCircleClasses","active","inactive","delayMultiplier","descDelay","firstStepOffset","Step","t0","$","_c","title","description","stepState","stepNumber","isFirstStep","isActiveState","t1","t2","delay","duration","t3","t4","transition","className","motionTitleProps","t5","t6","motionDescProps","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17"],"sources":["../../../../../src/components/widget/TradeOverview/Step/Step.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { StepProps } from \"./types\";\nimport { motion } from \"motion/react\";\nimport {\n  motionBaseProps,\n  TRADE_OVERVIEW_TRANSITION_DURATION_S,\n  type MotionDivProps,\n} from \"../motionProps\";\n\nconst stepCircleClasses = {\n  active: \"bg-primary-azul-1 text-contrast-8 dark:text-contrast-7\",\n  inactive:\n    \"bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5\",\n};\n\nconst delayMultiplier = 0.3;\n\nconst descDelay = 1 * delayMultiplier; // description must appear after title\nconst firstStepOffset = 0.5; // additional delay for the first step description to appear\n\nexport const Step = ({\n  title,\n  description,\n  stepState,\n  stepNumber,\n}: StepProps) => {\n  const isFirstStep = stepNumber === 1;\n  const isActiveState = stepState === \"ongoing\";\n\n  const motionTitleProps: MotionDivProps = {\n    ...motionBaseProps,\n    transition: {\n      delay: stepNumber * delayMultiplier,\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,\n    },\n    className: `font-medium ${stepState === \"upcoming\" ? \"text-contrast-5 dark:text-contrast-7\" : \"text-contrast-1 dark:text-white\"}`,\n  };\n\n  const motionDescProps: MotionDivProps = {\n    ...motionBaseProps,\n    transition: {\n      delay: isFirstStep ? descDelay + firstStepOffset : descDelay,\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,\n    },\n    className: \"text-xs text-contrast-5 dark:text-contrast-6 max-w-xs\",\n  };\n\n  return (\n    <div className=\"flex gap-[13px] bg-inherit\">\n      <div className=\"flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit\">\n        {isActiveState && (\n          <Spinner className=\"absolute inset-0 w-full h-full animate-spin direction-reverse -scale-x-100\" />\n        )}\n        <div\n          className={cn(\n            \"flex items-center justify-center w-[28px] h-[28px] rounded-full relative\",\n            isActiveState\n              ? stepCircleClasses.active\n              : stepCircleClasses.inactive\n          )}\n        >\n          <span>{stepNumber}</span>\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-1 pt-0.5\">\n        <motion.div {...motionTitleProps} key={`step-title-${stepNumber}`}>\n          {title}\n        </motion.div>\n        {isActiveState && description && (\n          <motion.div {...motionDescProps} key={`step-desc-${stepNumber}`}>\n            {description}\n          </motion.div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/TradeOverview/Step/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["ActiveStep","FlowStep","FlowStepWithSubSteps","StepState","TitleFnProps","StepProps","isFlowStepWithSubSteps","step","Key","PrepareStepPropsParams","currentStep","activeStep","currentStepIndex","activeStepIndex","titleFnProps","stepNumberCorrection","prepareStepProps","stepState","stepOrSubStep","subSteps","find","subStep","key","title","stepTitle","description","stepDesc","titleOrFn","stepNumber"],"sources":["../../../../../src/components/widget/TradeOverview/Step/utils.ts"],"sourcesContent":["import type {\n  ActiveStep,\n  FlowStep,\n  FlowStepWithSubSteps,\n  StepState,\n  TitleFnProps,\n  StepProps,\n} from \"./types\";\n\nexport function isFlowStepWithSubSteps<Key extends string = string>(\n  step: FlowStep<Key>\n): step is FlowStepWithSubSteps<Key> {\n  return \"subSteps\" in step;\n}\n\ntype PrepareStepPropsParams<Key extends string = string> = {\n  currentStep: FlowStep<Key>;\n  activeStep?: ActiveStep<Key>;\n  currentStepIndex: number;\n  activeStepIndex: number;\n  titleFnProps: TitleFnProps;\n  stepNumberCorrection: number;\n};\n\nexport function prepareStepProps<Key extends string = string>({\n  currentStep,\n  activeStep,\n  currentStepIndex,\n  activeStepIndex,\n  titleFnProps,\n  stepNumberCorrection,\n}: PrepareStepPropsParams<Key>): StepProps | null {\n  let stepState: StepState;\n\n  if (activeStepIndex === currentStepIndex) {\n    stepState = \"ongoing\";\n  } else if (activeStepIndex > currentStepIndex) {\n    stepState = \"done\";\n  } else if (activeStepIndex === currentStepIndex - 1) {\n    stepState = \"next\";\n  } else {\n    stepState = \"upcoming\";\n  }\n  if (stepState === \"done\") {\n    return null;\n  }\n\n  const stepOrSubStep = isFlowStepWithSubSteps(currentStep)\n    ? (currentStep.subSteps.find(\n        (subStep) => subStep.key === activeStep?.subStep\n      ) ?? currentStep.subSteps[0])\n    : currentStep;\n\n  const { title: stepTitle, description: stepDesc } = stepOrSubStep;\n\n  const titleOrFn =\n    typeof stepTitle === \"string\" ? stepTitle : stepTitle[stepState];\n\n  const title =\n    typeof titleOrFn === \"function\" ? titleOrFn(titleFnProps) : titleOrFn;\n\n  const description =\n    typeof stepDesc === \"function\" ? stepDesc(titleFnProps) : stepDesc;\n\n  // if first step of the flow is skipped in the current flow (prepare-swap is skipped unless in resubmit flow),\n  // we need to avoid marking the inital step as stepNumber=2\n  const stepNumber = currentStepIndex + 1 + stepNumberCorrection;\n\n  return { title, description, stepState, stepNumber };\n}\n"],"mappings":";AASA,SAAgBM,EACdC,GACmC;AACnC,QAAO,cAAcA;;AAYvB,SAAgBS,EAA8C,EAC5DN,gBACAC,eACAC,qBACAC,oBACAC,iBACAC,2BACgD;CAChD,IAAIE;AAWJ,KATA,AAOEA,IAPEJ,MAAoBD,IACV,YACHC,IAAkBD,IACf,SACHC,MAAoBD,IAAmB,IACpC,SAEA,YAEVK,MAAc,OAChB,QAAO;CAST,IAAM,EAAEM,OAAOC,GAAWC,aAAaC,MANjBpB,EAAuBI,EAAY,GACpDA,EAAYS,SAASC,MACnBC,MAAYA,EAAQC,QAAQX,GAAYU,QAC1C,IAAIX,EAAYS,SAAS,KAC1BT,GAIEiB,IACJ,OAAOH,KAAc,WAAWA,IAAYA,EAAUP,IAElDM,IACJ,OAAOI,KAAc,aAAaA,EAAUb,EAAa,GAAGa,GAExDF,IACJ,OAAOC,KAAa,aAAaA,EAASZ,EAAa,GAAGY,GAItDE,IAAahB,IAAmB,IAAIG;AAE1C,QAAO;EAAEQ;EAAOE;EAAaR;EAAWW;EAAY"}
+{"version":3,"file":"utils.js","names":["ActiveStep","FlowStep","FlowStepWithSubSteps","StepState","TitleFnProps","StepProps","isFlowStepWithSubSteps","step","Key","PrepareStepPropsParams","currentStep","activeStep","currentStepIndex","activeStepIndex","titleFnProps","stepNumberCorrection","prepareStepProps","stepState","stepOrSubStep","subSteps","find","subStep","key","title","stepTitle","description","stepDesc","titleOrFn","stepNumber"],"sources":["../../../../../src/components/widget/TradeOverview/Step/utils.ts"],"sourcesContent":["import type {\n  ActiveStep,\n  FlowStep,\n  FlowStepWithSubSteps,\n  StepState,\n  TitleFnProps,\n  StepProps,\n} from \"./types\";\n\nexport function isFlowStepWithSubSteps<Key extends string = string>(\n  step: FlowStep<Key>\n): step is FlowStepWithSubSteps<Key> {\n  return \"subSteps\" in step;\n}\n\ntype PrepareStepPropsParams<Key extends string = string> = {\n  currentStep: FlowStep<Key>;\n  activeStep?: ActiveStep<Key>;\n  currentStepIndex: number;\n  activeStepIndex: number;\n  titleFnProps: TitleFnProps;\n  stepNumberCorrection: number;\n};\n\nexport function prepareStepProps<Key extends string = string>({\n  currentStep,\n  activeStep,\n  currentStepIndex,\n  activeStepIndex,\n  titleFnProps,\n  stepNumberCorrection,\n}: PrepareStepPropsParams<Key>): StepProps | null {\n  let stepState: StepState;\n\n  if (activeStepIndex === currentStepIndex) {\n    stepState = \"ongoing\";\n  } else if (activeStepIndex > currentStepIndex) {\n    stepState = \"done\";\n  } else if (activeStepIndex === currentStepIndex - 1) {\n    stepState = \"next\";\n  } else {\n    stepState = \"upcoming\";\n  }\n  if (stepState === \"done\") {\n    return null;\n  }\n\n  const stepOrSubStep = isFlowStepWithSubSteps(currentStep)\n    ? (currentStep.subSteps.find(\n        (subStep) => subStep.key === activeStep?.subStep\n      ) ?? currentStep.subSteps[0])\n    : currentStep;\n\n  const { title: stepTitle, description: stepDesc } = stepOrSubStep;\n\n  const titleOrFn =\n    typeof stepTitle === \"string\" ? stepTitle : stepTitle[stepState];\n\n  const title =\n    typeof titleOrFn === \"function\" ? titleOrFn(titleFnProps) : titleOrFn;\n\n  const description =\n    typeof stepDesc === \"function\" ? stepDesc(titleFnProps) : stepDesc;\n\n  // if first step of the flow is skipped in the current flow (prepare-swap is skipped unless in resubmit flow),\n  // we need to avoid marking the inital step as stepNumber=2\n  const stepNumber = currentStepIndex + 1 + stepNumberCorrection;\n\n  return { title, description, stepState, stepNumber };\n}\n"],"mappings":";AASA,SAAgBM,EACdC,GACmC;CACnC,OAAO,cAAcA;;AAYvB,SAAgBS,EAA8C,EAC5DN,gBACAC,eACAC,qBACAC,oBACAC,iBACAC,2BACgD;CAChD,IAAIE;CAWJ,IATA,AAOEA,IAPEJ,MAAoBD,IACV,YACHC,IAAkBD,IACf,SACHC,MAAoBD,IAAmB,IACpC,SAEA,YAEVK,MAAc,QAChB,OAAO;CAST,IAAM,EAAEM,OAAOC,GAAWC,aAAaC,MANjBpB,EAAuBI,EAAY,GACpDA,EAAYS,SAASC,MACnBC,MAAYA,EAAQC,QAAQX,GAAYU,QAC1C,IAAIX,EAAYS,SAAS,KAC1BT,GAIEiB,IACJ,OAAOH,KAAc,WAAWA,IAAYA,EAAUP,IAElDM,IACJ,OAAOI,KAAc,aAAaA,EAAUb,EAAa,GAAGa,GAExDF,IACJ,OAAOC,KAAa,aAAaA,EAASZ,EAAa,GAAGY,GAItDE,IAAahB,IAAmB,IAAIG;CAE1C,OAAO;EAAEQ;EAAOE;EAAaR;EAAWW;EAAY"}

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","names":["AnimatePresence","motion","Step","ActiveStep","FlowStep","prepareStepProps","MinTradeFlowToken","useTradeFlowContext","VerticalDash","stepItemProps","useInitialValue","isTruthy","StepperProps","steps","Key","activeStep","fromToken","toToken","fromAmount","toAmount","MAX_DISPLAYED_STEPS_AT_ONCE","StepperBase","t0","$","_c","titleFnProps","t1","findIndex","step","key","activeStepIndex","isActiveStepLast","length","startedAtStepWithIndex","validSteps","map","step_0","i","prepareStepPropsParams","currentStep","currentStepIndex","stepNumberCorrection","stepProps","filter","renderedSteps","slice","t2","t3","t4","Stepper"],"sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["// import { Informative } from \"../Informative/Informative\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { Step } from \"./Step/Step\";\nimport type { ActiveStep, FlowStep } from \"./Step/types\";\nimport { prepareStepProps } from \"./Step/utils\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\nimport { stepItemProps } from \"./motionProps\";\nimport { useInitialValue } from \"@/core/screen/hooks/useInitialValue\";\nimport { isTruthy } from \"@/lib/utils\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n  steps: FlowStep<Key>[];\n  activeStep?: ActiveStep<Key>;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst MAX_DISPLAYED_STEPS_AT_ONCE = 3;\n\nconst StepperBase = <Key extends string = string>({\n  steps,\n  activeStep,\n  ...titleFnProps\n}: StepperProps<Key>) => {\n  const activeStepIndex = activeStep\n    ? steps.findIndex((step) => step.key === activeStep.key)\n    : -1;\n\n  const isActiveStepLast = activeStepIndex === steps.length - 1;\n\n  // index of the first step displayed by stepper,\n  // so that we avoid Approve Order #2 when there is a Prepare Swap step in the list before it\n  const startedAtStepWithIndex = useInitialValue(activeStepIndex);\n\n  // let displayedStepsN = 0;\n\n  const validSteps = steps\n    .map((step, i) => {\n      const prepareStepPropsParams = {\n        currentStep: step,\n        activeStepIndex,\n        currentStepIndex: i,\n        activeStep,\n        titleFnProps,\n        stepNumberCorrection: -1 * startedAtStepWithIndex,\n      };\n\n      const stepProps = prepareStepProps(prepareStepPropsParams);\n\n      if (!stepProps) return null;\n\n      return (\n        <motion.div key={step.key} {...stepItemProps}>\n          <Step {...stepProps} />\n        </motion.div>\n      );\n    })\n    .filter(isTruthy);\n\n  // avoid stepper growing too much in height when there are many steps\n  const renderedSteps =\n    validSteps.length > MAX_DISPLAYED_STEPS_AT_ONCE\n      ? validSteps.slice(0, MAX_DISPLAYED_STEPS_AT_ONCE)\n      : validSteps;\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n        {/* Vertical line positioned absolutely */}\n        {!isActiveStepLast && (\n          // show vertical line only if there will be more than 1 step displayed\n          <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n            <VerticalDash />\n          </div>\n        )}\n        <AnimatePresence mode=\"popLayout\">{renderedSteps}</AnimatePresence>\n      </div>\n\n      {/* show StepperHint on the last step, @TODO reenable when we have conditional hints */}\n      {/* {steps.length - activeStepIndex === 1 && <StepperHint />} */}\n    </>\n  );\n};\n\n/* const StepperHint = () => (\n  <Informative\n    title=\"Did you know?\"\n    description=\"There may be a network issue (such as sudden gas price spike) that is delaying your order\"\n    classes={{ root: \"mb-4\" }}\n  />\n); */\n\nexport const Stepper = () => {\n  const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n    useTradeFlowContext();\n\n  if (!activeStep) return null;\n\n  return (\n    <StepperBase\n      steps={steps}\n      activeStep={activeStep}\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;AAsBA,IAAMoB,IAA8B,GAE9BC,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAA8B,EAAAX,UAAAE,eAAA,GAAAU,MAAAH,GAI9BI;AAAA,CAAAH,EAAA,OAAAR,KAAAQ,EAAA,OAAAV,KACMa,IAAAX,IACpBF,EAAKc,WAAWC,MAAUA,EAAIC,QAASd,EAAUc,IAC/C,GAFkB,IAElBN,EAAA,KAAAR,GAAAQ,EAAA,KAAAV,GAAAU,EAAA,KAAAG,KAAAA,IAAAH,EAAA;CAFN,IAAAO,IAAwBJ,GAIxBK,IAAyBD,MAAoBjB,EAAKmB,SAAU,GAI5DC,IAA+BvB,EAAgBoB,EAAgB,EAI/DI,IAAmBrB,EAAKsB,KACjBC,GAAAC,MAAA;EAUH,IAAAK,IAAkBrC,EATa;GAAAkC,aAChBX;GAAIE;GAAAU,kBAECH;GAACtB;GAAAU;GAAAgB,sBAGG,KAAKR;GAC5B,CAEyD;AAE9B,SAAvBS,IAGH,kBAAA,EAAA,KAAA;GAAyB,GAAMjC;aAC7B,kBAAC,GAAD,EAAK,GAAKiC,GACZ,CAAA;GAAa,EAFId,EAAIC,IAER,GALQ;GAOvB,CAAAc,OACMhC,EAAS,EAGnBiC,IACEV,EAAUF,SAAUZ,IAChBc,EAAUW,MAAO,GAAGzB,EACV,GAFdc,GAEeY;AAAA,CAAAvB,EAAA,OAAAQ,IAWVe,IAAAvB,EAAA,MALAuB,IAAA,CAACf,KAEA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD,EACF,CAAA;EACD,CAAA,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAuB;CAAA,IAAAC;AAAA,CAAAxB,EAAA,OAAAqB,IACkEG,IAAAxB,EAAA,MAAnEwB,IAAA,kBAAC,GAAD;EAAsB,MAAA;YAAaH;EAAgC,CAAA,EAAArB,EAAA,KAAAqB,GAAArB,EAAA,KAAAwB;CAAA,IAAAC;AAKpE,QALoEzB,EAAA,OAAAuB,KAAAvB,EAAA,OAAAwB,KATvEC,IAAA,kBAAA,GAAA,EAAA,UACE,kBAAA,OAAA;EAAe,WAAA;YAAf,CAEGF,GAMDC,EACI;KAIL,CAAA,EAAAxB,EAAA,KAAAuB,GAAAvB,EAAA,KAAAwB,GAAAxB,EAAA,KAAAyB,KAAAA,IAAAzB,EAAA,IAdHyB;GA0BSC,UAAU;CAAA,IAAA1B,IAAAC,EAAA,EAAA,EACrB,EAAAR,cAAAC,YAAAC,eAAAC,aAAAN,UAAAE,kBACER,GAAqB;AAEvB,KAAI,CAACQ,EAAU,QAAS;CAAK,IAAAO;AAUzB,QAVyBC,EAAA,OAAAR,KAAAQ,EAAA,OAAAL,KAAAK,EAAA,OAAAP,KAAAO,EAAA,OAAAV,KAAAU,EAAA,OAAAJ,KAAAI,EAAA,OAAAN,KAG3BK,IAAA,kBAAC,GAAD;EACST;EACKE;EACDC;EACFC;EACGC;EACFC;EACV,CAAA,EAAAI,EAAA,KAAAR,GAAAQ,EAAA,KAAAL,GAAAK,EAAA,KAAAP,GAAAO,EAAA,KAAAV,GAAAU,EAAA,KAAAJ,GAAAI,EAAA,KAAAN,GAAAM,EAAA,KAAAD,KAAAA,IAAAC,EAAA,IAPFD"}
+{"version":3,"file":"Stepper.js","names":["AnimatePresence","motion","Step","ActiveStep","FlowStep","prepareStepProps","MinTradeFlowToken","useTradeFlowContext","VerticalDash","stepItemProps","useInitialValue","isTruthy","StepperProps","steps","Key","activeStep","fromToken","toToken","fromAmount","toAmount","MAX_DISPLAYED_STEPS_AT_ONCE","StepperBase","t0","$","_c","titleFnProps","t1","findIndex","step","key","activeStepIndex","isActiveStepLast","length","startedAtStepWithIndex","validSteps","map","step_0","i","prepareStepPropsParams","currentStep","currentStepIndex","stepNumberCorrection","stepProps","filter","renderedSteps","slice","t2","t3","t4","Stepper"],"sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["// import { Informative } from \"../Informative/Informative\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { Step } from \"./Step/Step\";\nimport type { ActiveStep, FlowStep } from \"./Step/types\";\nimport { prepareStepProps } from \"./Step/utils\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\nimport { stepItemProps } from \"./motionProps\";\nimport { useInitialValue } from \"@/core/screen/hooks/useInitialValue\";\nimport { isTruthy } from \"@/lib/utils\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n  steps: FlowStep<Key>[];\n  activeStep?: ActiveStep<Key>;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst MAX_DISPLAYED_STEPS_AT_ONCE = 3;\n\nconst StepperBase = <Key extends string = string>({\n  steps,\n  activeStep,\n  ...titleFnProps\n}: StepperProps<Key>) => {\n  const activeStepIndex = activeStep\n    ? steps.findIndex((step) => step.key === activeStep.key)\n    : -1;\n\n  const isActiveStepLast = activeStepIndex === steps.length - 1;\n\n  // index of the first step displayed by stepper,\n  // so that we avoid Approve Order #2 when there is a Prepare Swap step in the list before it\n  const startedAtStepWithIndex = useInitialValue(activeStepIndex);\n\n  // let displayedStepsN = 0;\n\n  const validSteps = steps\n    .map((step, i) => {\n      const prepareStepPropsParams = {\n        currentStep: step,\n        activeStepIndex,\n        currentStepIndex: i,\n        activeStep,\n        titleFnProps,\n        stepNumberCorrection: -1 * startedAtStepWithIndex,\n      };\n\n      const stepProps = prepareStepProps(prepareStepPropsParams);\n\n      if (!stepProps) return null;\n\n      return (\n        <motion.div key={step.key} {...stepItemProps}>\n          <Step {...stepProps} />\n        </motion.div>\n      );\n    })\n    .filter(isTruthy);\n\n  // avoid stepper growing too much in height when there are many steps\n  const renderedSteps =\n    validSteps.length > MAX_DISPLAYED_STEPS_AT_ONCE\n      ? validSteps.slice(0, MAX_DISPLAYED_STEPS_AT_ONCE)\n      : validSteps;\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n        {/* Vertical line positioned absolutely */}\n        {!isActiveStepLast && (\n          // show vertical line only if there will be more than 1 step displayed\n          <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n            <VerticalDash />\n          </div>\n        )}\n        <AnimatePresence mode=\"popLayout\">{renderedSteps}</AnimatePresence>\n      </div>\n\n      {/* show StepperHint on the last step, @TODO reenable when we have conditional hints */}\n      {/* {steps.length - activeStepIndex === 1 && <StepperHint />} */}\n    </>\n  );\n};\n\n/* const StepperHint = () => (\n  <Informative\n    title=\"Did you know?\"\n    description=\"There may be a network issue (such as sudden gas price spike) that is delaying your order\"\n    classes={{ root: \"mb-4\" }}\n  />\n); */\n\nexport const Stepper = () => {\n  const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n    useTradeFlowContext();\n\n  if (!activeStep) return null;\n\n  return (\n    <StepperBase\n      steps={steps}\n      activeStep={activeStep}\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;AAsBA,IAAMoB,IAA8B,GAE9BC,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAA8B,EAAAX,UAAAE,eAAA,GAAAU,MAAAH,GAI9BI;CAAA,AAAAH,EAAA,OAAAR,KAAAQ,EAAA,OAAAV,KACMa,IAAAX,IACpBF,EAAKc,WAAWC,MAAUA,EAAIC,QAASd,EAAUc,IAC/C,GAFkB,IAElBN,EAAA,KAAAR,GAAAQ,EAAA,KAAAV,GAAAU,EAAA,KAAAG,KAAAA,IAAAH,EAAA;CAFN,IAAAO,IAAwBJ,GAIxBK,IAAyBD,MAAoBjB,EAAKmB,SAAU,GAI5DC,IAA+BvB,EAAgBoB,EAAgB,EAI/DI,IAAmBrB,EAAKsB,KACjBC,GAAAC,MAAA;EAUH,IAAAK,IAAkBrC,EAAiBiC;GATJC,aAChBX;GAAIE;GAAAU,kBAECH;GAACtB;GAAAU;GAAAgB,sBAGG,KAAKR;GAGMK,CAAuB;EAE9B,OAAvBI,IAGH,kBAAA,EAAA,KAAA;GAAyB,GAAMjC;aAC7B,kBAAC,GAAD,EAAK,GAAKiC,GACZ,CAAA;GAAa,EAFId,EAAIC,IAER,GALQ;GAOvB,CAAAc,OACMhC,EAAS,EAGnBiC,IACEV,EAAUF,SAAUZ,IAChBc,EAAUW,MAAO,GAAGzB,EACV,GAFdc,GAEeY;CAAA,AAAAvB,EAAA,OAAAQ,IAWVe,IAAAvB,EAAA,MALAuB,IAAA,CAACf,KAEA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD,EACF,CAAA;EACD,CAAA,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAuB;CAAA,IAAAC;CAAA,AAAAxB,EAAA,OAAAqB,IACkEG,IAAAxB,EAAA,MAAnEwB,IAAA,kBAAC,GAAD;EAAsB,MAAA;YAAaH;EAAgC,CAAA,EAAArB,EAAA,KAAAqB,GAAArB,EAAA,KAAAwB;CAAA,IAAAC;CAKpE,OALoEzB,EAAA,OAAAuB,KAAAvB,EAAA,OAAAwB,KATvEC,IAAA,kBAAA,GAAA,EAAA,UACE,kBAAA,OAAA;EAAe,WAAA;YAAf,CAEGF,GAMDC,EACI;KAIL,CAAA,EAAAxB,EAAA,KAAAuB,GAAAvB,EAAA,KAAAwB,GAAAxB,EAAA,KAAAyB,KAAAA,IAAAzB,EAAA,IAdHyB;GA0BSC,UAAU;CAAA,IAAA1B,IAAAC,EAAA,EAAA,EACrB,EAAAR,cAAAC,YAAAC,eAAAC,aAAAN,UAAAE,kBACER,GAAqB;CAEvB,IAAI,CAACQ,GAAU,OAAS;CAAK,IAAAO;CAUzB,OAVyBC,EAAA,OAAAR,KAAAQ,EAAA,OAAAL,KAAAK,EAAA,OAAAP,KAAAO,EAAA,OAAAV,KAAAU,EAAA,OAAAJ,KAAAI,EAAA,OAAAN,KAG3BK,IAAA,kBAAC,GAAD;EACST;EACKE;EACDC;EACFC;EACGC;EACFC;EACV,CAAA,EAAAI,EAAA,KAAAR,GAAAQ,EAAA,KAAAL,GAAAK,EAAA,KAAAP,GAAAO,EAAA,KAAAV,GAAAU,EAAA,KAAAJ,GAAAI,EAAA,KAAAN,GAAAM,EAAA,KAAAD,KAAAA,IAAAC,EAAA,IAPFD"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteFooter.js","names":["Button","useTradeFlowContext","CancelButtonWithDrawer","TradeCompletedFooterProps","onDismiss","onCancelOrder","explorerLink","TradeCompletedFooterBase","t0","$","_c","orderCancellationStep","isOrderCancelled","successfulCancellation","t1","button1","t2","button2","t3","button3","t4","TradeCompletedFooter"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { CancelButtonWithDrawer } from \"../CancelButtonWithDrawer\";\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, isOrderCancelled } = useTradeFlowContext();\n\n  const successfulCancellation =\n    orderCancellationStep === \"order-cancellation-success\" || isOrderCancelled;\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      <CancelButtonWithDrawer onCancelOrder={onCancelOrder} />\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"],"mappings":";;;;;;AAUA,IAAMO,KAA2BC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAN,cAAAC,kBAAAC,oBAAAE,GAKhC,EAAAG,0BAAAC,wBAAoDX,GAAqB,EAEzEY,IACEF,MAA0B,gCAA1BC,GAA2EE;AAAA,CAAAL,EAAA,OAAAL,IAWlEU,IAAAL,EAAA,MARTK,IAAA,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACDV,SAAAA;YACV;EAEQ,CAAA,EAAAK,EAAA,KAAAL,GAAAK,EAAA,KAAAK;CATX,IAAAC,IACED,GASAE;AAAA,CAAAP,EAAA,OAAAH,IAcMU,IAAAP,EAAA,MAZQO,IAAAV,IACd,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACV,SAAA;YAEA,kBAAA,KAAA;GAASA,MAAAA;GAAkB,KAAA;GAA6B,QAAA;aAAS;GAGnE,CAAA;EACM,CAAA,GAZQ,MAYRG,EAAA,KAAAH,GAAAG,EAAA,KAAAO;CAZR,IAAAC,IAAgBD,GAYPE;AAAA,CAAAT,EAAA,OAAAJ,KAAAI,EAAA,OAAAI,KAGPK,IAAAb,KAAA,CAAkBQ,IAChB,kBAAC,GAAD,EAAuCR,kBACjC,CAAA,GAFR,MAEQI,EAAA,KAAAJ,GAAAI,EAAA,KAAAI,GAAAJ,EAAA,KAAAS,KAAAA,IAAAT,EAAA;CAHV,IAAAU,IACED,GAESE;AAOH,QAPGX,EAAA,OAAAM,KAAAN,EAAA,OAAAQ,KAAAR,EAAA,OAAAU,KAGTC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGL;GACAE;GACAE;GACG;KAAAV,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,GAAAR,EAAA,KAAAU,GAAAV,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KAJNW;GAQSC,KAAuBb,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAN,cAAAC,qBAAAG,GAInC,EAAAF,oBAAyBL,GAAqB,EAACa;AAM3C,QAN2CL,EAAA,OAAAH,KAAAG,EAAA,OAAAJ,KAAAI,EAAA,OAAAL,KAE7CU,IAAA,kBAAC,GAAD;EACaV;EACIC;EACDC;EACd,CAAA,EAAAG,EAAA,KAAAH,GAAAG,EAAA,KAAAJ,GAAAI,EAAA,KAAAL,GAAAK,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IAJFK"}
+{"version":3,"file":"TradeCompleteFooter.js","names":["Button","useTradeFlowContext","CancelButtonWithDrawer","TradeCompletedFooterProps","onDismiss","onCancelOrder","explorerLink","TradeCompletedFooterBase","t0","$","_c","orderCancellationStep","isOrderCancelled","successfulCancellation","t1","button1","t2","button2","t3","button3","t4","TradeCompletedFooter"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { CancelButtonWithDrawer } from \"../CancelButtonWithDrawer\";\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, isOrderCancelled } = useTradeFlowContext();\n\n  const successfulCancellation =\n    orderCancellationStep === \"order-cancellation-success\" || isOrderCancelled;\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      <CancelButtonWithDrawer onCancelOrder={onCancelOrder} />\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"],"mappings":";;;;;;AAUA,IAAMO,KAA2BC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAN,cAAAC,kBAAAC,oBAAAE,GAKhC,EAAAG,0BAAAC,wBAAoDX,GAAqB,EAEzEY,IACEF,MAA0B,gCAA1BC,GAA2EE;CAAA,AAAAL,EAAA,OAAAL,IAWlEU,IAAAL,EAAA,MARTK,IAAA,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACDV,SAAAA;YACV;EAEQ,CAAA,EAAAK,EAAA,KAAAL,GAAAK,EAAA,KAAAK;CATX,IAAAC,IACED,GASAE;CAAA,AAAAP,EAAA,OAAAH,IAcMU,IAAAP,EAAA,MAZQO,IAAAV,IACd,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACV,SAAA;YAEA,kBAAA,KAAA;GAASA,MAAAA;GAAkB,KAAA;GAA6B,QAAA;aAAS;GAGnE,CAAA;EACM,CAAA,GAZQ,MAYRG,EAAA,KAAAH,GAAAG,EAAA,KAAAO;CAZR,IAAAC,IAAgBD,GAYPE;CAAA,AAAAT,EAAA,OAAAJ,KAAAI,EAAA,OAAAI,KAGPK,IAAAb,KAAA,CAAkBQ,IAChB,kBAAC,GAAD,EAAuCR,kBACjC,CAAA,GAFR,MAEQI,EAAA,KAAAJ,GAAAI,EAAA,KAAAI,GAAAJ,EAAA,KAAAS,KAAAA,IAAAT,EAAA;CAHV,IAAAU,IACED,GAESE;CAOH,OAPGX,EAAA,OAAAM,KAAAN,EAAA,OAAAQ,KAAAR,EAAA,OAAAU,KAGTC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGL;GACAE;GACAE;GACG;KAAAV,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,GAAAR,EAAA,KAAAU,GAAAV,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KAJNW;GAQSC,KAAuBb,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAN,cAAAC,qBAAAG,GAInC,EAAAF,oBAAyBL,GAAqB,EAACa;CAM3C,OAN2CL,EAAA,OAAAH,KAAAG,EAAA,OAAAJ,KAAAI,EAAA,OAAAL,KAE7CU,IAAA,kBAAC,GAAD;EACaV;EACIC;EACDC;EACd,CAAA,EAAAG,EAAA,KAAAH,GAAAG,EAAA,KAAAJ,GAAAI,EAAA,KAAAL,GAAAK,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IAJFK"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteHeader.js","names":["useTokenPrice","formatFiatPrice","getSurplusAmounts","useTradeFlowContext","OrderTradeFlowType","SwapTradeFlowType","TradeFlowType","tradeFlowCompletedTitle","isOrderTradeFlowType","TradeCompletedHeaderBaseProps","tradeFlowType","isOrderCancelled","TradeCompletedHeaderBase","t0","$","_c","children","title","t1","t2","TradeCompletedHeader","TradeCompletedHeaderSwap","swapTradeFlowType","result","toToken","surplus","surplusDisplay","surplusStr","symbol","address","data","tokenPriceObject","tokenPrice","price","amountInUSD","diffUnit","Number","formattedAmountInUSD","t3","t4","orderCreated","orderCancelled","TradeCompletedHeaderOrder","orderTradeFlowType","isLimit","isFillOTC","isTwap","subTitle"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"sourcesContent":["import { useTokenPrice } from \"@/hooks/tokens/prices/useTokenPrices\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { getSurplusAmounts } from \"./utils\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport type {\n  OrderTradeFlowType,\n  SwapTradeFlowType,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport { tradeFlowCompletedTitle } from \"./constants\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\n\ntype TradeCompletedHeaderBaseProps = {\n  tradeFlowType: TradeFlowType;\n  isOrderCancelled?: boolean;\n};\n\nconst TradeCompletedHeaderBase = ({\n  tradeFlowType,\n  children,\n  isOrderCancelled,\n}: React.PropsWithChildren<TradeCompletedHeaderBaseProps>) => {\n  const title = isOrderCancelled\n    ? \"Order Cancelled\"\n    : tradeFlowCompletedTitle[tradeFlowType];\n  return (\n    <div className=\"flex flex-col gap-3 items-center\">\n      <div className=\"font-medium text-lg text-contrast-5 dark:text-contrast-9\">\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport const TradeCompletedHeader = ({\n  tradeFlowType,\n  isOrderCancelled,\n}: TradeCompletedHeaderBaseProps) => {\n  if (isOrderTradeFlowType(tradeFlowType)) {\n    return (\n      <TradeCompletedHeaderOrder\n        orderTradeFlowType={tradeFlowType}\n        isOrderCancelled={isOrderCancelled}\n      />\n    );\n  }\n\n  return (\n    <TradeCompletedHeaderSwap\n      swapTradeFlowType={tradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    />\n  );\n};\n\nconst TradeCompletedHeaderSwap = ({\n  swapTradeFlowType,\n  isOrderCancelled,\n}: {\n  swapTradeFlowType: SwapTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const { result, toToken } = useTradeFlowContext();\n  const surplus = getSurplusAmounts({ result, toToken });\n\n  const surplusDisplay = surplus?.surplusStr\n    ? `+${surplus.surplusStr} ${toToken.symbol ?? toToken.address}`\n    : null;\n\n  const { data: tokenPriceObject } = useTokenPrice(toToken);\n  const tokenPrice = tokenPriceObject?.price;\n  const amountInUSD =\n    surplus?.diffUnit && tokenPrice\n      ? Number(surplus.diffUnit) * tokenPrice\n      : null;\n  const formattedAmountInUSD = amountInUSD\n    ? formatFiatPrice(amountInUSD)\n    : null;\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={swapTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      {surplusDisplay && !isOrderCancelled && (\n        <div className=\"text-xs text-contrast-2\">\n          Congrats! You received a surplus of {surplusDisplay}{\" \"}\n          {formattedAmountInUSD && `(${formattedAmountInUSD})`}\n        </div>\n      )}\n    </TradeCompletedHeaderBase>\n  );\n};\n\nconst orderCreated = \"is now created\";\nconst orderCancelled = \"has been cancelled following your request\";\n\nconst TradeCompletedHeaderOrder = ({\n  orderTradeFlowType,\n  isOrderCancelled,\n}: {\n  orderTradeFlowType: OrderTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const isLimit = orderTradeFlowType === \"limitOrder\";\n  const isFillOTC = orderTradeFlowType === \"fillOtcOrder\";\n  const isTwap = orderTradeFlowType === \"twapOrder\";\n\n  let subTitle: string;\n  if (isFillOTC) {\n    subTitle = \"Your OTC order has been executed.\";\n  } else if (isLimit) {\n    //has been cancelled following your request\n    //is now created\n    subTitle = `Your limit order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  } else if (isTwap) {\n    subTitle = `Your TWAP order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  } else {\n    subTitle = `Your order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  }\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={orderTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      <div className=\"flex flex-col gap-2 items-center text-xs dark:text-contrast-6\">\n        {subTitle}\n      </div>\n    </TradeCompletedHeaderBase>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TradeCompleteHeader.js","names":["useTokenPrice","formatFiatPrice","getSurplusAmounts","useTradeFlowContext","OrderTradeFlowType","SwapTradeFlowType","TradeFlowType","tradeFlowCompletedTitle","isOrderTradeFlowType","TradeCompletedHeaderBaseProps","tradeFlowType","isOrderCancelled","TradeCompletedHeaderBase","t0","$","_c","children","title","t1","t2","TradeCompletedHeader","TradeCompletedHeaderSwap","swapTradeFlowType","result","toToken","surplus","surplusDisplay","surplusStr","symbol","address","data","tokenPriceObject","tokenPrice","price","amountInUSD","diffUnit","Number","formattedAmountInUSD","t3","t4","orderCreated","orderCancelled","TradeCompletedHeaderOrder","orderTradeFlowType","isLimit","isFillOTC","isTwap","subTitle"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"sourcesContent":["import { useTokenPrice } from \"@/hooks/tokens/prices/useTokenPrices\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { getSurplusAmounts } from \"./utils\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport type {\n  OrderTradeFlowType,\n  SwapTradeFlowType,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport { tradeFlowCompletedTitle } from \"./constants\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\n\ntype TradeCompletedHeaderBaseProps = {\n  tradeFlowType: TradeFlowType;\n  isOrderCancelled?: boolean;\n};\n\nconst TradeCompletedHeaderBase = ({\n  tradeFlowType,\n  children,\n  isOrderCancelled,\n}: React.PropsWithChildren<TradeCompletedHeaderBaseProps>) => {\n  const title = isOrderCancelled\n    ? \"Order Cancelled\"\n    : tradeFlowCompletedTitle[tradeFlowType];\n  return (\n    <div className=\"flex flex-col gap-3 items-center\">\n      <div className=\"font-medium text-lg text-contrast-5 dark:text-contrast-9\">\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport const TradeCompletedHeader = ({\n  tradeFlowType,\n  isOrderCancelled,\n}: TradeCompletedHeaderBaseProps) => {\n  if (isOrderTradeFlowType(tradeFlowType)) {\n    return (\n      <TradeCompletedHeaderOrder\n        orderTradeFlowType={tradeFlowType}\n        isOrderCancelled={isOrderCancelled}\n      />\n    );\n  }\n\n  return (\n    <TradeCompletedHeaderSwap\n      swapTradeFlowType={tradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    />\n  );\n};\n\nconst TradeCompletedHeaderSwap = ({\n  swapTradeFlowType,\n  isOrderCancelled,\n}: {\n  swapTradeFlowType: SwapTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const { result, toToken } = useTradeFlowContext();\n  const surplus = getSurplusAmounts({ result, toToken });\n\n  const surplusDisplay = surplus?.surplusStr\n    ? `+${surplus.surplusStr} ${toToken.symbol ?? toToken.address}`\n    : null;\n\n  const { data: tokenPriceObject } = useTokenPrice(toToken);\n  const tokenPrice = tokenPriceObject?.price;\n  const amountInUSD =\n    surplus?.diffUnit && tokenPrice\n      ? Number(surplus.diffUnit) * tokenPrice\n      : null;\n  const formattedAmountInUSD = amountInUSD\n    ? formatFiatPrice(amountInUSD)\n    : null;\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={swapTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      {surplusDisplay && !isOrderCancelled && (\n        <div className=\"text-xs text-contrast-2\">\n          Congrats! You received a surplus of {surplusDisplay}{\" \"}\n          {formattedAmountInUSD && `(${formattedAmountInUSD})`}\n        </div>\n      )}\n    </TradeCompletedHeaderBase>\n  );\n};\n\nconst orderCreated = \"is now created\";\nconst orderCancelled = \"has been cancelled following your request\";\n\nconst TradeCompletedHeaderOrder = ({\n  orderTradeFlowType,\n  isOrderCancelled,\n}: {\n  orderTradeFlowType: OrderTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const isLimit = orderTradeFlowType === \"limitOrder\";\n  const isFillOTC = orderTradeFlowType === \"fillOtcOrder\";\n  const isTwap = orderTradeFlowType === \"twapOrder\";\n\n  let subTitle: string;\n  if (isFillOTC) {\n    subTitle = \"Your OTC order has been executed.\";\n  } else if (isLimit) {\n    //has been cancelled following your request\n    //is now created\n    subTitle = `Your limit order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  } else if (isTwap) {\n    subTitle = `Your TWAP order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  } else {\n    subTitle = `Your order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  }\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={orderTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      <div className=\"flex flex-col gap-2 items-center text-xs dark:text-contrast-6\">\n        {subTitle}\n      </div>\n    </TradeCompletedHeaderBase>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeCompletedDetails.js","names":["DetailWithValueList","useTradeCompletedDetails","tradeCompletedDetailsClasses","root","title","value","TradeCompletedDetails","$","_c","details","t0"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.tsx"],"sourcesContent":["import { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { useTradeCompletedDetails } from \"./useTradeCompleteDetails\";\n\nconst tradeCompletedDetailsClasses = {\n  root: \"gap-3\",\n  title: \"text-contrast-4 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-7\",\n};\n\nexport const TradeCompletedDetails = () => {\n  const details = useTradeCompletedDetails();\n  return (\n    <div className=\"flex flex-col rounded-sm border border-contrast-7 dark:border-contrast-3 p-4\">\n      <DetailWithValueList\n        details={details}\n        classes={tradeCompletedDetailsClasses}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAGA,IAAME,IAA+B;CACnCC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EAEYC,UAAwB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACnCC,IAAgBR,GAA0B,EAACS;AAOnC,QAPmCH,EAAA,OAAAE,IAOnCC,IAAAH,EAAA,MALNG,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GACWD;GACAP,SAAAA;GAEb,CAAA;EAAM,CAAA,EAAAK,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IALNA"}
+{"version":3,"file":"TradeCompletedDetails.js","names":["DetailWithValueList","useTradeCompletedDetails","tradeCompletedDetailsClasses","root","title","value","TradeCompletedDetails","$","_c","details","t0"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.tsx"],"sourcesContent":["import { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { useTradeCompletedDetails } from \"./useTradeCompleteDetails\";\n\nconst tradeCompletedDetailsClasses = {\n  root: \"gap-3\",\n  title: \"text-contrast-4 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-7\",\n};\n\nexport const TradeCompletedDetails = () => {\n  const details = useTradeCompletedDetails();\n  return (\n    <div className=\"flex flex-col rounded-sm border border-contrast-7 dark:border-contrast-3 p-4\">\n      <DetailWithValueList\n        details={details}\n        classes={tradeCompletedDetailsClasses}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAGA,IAAME,IAA+B;CACnCC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EAEYC,UAAwB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACnCC,IAAgBR,GAA0B,EAACS;CAOnC,OAPmCH,EAAA,OAAAE,IAOnCC,IAAAH,EAAA,MALNG,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GACWD;GACAP,SAAAA;GAEb,CAAA;EAAM,CAAA,EAAAK,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IALNA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TradeFlowType","TradeCompletedDetails","TradeCompletedHeader","useTradeFlowContext","TradeCompleteProps","tradeFlowType","TradeComplete","t0","$","_c","isOrderCancelled","t1","t2","t3"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\nimport { TradeCompletedDetails } from \"./TradeCompletedDetails\";\nimport { TradeCompletedHeader } from \"./TradeCompleteHeader\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\n\ntype TradeCompleteProps = {\n  tradeFlowType: TradeFlowType;\n};\n\nexport const TradeComplete = ({ tradeFlowType }: TradeCompleteProps) => {\n  const { isOrderCancelled } = useTradeFlowContext();\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <TradeCompletedHeader\n        tradeFlowType={tradeFlowType}\n        isOrderCancelled={isOrderCancelled}\n      />\n      {!isOrderCancelled && <TradeCompletedDetails />}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAUA,IAAaM,KAAgBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAJ,qBAAAE,GAC5B,EAAAG,wBAA6BP,GAAqB,EAACQ;AAAA,CAAAH,EAAA,OAAAE,KAAAF,EAAA,OAAAH,KAI/CM,IAAA,kBAAC,GAAD;EACiBN;EACGK;EAClB,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAH,GAAAG,EAAA,KAAAG,KAAAA,IAAAH,EAAA;CAAA,IAAAI;AAAA,CAAAJ,EAAA,OAAAE,IAC6CE,IAAAJ,EAAA,MAA9CI,IAAA,CAACF,KAAoB,kBAAC,GAAD,EAAyB,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAA,IAAAC;AAC3C,QAD2CL,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KALjDC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEF,GAICC,EACG;KAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IANNK"}
+{"version":3,"file":"index.js","names":["TradeFlowType","TradeCompletedDetails","TradeCompletedHeader","useTradeFlowContext","TradeCompleteProps","tradeFlowType","TradeComplete","t0","$","_c","isOrderCancelled","t1","t2","t3"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\nimport { TradeCompletedDetails } from \"./TradeCompletedDetails\";\nimport { TradeCompletedHeader } from \"./TradeCompleteHeader\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\n\ntype TradeCompleteProps = {\n  tradeFlowType: TradeFlowType;\n};\n\nexport const TradeComplete = ({ tradeFlowType }: TradeCompleteProps) => {\n  const { isOrderCancelled } = useTradeFlowContext();\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <TradeCompletedHeader\n        tradeFlowType={tradeFlowType}\n        isOrderCancelled={isOrderCancelled}\n      />\n      {!isOrderCancelled && <TradeCompletedDetails />}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAUA,IAAaM,KAAgBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAJ,qBAAAE,GAC5B,EAAAG,wBAA6BP,GAAqB,EAACQ;CAAA,AAAAH,EAAA,OAAAE,KAAAF,EAAA,OAAAH,KAI/CM,IAAA,kBAAC,GAAD;EACiBN;EACGK;EAClB,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAH,GAAAG,EAAA,KAAAG,KAAAA,IAAAH,EAAA;CAAA,IAAAI;CAAA,AAAAJ,EAAA,OAAAE,IAC6CE,IAAAJ,EAAA,MAA9CI,IAAA,CAACF,KAAoB,kBAAC,GAAD,EAAyB,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAA,IAAAC;CAC3C,OAD2CL,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KALjDC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEF,GAICC,EACG;KAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IANNK"}

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

@@ -1 +1 @@
-{"version":3,"file":"useTradeCompleteDetails.js","names":["useTokenTransfersFromReceipt","DetailWithValue","TokenBadge","useTradeFlowContext","getExpectedTransferAmounts","getResultAmounts","Address","useMemo","isTruthy","isOrderTradeFlowType","TimeTillExpiry","getTwapOrderDeadlineFromSlices","badgeClasses","root","useTradeCompletedDetails","$","_c","fromToken","toToken","result","t0","tradeFlowType","isOrderFlow","isMarketSwap","isTwap","t1","resultWeiAmounts","receipt","swap","callsReceipt","undefined","t2","t3","account","t4","receiverAddress","t5","tokensMap","t6","network","tokens","senderAddress","chainId","expectedTokenTransfers","data","tokenTransfers","fromAmountFinal","address","sentAmount","fromAmountWei","toAmountFinal","receivedAmount","toAmountWei","details","isBuy","amounts","key","title","value","img","symbol","fromAmountUnit","toAmountUnit","rateStr","filter","order","createdAt","twapOrder","sentOrder","t7","deadline","t8","numSlices","t9","t10","twapDetails","push"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"sourcesContent":["import { useTokenTransfersFromReceipt } from \"@/tokens/utils/transferAmountsFromReceipt\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { TokenBadge } from \"../../TokenBadge/TokenBadge\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { getExpectedTransferAmounts, getResultAmounts } from \"./utils\";\nimport type { Address } from \"viem\";\nimport { useMemo } from \"react\";\nimport { isTruthy } from \"@/lib/utils\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\nimport { TimeTillExpiry } from \"../../LimitOrderItem/LimitOrderListItem\";\nimport { getTwapOrderDeadlineFromSlices } from \"@/hooks/swap/prices/delta/orders/utils\";\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nexport function useTradeCompletedDetails(): DetailWithValue[] {\n  const { fromToken, toToken, result } = useTradeFlowContext();\n  const isOrderFlow =\n    !!result?.tradeFlowType && isOrderTradeFlowType(result.tradeFlowType);\n\n  const isMarketSwap = result?.tradeFlowType === \"marketSwap\";\n  const isTwap = result?.tradeFlowType === \"twapOrder\";\n\n  const resultWeiAmounts = useMemo(() => {\n    return getExpectedTransferAmounts({\n      result,\n    });\n  }, [result]);\n\n  const receipt = isMarketSwap\n    ? // for batch txs callsReceipt will be available, but not the usual tx receipt\n      result.swap.receipt || result.swap.callsReceipt\n    : undefined;\n\n  const { data: tokenTransfers } = useTokenTransfersFromReceipt({\n    receipt,\n    tokens: [fromToken, toToken],\n    senderAddress: result?.account,\n    receiverAddress: result?.receiverAddress,\n    chainId: fromToken.network,\n    expectedTokenTransfers: resultWeiAmounts?.tokensMap,\n  });\n\n  const fromAmountFinal =\n    tokenTransfers?.[fromToken.address as Address]?.sentAmount ??\n    resultWeiAmounts?.fromAmountWei;\n  const toAmountFinal =\n    tokenTransfers?.[toToken.address as Address]?.receivedAmount ??\n    resultWeiAmounts?.toAmountWei;\n\n  const amounts = getResultAmounts({\n    fromAmountWei: fromAmountFinal,\n    toAmountWei: toAmountFinal,\n    isBuy: resultWeiAmounts?.isBuy,\n    fromToken,\n    toToken,\n  });\n\n  const details: DetailWithValue[] = [\n    {\n      key: \"sold\",\n      title: isOrderFlow ? \"Pay\" : \"You sold\",\n      value: (\n        <TokenBadge\n          address={fromToken.address}\n          chainId={fromToken.network}\n          img={fromToken.img}\n          symbol={fromToken.symbol}\n          showNetworkIcon\n          amount={amounts.fromAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    {\n      key: \"received\",\n      title: isOrderFlow ? \"Receive\" : \"You received\",\n      value: (\n        <TokenBadge\n          address={toToken.address}\n          chainId={toToken.network}\n          img={toToken.img}\n          symbol={toToken.symbol}\n          showNetworkIcon\n          amount={amounts.toAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    !isOrderFlow && {\n      key: \"rate\",\n      title: \"Best Rate\",\n      value: amounts.rateStr,\n    },\n  ].filter(isTruthy);\n\n  if (isTwap) {\n    const { order, createdAt } = result.twapOrder.sentOrder;\n    const deadline = getTwapOrderDeadlineFromSlices(order, createdAt);\n\n    const twapDetails = [\n      {\n        key: \"orderSplits\",\n        title: \"Order Splits\",\n        value: order.numSlices,\n      },\n      {\n        key: \"orderDuration\",\n        title: \"Order Duration\",\n        value: <TimeTillExpiry deadline={deadline} />,\n      },\n    ];\n\n    details.push(...twapDetails);\n  }\n\n  return details;\n}\n"],"mappings":"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"}
+{"version":3,"file":"useTradeCompleteDetails.js","names":["useTokenTransfersFromReceipt","DetailWithValue","TokenBadge","useTradeFlowContext","getExpectedTransferAmounts","getResultAmounts","Address","useMemo","isTruthy","isOrderTradeFlowType","TimeTillExpiry","getTwapOrderDeadlineFromSlices","badgeClasses","root","useTradeCompletedDetails","$","_c","fromToken","toToken","result","t0","tradeFlowType","isOrderFlow","isMarketSwap","isTwap","t1","resultWeiAmounts","receipt","swap","callsReceipt","undefined","t2","t3","account","t4","receiverAddress","t5","tokensMap","t6","network","tokens","senderAddress","chainId","expectedTokenTransfers","data","tokenTransfers","fromAmountFinal","address","sentAmount","fromAmountWei","toAmountFinal","receivedAmount","toAmountWei","details","isBuy","amounts","key","title","value","img","symbol","fromAmountUnit","toAmountUnit","rateStr","filter","order","createdAt","twapOrder","sentOrder","t7","deadline","t8","numSlices","t9","t10","twapDetails","push"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"sourcesContent":["import { useTokenTransfersFromReceipt } from \"@/tokens/utils/transferAmountsFromReceipt\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { TokenBadge } from \"../../TokenBadge/TokenBadge\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { getExpectedTransferAmounts, getResultAmounts } from \"./utils\";\nimport type { Address } from \"viem\";\nimport { useMemo } from \"react\";\nimport { isTruthy } from \"@/lib/utils\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\nimport { TimeTillExpiry } from \"../../LimitOrderItem/LimitOrderListItem\";\nimport { getTwapOrderDeadlineFromSlices } from \"@/hooks/swap/prices/delta/orders/utils\";\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nexport function useTradeCompletedDetails(): DetailWithValue[] {\n  const { fromToken, toToken, result } = useTradeFlowContext();\n  const isOrderFlow =\n    !!result?.tradeFlowType && isOrderTradeFlowType(result.tradeFlowType);\n\n  const isMarketSwap = result?.tradeFlowType === \"marketSwap\";\n  const isTwap = result?.tradeFlowType === \"twapOrder\";\n\n  const resultWeiAmounts = useMemo(() => {\n    return getExpectedTransferAmounts({\n      result,\n    });\n  }, [result]);\n\n  const receipt = isMarketSwap\n    ? // for batch txs callsReceipt will be available, but not the usual tx receipt\n      result.swap.receipt || result.swap.callsReceipt\n    : undefined;\n\n  const { data: tokenTransfers } = useTokenTransfersFromReceipt({\n    receipt,\n    tokens: [fromToken, toToken],\n    senderAddress: result?.account,\n    receiverAddress: result?.receiverAddress,\n    chainId: fromToken.network,\n    expectedTokenTransfers: resultWeiAmounts?.tokensMap,\n  });\n\n  const fromAmountFinal =\n    tokenTransfers?.[fromToken.address as Address]?.sentAmount ??\n    resultWeiAmounts?.fromAmountWei;\n  const toAmountFinal =\n    tokenTransfers?.[toToken.address as Address]?.receivedAmount ??\n    resultWeiAmounts?.toAmountWei;\n\n  const amounts = getResultAmounts({\n    fromAmountWei: fromAmountFinal,\n    toAmountWei: toAmountFinal,\n    isBuy: resultWeiAmounts?.isBuy,\n    fromToken,\n    toToken,\n  });\n\n  const details: DetailWithValue[] = [\n    {\n      key: \"sold\",\n      title: isOrderFlow ? \"Pay\" : \"You sold\",\n      value: (\n        <TokenBadge\n          address={fromToken.address}\n          chainId={fromToken.network}\n          img={fromToken.img}\n          symbol={fromToken.symbol}\n          showNetworkIcon\n          amount={amounts.fromAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    {\n      key: \"received\",\n      title: isOrderFlow ? \"Receive\" : \"You received\",\n      value: (\n        <TokenBadge\n          address={toToken.address}\n          chainId={toToken.network}\n          img={toToken.img}\n          symbol={toToken.symbol}\n          showNetworkIcon\n          amount={amounts.toAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    !isOrderFlow && {\n      key: \"rate\",\n      title: \"Best Rate\",\n      value: amounts.rateStr,\n    },\n  ].filter(isTruthy);\n\n  if (isTwap) {\n    const { order, createdAt } = result.twapOrder.sentOrder;\n    const deadline = getTwapOrderDeadlineFromSlices(order, createdAt);\n\n    const twapDetails = [\n      {\n        key: \"orderSplits\",\n        title: \"Order Splits\",\n        value: order.numSlices,\n      },\n      {\n        key: \"orderDuration\",\n        title: \"Order Duration\",\n        value: <TimeTillExpiry deadline={deadline} />,\n      },\n    ];\n\n    details.push(...twapDetails);\n  }\n\n  return details;\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["formatTokenBalanceClean","TradeFlowResult","calcRate","MinTradeFlowToken","Big","Address","TokenTransfers","getUnifiedDeltaOrderData","ResultAmounts","fromAmountWei","toAmountWei","fromAmountUnit","toAmountUnit","rateStr","rate","rateFormatted","RawAmountsAndSide","tokensMap","Record","isBuy","ResultAmountsInput","fromToken","toToken","getExpectedTransferAmounts","result","tradeFlowType","order","deltaOrder","lastOrderState","sentOrder","srcToken","destToken","srcAmount","destAmount","swapSide","token","sentAmount","BigInt","receivedAmount","limitOrder","makerAsset","takerAsset","otcOrder","makerAmount","takerAmount","fill","twapOrder","marketPrice","side","getResultAmounts","undefined","decimals","rates","symbol","address","toString","SurplusAmounts","expectedAmount","diffWei","diffUnit","surplusStr","SurplusAmountsInput","getSurplusAmounts","txs","transactions","length","actualReceived","reduce","acc","tx","Number"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/utils.ts"],"sourcesContent":["import { formatTokenBalanceClean } from \"@/lib/utils/formatTokenBalance\";\nimport type { TradeFlowResult } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { MinTradeFlowToken } from \"../TradeDetails\";\nimport type Big from \"big.js\";\nimport type { Address } from \"viem\";\nimport type { TokenTransfers } from \"@/tokens/utils/transferAmountsFromReceipt\";\nimport { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype ResultAmounts = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  fromAmountUnit: string;\n  toAmountUnit: string;\n  rateStr: string | null;\n  rate?: Big;\n  rateFormatted?: string;\n};\n\ntype RawAmountsAndSide = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  tokensMap: Record<Address, TokenTransfers>;\n  isBuy: boolean;\n};\n\ntype ResultAmountsInput = {\n  fromAmountWei?: string | bigint;\n  toAmountWei?: string | bigint;\n  isBuy?: boolean;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getExpectedTransferAmounts({\n  result,\n}: {\n  result?: TradeFlowResult;\n}): RawAmountsAndSide | undefined {\n  if (!result) {\n    return;\n  }\n\n  if (result.tradeFlowType === \"deltaOrder\") {\n    const order =\n      result.deltaOrder.lastOrderState || result.deltaOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n      swapSide,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy,\n    };\n  }\n\n  if (result.tradeFlowType === \"limitOrder\") {\n    const order = result.limitOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"otcOrder\") {\n    const { makerAsset, takerAsset } = result.otcOrder.sentOrder;\n\n    const fromAmountWei = result.otcOrder.sentOrder.makerAmount;\n    const toAmountWei = result.otcOrder.sentOrder.takerAmount;\n\n    const tokensMap = {\n      [makerAsset]: {\n        // token was sent\n        token: makerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [takerAsset]: {\n        // token was received\n        token: takerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"fillOtcOrder\") {\n    const { makerAsset, takerAsset } = result.fill.order;\n\n    const fromAmountWei = result.fill.order.takerAmount;\n    const toAmountWei = result.fill.order.makerAmount;\n\n    const tokensMap = {\n      [takerAsset]: {\n        // token was sent\n        token: takerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [makerAsset]: {\n        // token was received\n        token: makerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"twapOrder\") {\n    const order = result.twapOrder.lastOrderState || result.twapOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n      swapSide,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy,\n    };\n  }\n\n  // result.tradeFlowType === \"marketSwap\" is the one left\n  const { srcToken, destToken } = result.marketPrice;\n  const fromAmountWei = result.marketPrice.srcAmount;\n  const toAmountWei = result.marketPrice.destAmount;\n\n  const tokensMap = {\n    [srcToken]: {\n      token: srcToken as Address,\n      sentAmount: BigInt(fromAmountWei),\n      receivedAmount: 0n,\n    },\n    [destToken]: {\n      token: destToken as Address,\n      sentAmount: 0n,\n      receivedAmount: BigInt(toAmountWei),\n    },\n  };\n\n  return {\n    fromAmountWei,\n    toAmountWei,\n    tokensMap,\n    isBuy: result.marketPrice.side === \"BUY\",\n  };\n}\n\nexport function getResultAmounts({\n  fromAmountWei,\n  toAmountWei,\n  isBuy,\n  fromToken,\n  toToken,\n}: ResultAmountsInput): ResultAmounts {\n  if (!fromAmountWei || !toAmountWei || isBuy === undefined) {\n    return {\n      fromAmountWei: \"0\",\n      toAmountWei: \"0\",\n      fromAmountUnit: \"0\",\n      toAmountUnit: \"0\",\n      rateStr: null,\n    };\n  }\n\n  const fromAmountUnit = formatTokenBalanceClean(\n    fromAmountWei,\n    fromToken.decimals\n  );\n  const toAmountUnit = formatTokenBalanceClean(toAmountWei, toToken.decimals);\n\n  const { srcToken, destToken, srcAmount, destAmount } = isBuy\n    ? {\n        srcToken: fromToken,\n        destToken: toToken,\n        srcAmount: fromAmountUnit,\n        destAmount: toAmountUnit,\n      }\n    : {\n        srcToken: toToken,\n        destToken: fromToken,\n        srcAmount: toAmountUnit,\n        destAmount: fromAmountUnit,\n      };\n\n  const rates = calcRate(srcAmount, destAmount);\n  const rateStr = rates\n    ? `1 ${srcToken.symbol ?? srcToken.address} = ${rates.rateFormatted} ${destToken.symbol ?? destToken.address}`\n    : null;\n\n  return {\n    fromAmountWei: fromAmountWei.toString(),\n    toAmountWei: toAmountWei.toString(),\n    fromAmountUnit,\n    toAmountUnit,\n    ...rates,\n    rateStr,\n  };\n}\n\ntype SurplusAmounts = {\n  expectedAmount: bigint;\n  receivedAmount: bigint;\n  diffWei: bigint;\n  diffUnit: string;\n  surplusStr: string | null;\n};\n\ntype SurplusAmountsInput = {\n  result?: TradeFlowResult;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getSurplusAmounts({\n  result,\n  toToken,\n}: SurplusAmountsInput): SurplusAmounts | null {\n  if (!result) {\n    return null;\n  }\n\n  if (result.tradeFlowType !== \"deltaOrder\") {\n    // @TODO add surplus calc from SwapTx Receipt\n    return null;\n  }\n\n  const txs = result.deltaOrder.lastOrderState?.transactions;\n  if (!txs || txs.length === 0) {\n    return null;\n  }\n\n  // @TODO check that expectedDestAmount is the amount shown at Order creation, not destAmount (=minAmount)\n  const expectedAmount = BigInt(\n    result.deltaOrder.lastOrderState?.order.expectedAmount ||\n      result.deltaOrder.sentOrder.order.expectedAmount\n  );\n\n  const actualReceived = txs.reduce((acc, tx) => {\n    return acc + BigInt(tx.receivedAmount);\n  }, 0n);\n\n  const diffWei = actualReceived - expectedAmount;\n\n  const diffUnit = formatTokenBalanceClean(diffWei, toToken.decimals, 2);\n  //                            don't show 0.00%\n  const surplusStr = Number(diffUnit) > 0 ? diffUnit : null;\n\n  return {\n    expectedAmount,\n    receivedAmount: actualReceived,\n    diffWei,\n    diffUnit,\n    surplusStr,\n  };\n}\n"],"mappings":";;;;AAkCA,SAAgBuB,EAA2B,EACzCC,aAGgC;AAChC,KAAI,CAACA,EACH;AAGF,KAAIA,EAAOC,kBAAkB,cAAc;EAGzC,IAAM,EACJK,aACAC,cACAC,WAAWvB,GACXwB,YAAYvB,GACZwB,gBACE3B,EAPFiB,EAAOG,WAAWC,kBAAkBJ,EAAOG,WAAWE,UAOrB;AAmBnC,SAAO;GACLpB;GACAC;GACAO,WApBgB;KACfa,IAAW;KAEVK,OAAOL;KACPM,YAAYC,OAAO5B,EAAc;KACjC6B,gBAAgB;KACjB;KACAP,IAAY;KAEXI,OAAOJ;KACPK,YAAY;KACZE,gBAAgBD,OAAO3B,EAAW;KACpC;IACD;GAQCS,OANYe,MAAa;GAO1B;;AAGH,KAAIV,EAAOC,kBAAkB,cAAc;EACzC,IAAMC,IAAQF,EAAOe,WAAWV,WAC1B,EACJC,aACAC,cACAC,WAAWvB,GACXwB,YAAYvB,MACVH,EAAyBmB,EAAM;AAiBnC,SAAO;GACLjB;GACAC;GACAO,WAlBgB;KACfa,IAAW;KAEVK,OAAOL;KACPM,YAAYC,OAAO5B,EAAc;KACjC6B,gBAAgB;KACjB;KACAP,IAAY;KAEXI,OAAOJ;KACPK,YAAY;KACZE,gBAAgBD,OAAO3B,EAAW;KACpC;IACD;GAMCS,OAAO;GACR;;AAGH,KAAIK,EAAOC,kBAAkB,YAAY;EACvC,IAAM,EAAEe,eAAYC,kBAAejB,EAAOkB,SAASb,WAE7CpB,IAAgBe,EAAOkB,SAASb,UAAUc,aAC1CjC,IAAcc,EAAOkB,SAASb,UAAUe;AAiB9C,SAAO;GACLnC;GACAC;GACAO,WAlBgB;KACfuB,IAAa;KAEZL,OAAOK;KACPJ,YAAYC,OAAO5B,EAAc;KACjC6B,gBAAgB;KACjB;KACAG,IAAa;KAEZN,OAAOM;KACPL,YAAY;KACZE,gBAAgBD,OAAO3B,EAAW;KACpC;IACD;GAMCS,OAAO;GACR;;AAGH,KAAIK,EAAOC,kBAAkB,gBAAgB;EAC3C,IAAM,EAAEe,eAAYC,kBAAejB,EAAOqB,KAAKnB,OAEzCjB,IAAgBe,EAAOqB,KAAKnB,MAAMkB,aAClClC,IAAcc,EAAOqB,KAAKnB,MAAMiB;AAiBtC,SAAO;GACLlC;GACAC;GACAO,WAlBgB;KACfwB,IAAa;KAEZN,OAAOM;KACPL,YAAYC,OAAO5B,EAAc;KACjC6B,gBAAgB;KACjB;KACAE,IAAa;KAEZL,OAAOK;KACPJ,YAAY;KACZE,gBAAgBD,OAAO3B,EAAW;KACpC;IACD;GAMCS,OAAO;GACR;;AAGH,KAAIK,EAAOC,kBAAkB,aAAa;EAExC,IAAM,EACJK,aACAC,cACAC,WAAWvB,GACXwB,YAAYvB,GACZwB,gBACE3B,EAPUiB,EAAOsB,UAAUlB,kBAAkBJ,EAAOsB,UAAUjB,UAO/B;AAmBnC,SAAO;GACLpB;GACAC;GACAO,WApBgB;KACfa,IAAW;KAEVK,OAAOL;KACPM,YAAYC,OAAO5B,EAAc;KACjC6B,gBAAgB;KACjB;KACAP,IAAY;KAEXI,OAAOJ;KACPK,YAAY;KACZE,gBAAgBD,OAAO3B,EAAW;KACpC;IACD;GAQCS,OANYe,MAAa;GAO1B;;CAIH,IAAM,EAAEJ,aAAUC,iBAAcP,EAAOuB,aACjCtC,IAAgBe,EAAOuB,YAAYf,WACnCtB,IAAcc,EAAOuB,YAAYd;AAevC,QAAO;EACLxB;EACAC;EACAO,WAhBgB;IACfa,IAAW;IACVK,OAAOL;IACPM,YAAYC,OAAO5B,EAAc;IACjC6B,gBAAgB;IACjB;IACAP,IAAY;IACXI,OAAOJ;IACPK,YAAY;IACZE,gBAAgBD,OAAO3B,EAAW;IACpC;GACD;EAMCS,OAAOK,EAAOuB,YAAYC,SAAS;EACpC;;AAGH,SAAgBC,EAAiB,EAC/BxC,kBACAC,gBACAS,UACAE,cACAC,cACoC;AACpC,KAAI,CAACb,KAAiB,CAACC,KAAeS,MAAU+B,KAAAA,EAC9C,QAAO;EACLzC,eAAe;EACfC,aAAa;EACbC,gBAAgB;EAChBC,cAAc;EACdC,SAAS;EACV;CAGH,IAAMF,IAAiBX,EACrBS,GACAY,EAAU8B,SACX,EACKvC,IAAeZ,EAAwBU,GAAaY,EAAQ6B,SAAS,EAErE,EAAErB,aAAUC,cAAWC,cAAWC,kBAAed,IACnD;EACEW,UAAUT;EACVU,WAAWT;EACXU,WAAWrB;EACXsB,YAAYrB;EACb,GACD;EACEkB,UAAUR;EACVS,WAAWV;EACXW,WAAWpB;EACXqB,YAAYtB;EACb,EAECyC,IAAQlD,EAAS8B,GAAWC,EAAW,EACvCpB,IAAUuC,IACZ,KAAKtB,EAASuB,UAAUvB,EAASwB,QAAO,KAAMF,EAAMrC,cAAa,GAAIgB,EAAUsB,UAAUtB,EAAUuB,YACnG;AAEJ,QAAO;EACL7C,eAAeA,EAAc8C,UAAU;EACvC7C,aAAaA,EAAY6C,UAAU;EACnC5C;EACAC;EACA,GAAGwC;EACHvC;EACD;;AAgBH,SAAgBiD,EAAkB,EAChCtC,WACAF,cAC6C;AAK7C,KAJI,CAACE,KAIDA,EAAOC,kBAAkB,aAE3B,QAAO;CAGT,IAAMsC,IAAMvC,EAAOG,WAAWC,gBAAgBoC;AAC9C,KAAI,CAACD,KAAOA,EAAIE,WAAW,EACzB,QAAO;CAIT,IAAMR,IAAiBpB,OACrBb,EAAOG,WAAWC,gBAAgBF,MAAM+B,kBACtCjC,EAAOG,WAAWE,UAAUH,MAAM+B,eACrC,EAEKS,IAAiBH,EAAII,QAAQC,GAAKC,MAC/BD,IAAM/B,OAAOgC,EAAG/B,eAAe,EACrC,GAAG,EAEAoB,IAAUQ,IAAiBT,GAE3BE,IAAW3D,EAAwB0D,GAASpC,EAAQ6B,UAAU,EAAE;AAItE,QAAO;EACLM;EACAnB,gBAAgB4B;EAChBR;EACAC;EACAC,YAPiBU,OAAOX,EAAS,GAAG,IAAIA,IAAW;EAQpD"}
+{"version":3,"file":"utils.js","names":["formatTokenBalanceClean","TradeFlowResult","calcRate","MinTradeFlowToken","Big","Address","TokenTransfers","getUnifiedDeltaOrderData","ResultAmounts","fromAmountWei","toAmountWei","fromAmountUnit","toAmountUnit","rateStr","rate","rateFormatted","RawAmountsAndSide","tokensMap","Record","isBuy","ResultAmountsInput","fromToken","toToken","getExpectedTransferAmounts","result","tradeFlowType","order","deltaOrder","lastOrderState","sentOrder","srcToken","destToken","srcAmount","destAmount","swapSide","token","sentAmount","BigInt","receivedAmount","limitOrder","makerAsset","takerAsset","otcOrder","makerAmount","takerAmount","fill","twapOrder","marketPrice","side","getResultAmounts","undefined","decimals","rates","symbol","address","toString","SurplusAmounts","expectedAmount","diffWei","diffUnit","surplusStr","SurplusAmountsInput","getSurplusAmounts","txs","transactions","length","actualReceived","reduce","acc","tx","Number"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/utils.ts"],"sourcesContent":["import { formatTokenBalanceClean } from \"@/lib/utils/formatTokenBalance\";\nimport type { TradeFlowResult } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { MinTradeFlowToken } from \"../TradeDetails\";\nimport type Big from \"big.js\";\nimport type { Address } from \"viem\";\nimport type { TokenTransfers } from \"@/tokens/utils/transferAmountsFromReceipt\";\nimport { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype ResultAmounts = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  fromAmountUnit: string;\n  toAmountUnit: string;\n  rateStr: string | null;\n  rate?: Big;\n  rateFormatted?: string;\n};\n\ntype RawAmountsAndSide = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  tokensMap: Record<Address, TokenTransfers>;\n  isBuy: boolean;\n};\n\ntype ResultAmountsInput = {\n  fromAmountWei?: string | bigint;\n  toAmountWei?: string | bigint;\n  isBuy?: boolean;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getExpectedTransferAmounts({\n  result,\n}: {\n  result?: TradeFlowResult;\n}): RawAmountsAndSide | undefined {\n  if (!result) {\n    return;\n  }\n\n  if (result.tradeFlowType === \"deltaOrder\") {\n    const order =\n      result.deltaOrder.lastOrderState || result.deltaOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n      swapSide,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy,\n    };\n  }\n\n  if (result.tradeFlowType === \"limitOrder\") {\n    const order = result.limitOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"otcOrder\") {\n    const { makerAsset, takerAsset } = result.otcOrder.sentOrder;\n\n    const fromAmountWei = result.otcOrder.sentOrder.makerAmount;\n    const toAmountWei = result.otcOrder.sentOrder.takerAmount;\n\n    const tokensMap = {\n      [makerAsset]: {\n        // token was sent\n        token: makerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [takerAsset]: {\n        // token was received\n        token: takerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"fillOtcOrder\") {\n    const { makerAsset, takerAsset } = result.fill.order;\n\n    const fromAmountWei = result.fill.order.takerAmount;\n    const toAmountWei = result.fill.order.makerAmount;\n\n    const tokensMap = {\n      [takerAsset]: {\n        // token was sent\n        token: takerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [makerAsset]: {\n        // token was received\n        token: makerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"twapOrder\") {\n    const order = result.twapOrder.lastOrderState || result.twapOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n      swapSide,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy,\n    };\n  }\n\n  // result.tradeFlowType === \"marketSwap\" is the one left\n  const { srcToken, destToken } = result.marketPrice;\n  const fromAmountWei = result.marketPrice.srcAmount;\n  const toAmountWei = result.marketPrice.destAmount;\n\n  const tokensMap = {\n    [srcToken]: {\n      token: srcToken as Address,\n      sentAmount: BigInt(fromAmountWei),\n      receivedAmount: 0n,\n    },\n    [destToken]: {\n      token: destToken as Address,\n      sentAmount: 0n,\n      receivedAmount: BigInt(toAmountWei),\n    },\n  };\n\n  return {\n    fromAmountWei,\n    toAmountWei,\n    tokensMap,\n    isBuy: result.marketPrice.side === \"BUY\",\n  };\n}\n\nexport function getResultAmounts({\n  fromAmountWei,\n  toAmountWei,\n  isBuy,\n  fromToken,\n  toToken,\n}: ResultAmountsInput): ResultAmounts {\n  if (!fromAmountWei || !toAmountWei || isBuy === undefined) {\n    return {\n      fromAmountWei: \"0\",\n      toAmountWei: \"0\",\n      fromAmountUnit: \"0\",\n      toAmountUnit: \"0\",\n      rateStr: null,\n    };\n  }\n\n  const fromAmountUnit = formatTokenBalanceClean(\n    fromAmountWei,\n    fromToken.decimals\n  );\n  const toAmountUnit = formatTokenBalanceClean(toAmountWei, toToken.decimals);\n\n  const { srcToken, destToken, srcAmount, destAmount } = isBuy\n    ? {\n        srcToken: fromToken,\n        destToken: toToken,\n        srcAmount: fromAmountUnit,\n        destAmount: toAmountUnit,\n      }\n    : {\n        srcToken: toToken,\n        destToken: fromToken,\n        srcAmount: toAmountUnit,\n        destAmount: fromAmountUnit,\n      };\n\n  const rates = calcRate(srcAmount, destAmount);\n  const rateStr = rates\n    ? `1 ${srcToken.symbol ?? srcToken.address} = ${rates.rateFormatted} ${destToken.symbol ?? destToken.address}`\n    : null;\n\n  return {\n    fromAmountWei: fromAmountWei.toString(),\n    toAmountWei: toAmountWei.toString(),\n    fromAmountUnit,\n    toAmountUnit,\n    ...rates,\n    rateStr,\n  };\n}\n\ntype SurplusAmounts = {\n  expectedAmount: bigint;\n  receivedAmount: bigint;\n  diffWei: bigint;\n  diffUnit: string;\n  surplusStr: string | null;\n};\n\ntype SurplusAmountsInput = {\n  result?: TradeFlowResult;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getSurplusAmounts({\n  result,\n  toToken,\n}: SurplusAmountsInput): SurplusAmounts | null {\n  if (!result) {\n    return null;\n  }\n\n  if (result.tradeFlowType !== \"deltaOrder\") {\n    // @TODO add surplus calc from SwapTx Receipt\n    return null;\n  }\n\n  const txs = result.deltaOrder.lastOrderState?.transactions;\n  if (!txs || txs.length === 0) {\n    return null;\n  }\n\n  // @TODO check that expectedDestAmount is the amount shown at Order creation, not destAmount (=minAmount)\n  const expectedAmount = BigInt(\n    result.deltaOrder.lastOrderState?.order.expectedAmount ||\n      result.deltaOrder.sentOrder.order.expectedAmount\n  );\n\n  const actualReceived = txs.reduce((acc, tx) => {\n    return acc + BigInt(tx.receivedAmount);\n  }, 0n);\n\n  const diffWei = actualReceived - expectedAmount;\n\n  const diffUnit = formatTokenBalanceClean(diffWei, toToken.decimals, 2);\n  //                            don't show 0.00%\n  const surplusStr = Number(diffUnit) > 0 ? diffUnit : null;\n\n  return {\n    expectedAmount,\n    receivedAmount: actualReceived,\n    diffWei,\n    diffUnit,\n    surplusStr,\n  };\n}\n"],"mappings":"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"}