@velora-dex/widget 0.9.0 → 0.10.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","DeltaPrice","handleTxSent","addDeltaOrderToast","useCurrentSwapPrice","useSwapAmountsWithSlippage","useRunOnMount","getSwapSideFromDeltaPrice","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","amounts","minimal","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 { 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 { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nimport { getSwapSideFromDeltaPrice, 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;\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.amounts.minimal.srcAmount,\n      destAmount: orderData.amounts.minimal.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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"}
+{"version":3,"file":"DeltaOrderTradeOverview.js","names":["SubmitDeltaOrderResult","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","DeltaOrderSteps","DeltaOrderStepKey","DeltaSwapFlowType","useDeltaSwapStep","DeltaPrice","handleTxSent","addDeltaOrderToast","useCurrentSwapPrice","useSwapAmountsWithSlippage","useRunOnMount","getSwapSideFromDeltaPrice","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","amounts","minimal","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 { 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 { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nimport {\n  getSwapSideFromDeltaPrice,\n  getUnifiedDeltaOrderData,\n} 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;\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.amounts.minimal.srcAmount,\n        destAmount: orderData.amounts.minimal.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/TradeComplete/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,GAAG,MAAM,QAAQ,CAAC;AAC9B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAGhF,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAC3C,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,GACP,EAAE;IACD,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,GAAG,iBAAiB,GAAG,SAAS,CA8LhC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,WAAW,EACX,KAAK,EACL,SAAS,EACT,OAAO,GACR,EAAE,kBAAkB,GAAG,aAAa,CA4CpC;AAED,KAAK,cAAc,GAAG;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,GAAG,cAAc,GAAG,IAAI,CAoC7C"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,GAAG,MAAM,QAAQ,CAAC;AAC9B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAMhF,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAC3C,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,GACP,EAAE;IACD,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,GAAG,iBAAiB,GAAG,SAAS,CA8LhC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,WAAW,EACX,KAAK,EACL,SAAS,EACT,OAAO,GACR,EAAE,kBAAkB,GAAG,aAAa,CA4CpC;AAED,KAAK,cAAc,GAAG;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,GAAG,cAAc,GAAG,IAAI,CAoC7C"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["formatTokenBalanceClean","TradeFlowResult","calcRate","MinTradeFlowToken","Big","Address","TokenTransfers","getTransactionAmounts","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","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 { getTransactionAmounts, 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 = BigInt(getTransactionAmounts(txs).destAmount);\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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"}
+{"version":3,"file":"utils.js","names":["formatTokenBalanceClean","TradeFlowResult","calcRate","MinTradeFlowToken","Big","Address","TokenTransfers","getTransactionAmounts","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","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 {\n  getTransactionAmounts,\n  getUnifiedDeltaOrderData,\n} 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 = BigInt(getTransactionAmounts(txs).destAmount);\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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"}

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

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

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

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

package/dist/components/widget/WrapEth/hooks/useWrapEthProps.js

@@ -11,10 +11,10 @@ import { useWrappedNativeToken as d } from "../../../../hooks/tokens/useNativeTo
 import { useCanBatchTxs as f } from "../../../../hooks/batch/useCanBatchTxs.js";
 import { useRequiredAllowanceForOrders as p } from "../../../../hooks/swap/tradeFlow/common/useRequiredAllowanceForOrders.js";
 import { c as m } from "react-compiler-runtime";
-import { useAccount as h, useChainId as g } from "wagmi";
+import { useChainId as h, useConnection as g } from "wagmi";
 //#region src/components/widget/WrapEth/hooks/useWrapEthProps.ts
 function _() {
-	let _ = m(32), v = g(), { address: y } = h(), { tokenFrom: b, tokenTo: x } = u("otc"), S;
+	let _ = m(32), v = h(), { address: y } = g(), { tokenFrom: b, tokenTo: x } = u("otc"), S;
 	_[0] === b ? S = _[1] : (S = n(b), _[0] = b, _[1] = S);
 	let C = S, w;
 	_[2] === C ? w = _[3] : (w = { queryOptions: {

package/dist/components/widget/WrapEth/hooks/useWrapEthProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWrapEthProps.js","names":["isETH","useWidgetTokens","useAtomValue","useSetAtom","WrapEthProps","useAccount","useChainId","useNativeBalance","MEDIUM_STALE_TIME_FOR_REACTIVENESS","otcPayInputAmountAtom","otcPayInputAmountWeiAtom","selectOtcTokenFromAtom","CHAINS_WITH_OTC","useWrappedNativeToken","useCanBatchTxs","useRequiredAllowanceForOrders","useGenericTokenAllowanceMin","useOtcWrapEthProps","$","_c","chainId","address","account","tokenFrom","tokenTo","t0","tokenFromIsETH","t1","queryOptions","enabled","refetchInterval","data","balance","isLoading","payInputAmount","payInputAmountWei","forCurrentChain","canBatchTxs","canPossiblyBatchWrapAndApprove","wrappedNativeToken","network","t2","tokenAddress","increaseByAmount","spenderContractType","includeCurrentOrdersAllowance","combinedAllowance","srcCombinedAllowance","t3","amountToApproveInWei","allowance","canBatchWrapAndApprove","needsApproval","t4","Number","includes","shouldWrap","canWrap","value","BigInt","t5","ethAmountWei","ethAmountUnit","undefined","amounts","setTokenFrom","t6","onSuccess","t7","tradeMode"],"sources":["../../../../../src/components/widget/WrapEth/hooks/useWrapEthProps.ts"],"sourcesContent":["import { isETH } from \"@/tokens/utils/eth\";\nimport { useWidgetTokens } from \"@/core/inputs/state/common\";\nimport { useAtomValue, useSetAtom } from \"@/core/store\";\nimport type { WrapEthProps } from \"./types\";\nimport { useAccount, useChainId } from \"wagmi\";\nimport { useNativeBalance } from \"@/hooks/tokens/balances/useTokenBalance\";\nimport { MEDIUM_STALE_TIME_FOR_REACTIVENESS } from \"@/lib/constants/time\";\n\nimport {\n  otcPayInputAmountAtom,\n  otcPayInputAmountWeiAtom,\n} from \"@/core/otc/state/otcInputAmountAtom\";\nimport { selectOtcTokenFromAtom } from \"@/core/otc/state/selectedTokenActionsAtom\";\nimport { CHAINS_WITH_OTC } from \"@/lib/constants/otc\";\nimport { useWrappedNativeToken } from \"@/hooks/tokens/useNativeToken\";\nimport { useCanBatchTxs } from \"@/hooks/batch/useCanBatchTxs\";\nimport { useRequiredAllowanceForOrders } from \"@/hooks/swap/tradeFlow/common/useRequiredAllowanceForOrders\";\nimport { useGenericTokenAllowanceMin } from \"@/hooks/tokens/allowance/useGenericTokenAllowance\";\n\nexport function useOtcWrapEthProps(): WrapEthProps {\n  const chainId = useChainId();\n  const { address: account } = useAccount();\n  const { tokenFrom, tokenTo } = useWidgetTokens(\"otc\");\n\n  const tokenFromIsETH = isETH(tokenFrom);\n\n  const { data: balance, isLoading } = useNativeBalance({\n    queryOptions: {\n      enabled: tokenFromIsETH,\n      refetchInterval: MEDIUM_STALE_TIME_FOR_REACTIVENESS,\n    },\n  });\n  const payInputAmount = useAtomValue(otcPayInputAmountAtom);\n  const payInputAmountWei = useAtomValue(otcPayInputAmountWeiAtom);\n\n  /**\n   * In case the wallet connected is capable of batching txs,\n   * and srcToken=ETH (so we will need to wrap it first),\n   * and current allowance for AugustusRFQ for WETH is not enough to cover all OTC Orders plus current srcTokenAmount,\n   * we can try to batch wrap ETH + approve WETH.\n   * After batched tx is mined, we will proceed with signing the OTC order as usual.\n   */\n\n  const { forCurrentChain: canBatchTxs } = useCanBatchTxs();\n\n  // srcToken=ETH, valid tokenTo is selected and wallet can batch txs\n  const canPossiblyBatchWrapAndApprove =\n    canBatchTxs && tokenFromIsETH && !!tokenTo;\n  // makes sense to check allowance for AugustusRFQ for WETH\n\n  const wrappedNativeToken = useWrappedNativeToken(tokenFrom.network);\n\n  const spenderContractType = \"AugustusRFQ\"; // for OTC orders need to approve AugustusRFQ\n\n  const { combinedAllowance: srcCombinedAllowance } =\n    useRequiredAllowanceForOrders({\n      // allowance for WETH\n      tokenAddress: wrappedNativeToken.address,\n      increaseByAmount: payInputAmountWei,\n      spenderContractType,\n      includeCurrentOrdersAllowance: canPossiblyBatchWrapAndApprove,\n    });\n\n  const allowance = useGenericTokenAllowanceMin({\n    tokenAddress: wrappedNativeToken.address,\n    amountToApproveInWei: srcCombinedAllowance,\n    spenderContractType,\n    chainId,\n  });\n\n  const canBatchWrapAndApprove =\n    canPossiblyBatchWrapAndApprove && allowance.needsApproval;\n\n  const shouldWrap =\n    // pay amount entered\n    Number(payInputAmountWei) > 0 &&\n    // account connected\n    !!account &&\n    // otc available on selected chain\n    CHAINS_WITH_OTC.includes(chainId) &&\n    // tokenFrom is ETH\n    tokenFromIsETH &&\n    // tokenTo is selected\n    !!tokenTo &&\n    // if we can batch wrap and approve, we don't need to wrap ETH as a separate step\n    !canBatchWrapAndApprove;\n  // @TODO maybe also add check for takerAsset !== ETH\n\n  const canWrap =\n    shouldWrap && !!balance?.value && balance.value > BigInt(payInputAmountWei);\n\n  const amounts = tokenFromIsETH\n    ? { ethAmountWei: payInputAmountWei, ethAmountUnit: payInputAmount }\n    : undefined;\n\n  const setTokenFrom = useSetAtom(selectOtcTokenFromAtom);\n\n  const onSuccess = () => {\n    setTokenFrom(wrappedNativeToken);\n  };\n\n  return {\n    shouldWrap,\n    canWrap,\n    isLoading,\n    ...amounts,\n    onSuccess,\n    tradeMode: \"otc\",\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useWrapEthProps.js","names":["isETH","useWidgetTokens","useAtomValue","useSetAtom","WrapEthProps","useConnection","useChainId","useNativeBalance","MEDIUM_STALE_TIME_FOR_REACTIVENESS","otcPayInputAmountAtom","otcPayInputAmountWeiAtom","selectOtcTokenFromAtom","CHAINS_WITH_OTC","useWrappedNativeToken","useCanBatchTxs","useRequiredAllowanceForOrders","useGenericTokenAllowanceMin","useOtcWrapEthProps","$","_c","chainId","address","account","tokenFrom","tokenTo","t0","tokenFromIsETH","t1","queryOptions","enabled","refetchInterval","data","balance","isLoading","payInputAmount","payInputAmountWei","forCurrentChain","canBatchTxs","canPossiblyBatchWrapAndApprove","wrappedNativeToken","network","t2","tokenAddress","increaseByAmount","spenderContractType","includeCurrentOrdersAllowance","combinedAllowance","srcCombinedAllowance","t3","amountToApproveInWei","allowance","canBatchWrapAndApprove","needsApproval","t4","Number","includes","shouldWrap","canWrap","value","BigInt","t5","ethAmountWei","ethAmountUnit","undefined","amounts","setTokenFrom","t6","onSuccess","t7","tradeMode"],"sources":["../../../../../src/components/widget/WrapEth/hooks/useWrapEthProps.ts"],"sourcesContent":["import { isETH } from \"@/tokens/utils/eth\";\nimport { useWidgetTokens } from \"@/core/inputs/state/common\";\nimport { useAtomValue, useSetAtom } from \"@/core/store\";\nimport type { WrapEthProps } from \"./types\";\nimport { useConnection, useChainId } from \"wagmi\";\nimport { useNativeBalance } from \"@/hooks/tokens/balances/useTokenBalance\";\nimport { MEDIUM_STALE_TIME_FOR_REACTIVENESS } from \"@/lib/constants/time\";\n\nimport {\n  otcPayInputAmountAtom,\n  otcPayInputAmountWeiAtom,\n} from \"@/core/otc/state/otcInputAmountAtom\";\nimport { selectOtcTokenFromAtom } from \"@/core/otc/state/selectedTokenActionsAtom\";\nimport { CHAINS_WITH_OTC } from \"@/lib/constants/otc\";\nimport { useWrappedNativeToken } from \"@/hooks/tokens/useNativeToken\";\nimport { useCanBatchTxs } from \"@/hooks/batch/useCanBatchTxs\";\nimport { useRequiredAllowanceForOrders } from \"@/hooks/swap/tradeFlow/common/useRequiredAllowanceForOrders\";\nimport { useGenericTokenAllowanceMin } from \"@/hooks/tokens/allowance/useGenericTokenAllowance\";\n\nexport function useOtcWrapEthProps(): WrapEthProps {\n  const chainId = useChainId();\n  const { address: account } = useConnection();\n  const { tokenFrom, tokenTo } = useWidgetTokens(\"otc\");\n\n  const tokenFromIsETH = isETH(tokenFrom);\n\n  const { data: balance, isLoading } = useNativeBalance({\n    queryOptions: {\n      enabled: tokenFromIsETH,\n      refetchInterval: MEDIUM_STALE_TIME_FOR_REACTIVENESS,\n    },\n  });\n  const payInputAmount = useAtomValue(otcPayInputAmountAtom);\n  const payInputAmountWei = useAtomValue(otcPayInputAmountWeiAtom);\n\n  /**\n   * In case the wallet connected is capable of batching txs,\n   * and srcToken=ETH (so we will need to wrap it first),\n   * and current allowance for AugustusRFQ for WETH is not enough to cover all OTC Orders plus current srcTokenAmount,\n   * we can try to batch wrap ETH + approve WETH.\n   * After batched tx is mined, we will proceed with signing the OTC order as usual.\n   */\n\n  const { forCurrentChain: canBatchTxs } = useCanBatchTxs();\n\n  // srcToken=ETH, valid tokenTo is selected and wallet can batch txs\n  const canPossiblyBatchWrapAndApprove =\n    canBatchTxs && tokenFromIsETH && !!tokenTo;\n  // makes sense to check allowance for AugustusRFQ for WETH\n\n  const wrappedNativeToken = useWrappedNativeToken(tokenFrom.network);\n\n  const spenderContractType = \"AugustusRFQ\"; // for OTC orders need to approve AugustusRFQ\n\n  const { combinedAllowance: srcCombinedAllowance } =\n    useRequiredAllowanceForOrders({\n      // allowance for WETH\n      tokenAddress: wrappedNativeToken.address,\n      increaseByAmount: payInputAmountWei,\n      spenderContractType,\n      includeCurrentOrdersAllowance: canPossiblyBatchWrapAndApprove,\n    });\n\n  const allowance = useGenericTokenAllowanceMin({\n    tokenAddress: wrappedNativeToken.address,\n    amountToApproveInWei: srcCombinedAllowance,\n    spenderContractType,\n    chainId,\n  });\n\n  const canBatchWrapAndApprove =\n    canPossiblyBatchWrapAndApprove && allowance.needsApproval;\n\n  const shouldWrap =\n    // pay amount entered\n    Number(payInputAmountWei) > 0 &&\n    // account connected\n    !!account &&\n    // otc available on selected chain\n    CHAINS_WITH_OTC.includes(chainId) &&\n    // tokenFrom is ETH\n    tokenFromIsETH &&\n    // tokenTo is selected\n    !!tokenTo &&\n    // if we can batch wrap and approve, we don't need to wrap ETH as a separate step\n    !canBatchWrapAndApprove;\n  // @TODO maybe also add check for takerAsset !== ETH\n\n  const canWrap =\n    shouldWrap && !!balance?.value && balance.value > BigInt(payInputAmountWei);\n\n  const amounts = tokenFromIsETH\n    ? { ethAmountWei: payInputAmountWei, ethAmountUnit: payInputAmount }\n    : undefined;\n\n  const setTokenFrom = useSetAtom(selectOtcTokenFromAtom);\n\n  const onSuccess = () => {\n    setTokenFrom(wrappedNativeToken);\n  };\n\n  return {\n    shouldWrap,\n    canWrap,\n    isLoading,\n    ...amounts,\n    onSuccess,\n    tradeMode: \"otc\",\n  };\n}\n"],"mappings":"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"}

package/dist/core/LimitOrderButton.js

@@ -8,7 +8,7 @@ import { LimitTradeFlowScreenButton as s } from "./TradeFlowScreenButton.js";
 import { ConnectWalletDrawerButton as c } from "./ConnectWalletDrawerButton.js";
 import { c as l } from "react-compiler-runtime";
 import { jsx as u } from "react/jsx-runtime";
-import { useAccount as d } from "wagmi";
+import { useConnection as d } from "wagmi";
 //#region src/core/LimitOrderButton.tsx
 function f(e) {
 	let t = l(14), n, r, i, a, o;

package/dist/core/LimitOrderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderButton.js","names":["Button","MinTradeOverviewProps","useAccount","ConnectWalletDrawerButton","LimitTradeFlowScreenButton","UserDefinedLimitPrice","useLimitTokenToInputProps","useLimitTokenFromInputProps","useLimitButtonExtraProps","useAtomValue","limitPayInputAmountWeiAtom","limitReceiveInputAmountWeiAtom","useDeltaSwapPriceForLimit","ButtonWithDrawerProps","React","ComponentProps","orderProps","drawerContainer","HTMLDivElement","limitPrice","labelOverride","LimitOrderDrawerButton","t0","$","_c","buttonProps","isConnected","t1","LimitOrderButton","tokenFromInputProps","tokenToInputProps","payAmountWei","receiveAmountWei","amount","token","fromToken","toToken","fromAmount","toAmount","undefined","price","deltaPrice","Number","srcTokenAddress","address","destTokenAddress","srcAmount","destAmount","route","t2","tokenFrom","tokenTo","extraProps","t3","className","disabled","onClick"],"sources":["../../src/core/LimitOrderButton.tsx"],"sourcesContent":["import type { Button } from \"@/components/ui/button\";\nimport type { MinTradeOverviewProps } from \"@/components/widget/TradeOverview/TradeOverview\";\nimport { useAccount } from \"wagmi\";\nimport { ConnectWalletDrawerButton } from \"./ConnectWalletDrawerButton\";\nimport { LimitTradeFlowScreenButton } from \"./TradeFlowScreenButton\";\nimport type { UserDefinedLimitPrice } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport { useLimitTokenToInputProps } from \"./limit/useLimitTokenToInputProps\";\nimport { useLimitTokenFromInputProps } from \"./limit/useLimitTokenFromInputProps\";\nimport { useLimitButtonExtraProps } from \"./button/hooks/useWidgetButtonExtraProps\";\nimport { useAtomValue } from \"@/core/store\";\nimport {\n  limitPayInputAmountWeiAtom,\n  limitReceiveInputAmountWeiAtom,\n} from \"./limit/state/limitInputAmountAtom\";\nimport { useDeltaSwapPriceForLimit } from \"./limit/useLimitRate\";\n\ntype ButtonWithDrawerProps = React.ComponentProps<typeof Button> & {\n  orderProps?: MinTradeOverviewProps;\n  drawerContainer?: HTMLDivElement | null;\n  limitPrice?: UserDefinedLimitPrice;\n  labelOverride?: string;\n};\n\nfunction LimitOrderDrawerButton({\n  orderProps,\n  drawerContainer,\n  limitPrice,\n  labelOverride,\n  ...buttonProps\n}: ButtonWithDrawerProps) {\n  const { isConnected } = useAccount();\n\n  if (!isConnected)\n    return (\n      <ConnectWalletDrawerButton\n        drawerContainer={drawerContainer}\n        {...buttonProps}\n      />\n    );\n\n  return (\n    <LimitTradeFlowScreenButton\n      orderProps={orderProps}\n      limitPrice={limitPrice}\n      labelOverride={labelOverride}\n      {...buttonProps}\n    />\n  );\n}\n\nexport function LimitOrderButton() {\n  const tokenFromInputProps = useLimitTokenFromInputProps();\n  const tokenToInputProps = useLimitTokenToInputProps();\n\n  const payAmountWei = useAtomValue(limitPayInputAmountWeiAtom);\n  const receiveAmountWei = useAtomValue(limitReceiveInputAmountWeiAtom);\n\n  const orderProps =\n    tokenFromInputProps.token && tokenToInputProps.token\n      ? {\n          fromToken: tokenFromInputProps.token,\n          toToken: tokenToInputProps.token,\n          fromAmount: tokenFromInputProps.amount,\n          toAmount: tokenToInputProps.amount,\n        }\n      : undefined;\n\n  const { price: deltaPrice } = useDeltaSwapPriceForLimit();\n\n  const limitPrice: UserDefinedLimitPrice | undefined =\n    tokenFromInputProps.token &&\n    tokenToInputProps.token &&\n    receiveAmountWei &&\n    Number(payAmountWei) > 0 &&\n    Number(receiveAmountWei) > 0 &&\n    deltaPrice\n      ? {\n          srcTokenAddress: tokenFromInputProps.token.address,\n          destTokenAddress: tokenToInputProps.token.address,\n          srcAmount: payAmountWei,\n          destAmount: receiveAmountWei,\n          route: deltaPrice.route,\n        }\n      : undefined;\n\n  const extraProps = useLimitButtonExtraProps({\n    tokenFrom: tokenFromInputProps.token,\n    tokenTo: tokenToInputProps.token,\n  });\n\n  return (\n    <LimitOrderDrawerButton\n      orderProps={orderProps}\n      limitPrice={limitPrice}\n      disabled={extraProps.disabled}\n      labelOverride={extraProps.labelOverride}\n      className={extraProps.className}\n      onClick={extraProps.onClick}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAuBA,SAAAqB,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAR,GAAAG,GAAAD,GAAAH;CAAA,AAAAO,EAAA,OAAAD,KAMwBG,IAAAF,EAAA,IAAAN,IAAAM,EAAA,IAAAH,IAAAG,EAAA,IAAAJ,IAAAI,EAAA,IAAAP,IAAAO,EAAA,OANQ,wEAAAE,KAAAH,GAMRC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAN,GAAAM,EAAA,KAAAH,GAAAG,EAAA,KAAAJ,GAAAI,EAAA,KAAAP;CACtB,IAAA,EAAAU,mBAAwBxB,GAAY;CAEpC,IAAI,CAACwB,GAAW;EAAA,IAAAC;EAKV,OALUJ,EAAA,OAAAE,KAAAF,EAAA,OAAAN,KAEZU,IAAA,kBAAC,GAAD;GACmBV;GAAe,GAC5BQ;GACJ,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAN,GAAAM,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IAHFI;;CAIA,IAAAA;CAQA,OARAJ,EAAA,OAAAE,KAAAF,EAAA,QAAAH,KAAAG,EAAA,QAAAJ,KAAAI,EAAA,QAAAP,KAGFW,IAAA,kBAAC,GAAD;EACcX;EACAG;EACGC;EAAa,GACxBK;EACJ,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,MAAAH,GAAAG,EAAA,MAAAJ,GAAAI,EAAA,MAAAP,GAAAO,EAAA,MAAAI,KAAAA,IAAAJ,EAAA,KALFI;;AASJ,SAAOC,IAAA;CAAA,IAAAL,IAAAC,EAAA,GAAA,EACLK,IAA4BtB,GAA6B,EACzDuB,IAA0BxB,GAA2B,EAErDyB,IAAqBtB,EAAaC,EAA2B,EAC7DsB,IAAyBvB,EAAaE,EAA+B,EAACW;CAAA,AAAAC,EAAA,OAAAM,EAAAI,UAAAV,EAAA,OAAAM,EAAAK,SAAAX,EAAA,OAAAO,EAAAG,UAAAV,EAAA,OAAAO,EAAAI,SAGpEZ,IAAAO,EAAmBK,SAAUJ,EAAiBI,QAA9C;EAAAC,WAEiBN,EAAmBK;EAAME,SAC3BN,EAAiBI;EAAMG,YACpBR,EAAmBI;EAAOK,UAC5BR,EAAiBG;EAEpB,GAPbM,KAAAA,GAOahB,EAAA,KAAAM,EAAAI,QAAAV,EAAA,KAAAM,EAAAK,OAAAX,EAAA,KAAAO,EAAAG,QAAAV,EAAA,KAAAO,EAAAI,OAAAX,EAAA,KAAAD,KAAAA,IAAAC,EAAA;CARf,IAAAP,IACEM,GASF,EAAAkB,OAAAC,MAA8B7B,GAA2B,EAACe;CAAA,AAAAJ,EAAA,OAAAkB,KAAAlB,EAAA,OAAAQ,KAAAR,EAAA,OAAAS,KAAAT,EAAA,OAAAM,EAAAK,SAAAX,EAAA,OAAAO,EAAAI,SAGxDP,IAAAE,EAAmBK,SACnBJ,EAAiBI,SADjBF,KAGAU,OAAOX,EAAa,GAAG,KACvBW,OAAOV,EAAiB,GAAG,KAJ3BS,IAAA;EAAAE,iBAOuBd,EAAmBK,MAAMU;EAAQC,kBAChCf,EAAiBI,MAAMU;EAAQE,WACtCf;EAAYgB,YACXf;EAAgBgB,OACrBP,EAAUO;EAEV,GAbbT,KAAAA,GAaahB,EAAA,KAAAkB,GAAAlB,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,GAAAT,EAAA,KAAAM,EAAAK,OAAAX,EAAA,KAAAO,EAAAI,OAAAX,EAAA,MAAAI,KAAAA,IAAAJ,EAAA;CAdf,IAAAJ,IACEQ,GAacsB;CAAA,AAAA1B,EAAA,QAAAM,EAAAK,SAAAX,EAAA,QAAAO,EAAAI,SAE4Be,IAAA;EAAAC,WAC/BrB,EAAmBK;EAAMiB,SAC3BrB,EAAiBI;EAC3B,EAAAX,EAAA,MAAAM,EAAAK,OAAAX,EAAA,MAAAO,EAAAI,OAAAX,EAAA,MAAA0B,KAAAA,IAAA1B,EAAA;CAHD,IAAA6B,IAAmB5C,EAAyByC,EAG1C,EAACI;CAUC,OAVD9B,EAAA,QAAA6B,EAAAE,aAAA/B,EAAA,QAAA6B,EAAAG,YAAAhC,EAAA,QAAA6B,EAAAhC,iBAAAG,EAAA,QAAA6B,EAAAI,WAAAjC,EAAA,QAAAJ,KAAAI,EAAA,QAAAP,KAGDqC,IAAA,kBAAC,GAAD;EACcrC;EACAG;EACF,UAAAiC,EAAUG;EACL,eAAAH,EAAUhC;EACd,WAAAgC,EAAUE;EACZ,SAAAF,EAAUI;EACnB,CAAA,EAAAjC,EAAA,MAAA6B,EAAAE,WAAA/B,EAAA,MAAA6B,EAAAG,UAAAhC,EAAA,MAAA6B,EAAAhC,eAAAG,EAAA,MAAA6B,EAAAI,SAAAjC,EAAA,MAAAJ,GAAAI,EAAA,MAAAP,GAAAO,EAAA,MAAA8B,KAAAA,IAAA9B,EAAA,KAPF8B"}
+{"version":3,"file":"LimitOrderButton.js","names":["Button","MinTradeOverviewProps","useConnection","ConnectWalletDrawerButton","LimitTradeFlowScreenButton","UserDefinedLimitPrice","useLimitTokenToInputProps","useLimitTokenFromInputProps","useLimitButtonExtraProps","useAtomValue","limitPayInputAmountWeiAtom","limitReceiveInputAmountWeiAtom","useDeltaSwapPriceForLimit","ButtonWithDrawerProps","React","ComponentProps","orderProps","drawerContainer","HTMLDivElement","limitPrice","labelOverride","LimitOrderDrawerButton","t0","$","_c","buttonProps","isConnected","t1","LimitOrderButton","tokenFromInputProps","tokenToInputProps","payAmountWei","receiveAmountWei","amount","token","fromToken","toToken","fromAmount","toAmount","undefined","price","deltaPrice","Number","srcTokenAddress","address","destTokenAddress","srcAmount","destAmount","route","t2","tokenFrom","tokenTo","extraProps","t3","className","disabled","onClick"],"sources":["../../src/core/LimitOrderButton.tsx"],"sourcesContent":["import type { Button } from \"@/components/ui/button\";\nimport type { MinTradeOverviewProps } from \"@/components/widget/TradeOverview/TradeOverview\";\nimport { useConnection } from \"wagmi\";\nimport { ConnectWalletDrawerButton } from \"./ConnectWalletDrawerButton\";\nimport { LimitTradeFlowScreenButton } from \"./TradeFlowScreenButton\";\nimport type { UserDefinedLimitPrice } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport { useLimitTokenToInputProps } from \"./limit/useLimitTokenToInputProps\";\nimport { useLimitTokenFromInputProps } from \"./limit/useLimitTokenFromInputProps\";\nimport { useLimitButtonExtraProps } from \"./button/hooks/useWidgetButtonExtraProps\";\nimport { useAtomValue } from \"@/core/store\";\nimport {\n  limitPayInputAmountWeiAtom,\n  limitReceiveInputAmountWeiAtom,\n} from \"./limit/state/limitInputAmountAtom\";\nimport { useDeltaSwapPriceForLimit } from \"./limit/useLimitRate\";\n\ntype ButtonWithDrawerProps = React.ComponentProps<typeof Button> & {\n  orderProps?: MinTradeOverviewProps;\n  drawerContainer?: HTMLDivElement | null;\n  limitPrice?: UserDefinedLimitPrice;\n  labelOverride?: string;\n};\n\nfunction LimitOrderDrawerButton({\n  orderProps,\n  drawerContainer,\n  limitPrice,\n  labelOverride,\n  ...buttonProps\n}: ButtonWithDrawerProps) {\n  const { isConnected } = useConnection();\n\n  if (!isConnected)\n    return (\n      <ConnectWalletDrawerButton\n        drawerContainer={drawerContainer}\n        {...buttonProps}\n      />\n    );\n\n  return (\n    <LimitTradeFlowScreenButton\n      orderProps={orderProps}\n      limitPrice={limitPrice}\n      labelOverride={labelOverride}\n      {...buttonProps}\n    />\n  );\n}\n\nexport function LimitOrderButton() {\n  const tokenFromInputProps = useLimitTokenFromInputProps();\n  const tokenToInputProps = useLimitTokenToInputProps();\n\n  const payAmountWei = useAtomValue(limitPayInputAmountWeiAtom);\n  const receiveAmountWei = useAtomValue(limitReceiveInputAmountWeiAtom);\n\n  const orderProps =\n    tokenFromInputProps.token && tokenToInputProps.token\n      ? {\n          fromToken: tokenFromInputProps.token,\n          toToken: tokenToInputProps.token,\n          fromAmount: tokenFromInputProps.amount,\n          toAmount: tokenToInputProps.amount,\n        }\n      : undefined;\n\n  const { price: deltaPrice } = useDeltaSwapPriceForLimit();\n\n  const limitPrice: UserDefinedLimitPrice | undefined =\n    tokenFromInputProps.token &&\n    tokenToInputProps.token &&\n    receiveAmountWei &&\n    Number(payAmountWei) > 0 &&\n    Number(receiveAmountWei) > 0 &&\n    deltaPrice\n      ? {\n          srcTokenAddress: tokenFromInputProps.token.address,\n          destTokenAddress: tokenToInputProps.token.address,\n          srcAmount: payAmountWei,\n          destAmount: receiveAmountWei,\n          route: deltaPrice.route,\n        }\n      : undefined;\n\n  const extraProps = useLimitButtonExtraProps({\n    tokenFrom: tokenFromInputProps.token,\n    tokenTo: tokenToInputProps.token,\n  });\n\n  return (\n    <LimitOrderDrawerButton\n      orderProps={orderProps}\n      limitPrice={limitPrice}\n      disabled={extraProps.disabled}\n      labelOverride={extraProps.labelOverride}\n      className={extraProps.className}\n      onClick={extraProps.onClick}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/core/OtcOrderButton.js

@@ -9,7 +9,7 @@ import { WrapEthDrawerButton as c } from "../components/widget/WrapEth/WrapEthDr
 import { useOtcWrapEthProps as l } from "../components/widget/WrapEth/hooks/useWrapEthProps.js";
 import { c as u } from "react-compiler-runtime";
 import { jsx as d } from "react/jsx-runtime";
-import { useAccount as f } from "wagmi";
+import { useConnection as f } from "wagmi";
 //#region src/core/OtcOrderButton.tsx
 function p(e) {
 	let t = u(20), n, r, o, s, l, p;

package/dist/core/OtcOrderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderButton.js","names":["Button","MinTradeOverviewProps","WrapEthDrawerButton","WrapEthProps","useAccount","ConnectWalletDrawerButton","OtcTradeFlowScreenButton","UserDefinedOtcPrice","useOtcTokenToInputProps","useOtcTokenFromInputProps","useOtcWrapEthProps","useOtcButtonExtraProps","useAtomValue","otcPayInputAmountWeiAtom","otcReceiveInputAmountWeiAtom","ButtonWithDrawerProps","React","ComponentProps","orderProps","drawerContainer","HTMLDivElement","otcPrice","wrapEthProps","labelOverride","OtcOrderDrawerButton","t0","$","_c","buttonProps","isConnected","t1","shouldWrap","onClick","OtcOrderButton","tokenFromInputProps","tokenToInputProps","payAmountWei","receiveAmountWei","amount","token","fromToken","toToken","fromAmount","toAmount","undefined","Number","srcTokenAddress","address","destTokenAddress","srcAmount","destAmount","t2","tokenFrom","tokenTo","extraProps","t3","className","disabled"],"sources":["../../src/core/OtcOrderButton.tsx"],"sourcesContent":["import type { Button } from \"@/components/ui/button\";\nimport type { MinTradeOverviewProps } from \"@/components/widget/TradeOverview/TradeOverview\";\nimport { WrapEthDrawerButton } from \"@/components/widget/WrapEth\";\nimport type { WrapEthProps } from \"@/components/widget/WrapEth/hooks/types\";\nimport { useAccount } from \"wagmi\";\nimport { ConnectWalletDrawerButton } from \"./ConnectWalletDrawerButton\";\nimport { OtcTradeFlowScreenButton } from \"./TradeFlowScreenButton\";\nimport type { UserDefinedOtcPrice } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport { useOtcTokenToInputProps } from \"./otc/useOtcTokenToInputProps\";\nimport { useOtcTokenFromInputProps } from \"./otc/useOtcTokenFromInputProps\";\nimport { useOtcWrapEthProps } from \"@/components/widget/WrapEth/hooks/useWrapEthProps\";\nimport { useOtcButtonExtraProps } from \"./button/hooks/useWidgetButtonExtraProps\";\nimport { useAtomValue } from \"@/core/store\";\n\nimport {\n  otcPayInputAmountWeiAtom,\n  otcReceiveInputAmountWeiAtom,\n} from \"./otc/state/otcInputAmountAtom\";\n\ntype ButtonWithDrawerProps = React.ComponentProps<typeof Button> & {\n  orderProps?: MinTradeOverviewProps;\n  drawerContainer?: HTMLDivElement | null;\n  otcPrice?: UserDefinedOtcPrice;\n  wrapEthProps: WrapEthProps;\n  labelOverride?: string;\n};\n\nfunction OtcOrderDrawerButton({\n  orderProps,\n  drawerContainer,\n  otcPrice,\n  wrapEthProps,\n  labelOverride,\n  ...buttonProps\n}: ButtonWithDrawerProps) {\n  const { isConnected } = useAccount();\n\n  if (!isConnected)\n    return (\n      <ConnectWalletDrawerButton\n        drawerContainer={drawerContainer}\n        {...buttonProps}\n      />\n    );\n\n  // onClick override (e.g., open ReceiverAddress drawer) takes precedence\n  // over the wrap-ETH and trade-flow rendering.\n  if (wrapEthProps.shouldWrap && !buttonProps.onClick)\n    return (\n      <WrapEthDrawerButton\n        drawerContainer={drawerContainer}\n        wrapEthProps={wrapEthProps}\n        labelOverride={labelOverride}\n        {...buttonProps}\n      />\n    );\n\n  return (\n    <OtcTradeFlowScreenButton\n      orderProps={orderProps}\n      otcPrice={otcPrice}\n      labelOverride={labelOverride}\n      {...buttonProps}\n    />\n  );\n}\n\nexport function OtcOrderButton() {\n  const tokenFromInputProps = useOtcTokenFromInputProps();\n  const tokenToInputProps = useOtcTokenToInputProps();\n\n  const payAmountWei = useAtomValue(otcPayInputAmountWeiAtom);\n  const receiveAmountWei = useAtomValue(otcReceiveInputAmountWeiAtom);\n\n  const wrapEthProps = useOtcWrapEthProps();\n\n  const orderProps =\n    tokenFromInputProps.token && tokenToInputProps.token\n      ? {\n          fromToken: tokenFromInputProps.token,\n          toToken: tokenToInputProps.token,\n          fromAmount: tokenFromInputProps.amount,\n          toAmount: tokenToInputProps.amount,\n        }\n      : undefined;\n\n  const otcPrice =\n    tokenFromInputProps.token &&\n    tokenToInputProps.token &&\n    receiveAmountWei &&\n    Number(payAmountWei) > 0 &&\n    Number(receiveAmountWei) > 0\n      ? {\n          srcTokenAddress: tokenFromInputProps.token.address,\n          destTokenAddress: tokenToInputProps.token.address,\n          srcAmount: payAmountWei,\n          destAmount: receiveAmountWei,\n        }\n      : undefined;\n\n  const extraProps = useOtcButtonExtraProps({\n    tokenFrom: tokenFromInputProps.token,\n    tokenTo: tokenToInputProps.token,\n  });\n\n  return (\n    <OtcOrderDrawerButton\n      orderProps={orderProps}\n      wrapEthProps={wrapEthProps}\n      otcPrice={otcPrice}\n      disabled={extraProps.disabled}\n      labelOverride={extraProps.labelOverride}\n      className={extraProps.className}\n      onClick={extraProps.onClick}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OtcOrderButton.js","names":["Button","MinTradeOverviewProps","WrapEthDrawerButton","WrapEthProps","useConnection","ConnectWalletDrawerButton","OtcTradeFlowScreenButton","UserDefinedOtcPrice","useOtcTokenToInputProps","useOtcTokenFromInputProps","useOtcWrapEthProps","useOtcButtonExtraProps","useAtomValue","otcPayInputAmountWeiAtom","otcReceiveInputAmountWeiAtom","ButtonWithDrawerProps","React","ComponentProps","orderProps","drawerContainer","HTMLDivElement","otcPrice","wrapEthProps","labelOverride","OtcOrderDrawerButton","t0","$","_c","buttonProps","isConnected","t1","shouldWrap","onClick","OtcOrderButton","tokenFromInputProps","tokenToInputProps","payAmountWei","receiveAmountWei","amount","token","fromToken","toToken","fromAmount","toAmount","undefined","Number","srcTokenAddress","address","destTokenAddress","srcAmount","destAmount","t2","tokenFrom","tokenTo","extraProps","t3","className","disabled"],"sources":["../../src/core/OtcOrderButton.tsx"],"sourcesContent":["import type { Button } from \"@/components/ui/button\";\nimport type { MinTradeOverviewProps } from \"@/components/widget/TradeOverview/TradeOverview\";\nimport { WrapEthDrawerButton } from \"@/components/widget/WrapEth\";\nimport type { WrapEthProps } from \"@/components/widget/WrapEth/hooks/types\";\nimport { useConnection } from \"wagmi\";\nimport { ConnectWalletDrawerButton } from \"./ConnectWalletDrawerButton\";\nimport { OtcTradeFlowScreenButton } from \"./TradeFlowScreenButton\";\nimport type { UserDefinedOtcPrice } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport { useOtcTokenToInputProps } from \"./otc/useOtcTokenToInputProps\";\nimport { useOtcTokenFromInputProps } from \"./otc/useOtcTokenFromInputProps\";\nimport { useOtcWrapEthProps } from \"@/components/widget/WrapEth/hooks/useWrapEthProps\";\nimport { useOtcButtonExtraProps } from \"./button/hooks/useWidgetButtonExtraProps\";\nimport { useAtomValue } from \"@/core/store\";\n\nimport {\n  otcPayInputAmountWeiAtom,\n  otcReceiveInputAmountWeiAtom,\n} from \"./otc/state/otcInputAmountAtom\";\n\ntype ButtonWithDrawerProps = React.ComponentProps<typeof Button> & {\n  orderProps?: MinTradeOverviewProps;\n  drawerContainer?: HTMLDivElement | null;\n  otcPrice?: UserDefinedOtcPrice;\n  wrapEthProps: WrapEthProps;\n  labelOverride?: string;\n};\n\nfunction OtcOrderDrawerButton({\n  orderProps,\n  drawerContainer,\n  otcPrice,\n  wrapEthProps,\n  labelOverride,\n  ...buttonProps\n}: ButtonWithDrawerProps) {\n  const { isConnected } = useConnection();\n\n  if (!isConnected)\n    return (\n      <ConnectWalletDrawerButton\n        drawerContainer={drawerContainer}\n        {...buttonProps}\n      />\n    );\n\n  // onClick override (e.g., open ReceiverAddress drawer) takes precedence\n  // over the wrap-ETH and trade-flow rendering.\n  if (wrapEthProps.shouldWrap && !buttonProps.onClick)\n    return (\n      <WrapEthDrawerButton\n        drawerContainer={drawerContainer}\n        wrapEthProps={wrapEthProps}\n        labelOverride={labelOverride}\n        {...buttonProps}\n      />\n    );\n\n  return (\n    <OtcTradeFlowScreenButton\n      orderProps={orderProps}\n      otcPrice={otcPrice}\n      labelOverride={labelOverride}\n      {...buttonProps}\n    />\n  );\n}\n\nexport function OtcOrderButton() {\n  const tokenFromInputProps = useOtcTokenFromInputProps();\n  const tokenToInputProps = useOtcTokenToInputProps();\n\n  const payAmountWei = useAtomValue(otcPayInputAmountWeiAtom);\n  const receiveAmountWei = useAtomValue(otcReceiveInputAmountWeiAtom);\n\n  const wrapEthProps = useOtcWrapEthProps();\n\n  const orderProps =\n    tokenFromInputProps.token && tokenToInputProps.token\n      ? {\n          fromToken: tokenFromInputProps.token,\n          toToken: tokenToInputProps.token,\n          fromAmount: tokenFromInputProps.amount,\n          toAmount: tokenToInputProps.amount,\n        }\n      : undefined;\n\n  const otcPrice =\n    tokenFromInputProps.token &&\n    tokenToInputProps.token &&\n    receiveAmountWei &&\n    Number(payAmountWei) > 0 &&\n    Number(receiveAmountWei) > 0\n      ? {\n          srcTokenAddress: tokenFromInputProps.token.address,\n          destTokenAddress: tokenToInputProps.token.address,\n          srcAmount: payAmountWei,\n          destAmount: receiveAmountWei,\n        }\n      : undefined;\n\n  const extraProps = useOtcButtonExtraProps({\n    tokenFrom: tokenFromInputProps.token,\n    tokenTo: tokenToInputProps.token,\n  });\n\n  return (\n    <OtcOrderDrawerButton\n      orderProps={orderProps}\n      wrapEthProps={wrapEthProps}\n      otcPrice={otcPrice}\n      disabled={extraProps.disabled}\n      labelOverride={extraProps.labelOverride}\n      className={extraProps.className}\n      onClick={extraProps.onClick}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/core/TradeFlowScreenButton.js

@@ -4,7 +4,7 @@ import { Button as n } from "../components/ui/button.js";
 import { useSetScreen as r } from "./screen/state/hooks/useSetScreen.js";
 import { c as i } from "react-compiler-runtime";
 import { jsx as a } from "react/jsx-runtime";
-import { useAccount as o } from "wagmi";
+import { useConnection as o } from "wagmi";
 //#region src/core/TradeFlowScreenButton.tsx
 function s(s) {
 	let c = i(7), { orderProps: l, price: u, priceMode: d, labelOverride: f, ...p } = s, { onSwap: m } = t(), { showTradeOverviewScreen: h, closeScreen: g } = r(), { isConnected: _ } = o(), v = !!p.onClick, y = p.disabled || !_ || !v && (!l || !u), b = p.onClick ?? (l && u ? () => {

package/dist/core/TradeFlowScreenButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeFlowScreenButton.js","names":["Button","MinTradeOverviewProps","cn","DeltaPrice","OptimalRate","useAccount","useSetScreen","useWidgetEvents","UserDefinedLimitPrice","UserDefinedOtcPrice","BaseTradeFlowButtonProps","React","ComponentProps","orderProps","labelOverride","SwapTradeFlowButtonProps","price","priceMode","SwapTradeFlowScreenButton","t0","$","_c","buttonProps","onSwap","showTradeOverviewScreen","closeScreen","isConnected","hasOnClickOverride","onClick","disabled","event","name","params","swapMode","flowType","flowProps","marketPrice","onClose","deltaPrice","undefined","T0","t1","t2","t3","className","t4","t5","LimitOrderTradeFlowButtonProps","limitPrice","LimitTradeFlowScreenButton","onLimitOrder","OtcOrderTradeFlowButtonProps","otcPrice","OtcTradeFlowScreenButton","onOTCOrder","TwapTradeFlowButtonProps","twapPrice","TwapTradeFlowScreenButton","onTwapOrder"],"sources":["../../src/core/TradeFlowScreenButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport type { MinTradeOverviewProps } from \"@/components/widget/TradeOverview/TradeOverview\";\nimport { cn } from \"@/lib/utils\";\nimport type { DeltaPrice, OptimalRate } from \"@velora-dex/sdk\";\nimport { useAccount } from \"wagmi\";\nimport { useSetScreen } from \"./screen/state/hooks/useSetScreen\";\nimport { useWidgetEvents } from \"./state/widgetEventsAtom\";\n\nimport type { UserDefinedLimitPrice } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport type { UserDefinedOtcPrice } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\n\ntype BaseTradeFlowButtonProps = React.ComponentProps<typeof Button> & {\n  orderProps?: MinTradeOverviewProps;\n  labelOverride?: string;\n};\n\ntype SwapTradeFlowButtonProps = BaseTradeFlowButtonProps &\n  (\n    | { price?: OptimalRate; priceMode: \"market\" }\n    | { price?: DeltaPrice; priceMode: \"delta\" }\n  );\nexport function SwapTradeFlowScreenButton({\n  orderProps,\n  price,\n  priceMode,\n  labelOverride,\n  ...buttonProps\n}: SwapTradeFlowButtonProps) {\n  const { onSwap } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const hasOnClickOverride = !!buttonProps.onClick;\n\n  const disabled =\n    buttonProps.disabled ||\n    !isConnected ||\n    (!hasOnClickOverride && (!orderProps || !price));\n\n  const onClick =\n    buttonProps.onClick ??\n    (orderProps && price\n      ? () => {\n        if (priceMode === \"market\") {\n          onSwap?.({\n            event: {\n              name: \"Swap:click\",\n              params: {\n                swapMode: priceMode,\n                price,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"marketSwap\",\n            flowProps: {\n              orderProps,\n              marketPrice: price,\n              onClose: closeScreen,\n            },\n          });\n        } else if (priceMode === \"delta\") {\n          onSwap?.({\n            event: {\n              name: \"Swap:click\",\n              params: {\n                swapMode: priceMode,\n                price,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"deltaOrder\",\n            flowProps: {\n              orderProps,\n              deltaPrice: price,\n              onClose: closeScreen,\n            },\n          });\n        }\n      }\n      : undefined);\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Swap\"}\n    </Button>\n  );\n}\n\ntype LimitOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  limitPrice?: UserDefinedLimitPrice;\n};\n\nexport function LimitTradeFlowScreenButton({\n  orderProps,\n  limitPrice,\n  labelOverride,\n  ...buttonProps\n}: LimitOrderTradeFlowButtonProps) {\n  const { onLimitOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const hasOnClickOverride = !!buttonProps.onClick;\n\n  const disabled =\n    buttonProps.disabled ||\n    !isConnected ||\n    (!hasOnClickOverride && (!orderProps || !limitPrice));\n\n  const onClick =\n    buttonProps.onClick ??\n    (orderProps && limitPrice\n      ? () => {\n        onLimitOrder?.({\n          event: {\n            name: \"LimitOrder:click\",\n            params: {\n              price: limitPrice,\n            },\n          },\n        });\n        showTradeOverviewScreen({\n          flowType: \"limitOrder\",\n          flowProps: {\n            orderProps,\n            limitPrice,\n            onClose: closeScreen,\n          },\n        });\n      }\n      : undefined);\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Review Order\"}\n    </Button>\n  );\n}\n\ntype OtcOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  otcPrice?: UserDefinedOtcPrice;\n};\n\nexport function OtcTradeFlowScreenButton({\n  orderProps,\n  otcPrice,\n  labelOverride,\n  ...buttonProps\n}: OtcOrderTradeFlowButtonProps) {\n  const { onOTCOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const hasOnClickOverride = !!buttonProps.onClick;\n\n  const disabled =\n    buttonProps.disabled ||\n    !isConnected ||\n    (!hasOnClickOverride && (!orderProps || !otcPrice));\n\n  const onClick =\n    buttonProps.onClick ??\n    (orderProps && otcPrice\n      ? () => {\n        onOTCOrder?.({\n          event: {\n            name: \"OTCOrder:click\",\n            params: {\n              price: otcPrice,\n            },\n          },\n        });\n        showTradeOverviewScreen({\n          flowType: \"otcOrder\",\n          flowProps: {\n            orderProps,\n            otcPrice,\n            onClose: closeScreen,\n          },\n        });\n      }\n      : undefined);\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Review Order\"}\n    </Button>\n  );\n}\n\ntype TwapTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  twapPrice?: DeltaPrice;\n};\n\nexport function TwapTradeFlowScreenButton({\n  orderProps,\n  twapPrice,\n  labelOverride,\n  ...buttonProps\n}: TwapTradeFlowButtonProps) {\n  const { onTwapOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useAccount();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !twapPrice;\n\n  const onClick =\n    orderProps && twapPrice\n      ? () => {\n        onTwapOrder?.({\n          event: {\n            name: \"TwapOrder:click\",\n            params: {\n              price: twapPrice,\n            },\n          },\n        });\n        showTradeOverviewScreen({\n          flowType: \"twapOrder\",\n          flowProps: {\n            orderProps,\n            twapPrice,\n            onClose: closeScreen,\n          },\n        });\n      }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Confirm\"}\n    </Button>\n  );\n}"],"mappings":"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"}
+{"version":3,"file":"TradeFlowScreenButton.js","names":["Button","MinTradeOverviewProps","cn","DeltaPrice","OptimalRate","useConnection","useSetScreen","useWidgetEvents","UserDefinedLimitPrice","UserDefinedOtcPrice","BaseTradeFlowButtonProps","React","ComponentProps","orderProps","labelOverride","SwapTradeFlowButtonProps","price","priceMode","SwapTradeFlowScreenButton","t0","$","_c","buttonProps","onSwap","showTradeOverviewScreen","closeScreen","isConnected","hasOnClickOverride","onClick","disabled","event","name","params","swapMode","flowType","flowProps","marketPrice","onClose","deltaPrice","undefined","T0","t1","t2","t3","className","t4","t5","LimitOrderTradeFlowButtonProps","limitPrice","LimitTradeFlowScreenButton","onLimitOrder","OtcOrderTradeFlowButtonProps","otcPrice","OtcTradeFlowScreenButton","onOTCOrder","TwapTradeFlowButtonProps","twapPrice","TwapTradeFlowScreenButton","onTwapOrder"],"sources":["../../src/core/TradeFlowScreenButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport type { MinTradeOverviewProps } from \"@/components/widget/TradeOverview/TradeOverview\";\nimport { cn } from \"@/lib/utils\";\nimport type { DeltaPrice, OptimalRate } from \"@velora-dex/sdk\";\nimport { useConnection } from \"wagmi\";\nimport { useSetScreen } from \"./screen/state/hooks/useSetScreen\";\nimport { useWidgetEvents } from \"./state/widgetEventsAtom\";\n\nimport type { UserDefinedLimitPrice } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport type { UserDefinedOtcPrice } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\n\ntype BaseTradeFlowButtonProps = React.ComponentProps<typeof Button> & {\n  orderProps?: MinTradeOverviewProps;\n  labelOverride?: string;\n};\n\ntype SwapTradeFlowButtonProps = BaseTradeFlowButtonProps &\n  (\n    | { price?: OptimalRate; priceMode: \"market\" }\n    | { price?: DeltaPrice; priceMode: \"delta\" }\n  );\nexport function SwapTradeFlowScreenButton({\n  orderProps,\n  price,\n  priceMode,\n  labelOverride,\n  ...buttonProps\n}: SwapTradeFlowButtonProps) {\n  const { onSwap } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useConnection();\n\n  const hasOnClickOverride = !!buttonProps.onClick;\n\n  const disabled =\n    buttonProps.disabled ||\n    !isConnected ||\n    (!hasOnClickOverride && (!orderProps || !price));\n\n  const onClick =\n    buttonProps.onClick ??\n    (orderProps && price\n      ? () => {\n          if (priceMode === \"market\") {\n            onSwap?.({\n              event: {\n                name: \"Swap:click\",\n                params: {\n                  swapMode: priceMode,\n                  price,\n                },\n              },\n            });\n            showTradeOverviewScreen({\n              flowType: \"marketSwap\",\n              flowProps: {\n                orderProps,\n                marketPrice: price,\n                onClose: closeScreen,\n              },\n            });\n          } else if (priceMode === \"delta\") {\n            onSwap?.({\n              event: {\n                name: \"Swap:click\",\n                params: {\n                  swapMode: priceMode,\n                  price,\n                },\n              },\n            });\n            showTradeOverviewScreen({\n              flowType: \"deltaOrder\",\n              flowProps: {\n                orderProps,\n                deltaPrice: price,\n                onClose: closeScreen,\n              },\n            });\n          }\n        }\n      : undefined);\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Swap\"}\n    </Button>\n  );\n}\n\ntype LimitOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  limitPrice?: UserDefinedLimitPrice;\n};\n\nexport function LimitTradeFlowScreenButton({\n  orderProps,\n  limitPrice,\n  labelOverride,\n  ...buttonProps\n}: LimitOrderTradeFlowButtonProps) {\n  const { onLimitOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useConnection();\n\n  const hasOnClickOverride = !!buttonProps.onClick;\n\n  const disabled =\n    buttonProps.disabled ||\n    !isConnected ||\n    (!hasOnClickOverride && (!orderProps || !limitPrice));\n\n  const onClick =\n    buttonProps.onClick ??\n    (orderProps && limitPrice\n      ? () => {\n          onLimitOrder?.({\n            event: {\n              name: \"LimitOrder:click\",\n              params: {\n                price: limitPrice,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"limitOrder\",\n            flowProps: {\n              orderProps,\n              limitPrice,\n              onClose: closeScreen,\n            },\n          });\n        }\n      : undefined);\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Review Order\"}\n    </Button>\n  );\n}\n\ntype OtcOrderTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  otcPrice?: UserDefinedOtcPrice;\n};\n\nexport function OtcTradeFlowScreenButton({\n  orderProps,\n  otcPrice,\n  labelOverride,\n  ...buttonProps\n}: OtcOrderTradeFlowButtonProps) {\n  const { onOTCOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useConnection();\n\n  const hasOnClickOverride = !!buttonProps.onClick;\n\n  const disabled =\n    buttonProps.disabled ||\n    !isConnected ||\n    (!hasOnClickOverride && (!orderProps || !otcPrice));\n\n  const onClick =\n    buttonProps.onClick ??\n    (orderProps && otcPrice\n      ? () => {\n          onOTCOrder?.({\n            event: {\n              name: \"OTCOrder:click\",\n              params: {\n                price: otcPrice,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"otcOrder\",\n            flowProps: {\n              orderProps,\n              otcPrice,\n              onClose: closeScreen,\n            },\n          });\n        }\n      : undefined);\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Review Order\"}\n    </Button>\n  );\n}\n\ntype TwapTradeFlowButtonProps = BaseTradeFlowButtonProps & {\n  twapPrice?: DeltaPrice;\n};\n\nexport function TwapTradeFlowScreenButton({\n  orderProps,\n  twapPrice,\n  labelOverride,\n  ...buttonProps\n}: TwapTradeFlowButtonProps) {\n  const { onTwapOrder } = useWidgetEvents();\n  const { showTradeOverviewScreen, closeScreen } = useSetScreen();\n\n  const { isConnected } = useConnection();\n\n  const disabled =\n    buttonProps.disabled || !isConnected || !orderProps || !twapPrice;\n\n  const onClick =\n    orderProps && twapPrice\n      ? () => {\n          onTwapOrder?.({\n            event: {\n              name: \"TwapOrder:click\",\n              params: {\n                price: twapPrice,\n              },\n            },\n          });\n          showTradeOverviewScreen({\n            flowType: \"twapOrder\",\n            flowProps: {\n              orderProps,\n              twapPrice,\n              onClose: closeScreen,\n            },\n          });\n        }\n      : buttonProps.onClick;\n\n  return (\n    <Button\n      variant=\"cta\"\n      radius=\"lg\"\n      {...buttonProps}\n      className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {labelOverride || \"Confirm\"}\n    </Button>\n  );\n}\n"],"mappings":"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"}

package/dist/core/across/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["Token","SupportedChainId","TokensFromLists","BridgeRoutesMode","getBridgeInfoQueryData","isAcrossAvailable","chainIdFrom","chainIdTo","mode","cachedBridgeInfo","acrossTokens","length","findFirstTokenFromAcross","fromChainId","toChainId","listByChainId","Record","tokenMap","addressMap","tokenToAddress","find","address","toLowerCase","undefined","IsTokenFromAcrossInput","token","Pick","isTokenFromAcross","tokenAddresses","isIncluded"],"sources":["../../../src/core/across/utils.ts"],"sourcesContent":["import type { Token } from \"@/tokens/state/types\";\n\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport type { TokensFromLists } from \"@/tokens/state/fromListsAtom\";\nimport { type BridgeRoutesMode } from \"@/hooks/swap/prices/delta/queries/bridgeInfo/types\";\nimport { getBridgeInfoQueryData } from \"@/hooks/swap/prices/delta/queries/bridgeInfo/getBridgeInfoQueryData\";\n\nexport function isAcrossAvailable({\n  chainIdFrom,\n  chainIdTo,\n  mode,\n}: {\n  chainIdFrom: SupportedChainId;\n  chainIdTo: SupportedChainId;\n  mode: BridgeRoutesMode;\n}): boolean {\n  const cachedBridgeInfo = getBridgeInfoQueryData(mode);\n\n  if (!cachedBridgeInfo) return false;\n\n  const acrossTokens = cachedBridgeInfo[chainIdFrom]?.[chainIdTo];\n\n  return !!acrossTokens?.length;\n}\n\nexport function findFirstTokenFromAcross({\n  fromChainId,\n  toChainId,\n  listByChainId,\n  mode,\n}: {\n  fromChainId: SupportedChainId;\n  toChainId: SupportedChainId;\n  listByChainId: Record<number, TokensFromLists<Token>>;\n  mode: BridgeRoutesMode;\n}): Token | undefined {\n  const cachedBridgeInfo = getBridgeInfoQueryData(mode);\n\n  if (!cachedBridgeInfo) return;\n\n  const tokenMap = listByChainId[toChainId]?.addressMap;\n\n  const acrossTokens = cachedBridgeInfo[fromChainId]?.[toChainId];\n\n  const tokenToAddress = acrossTokens?.find(\n    (address) => tokenMap?.[address.toLowerCase()]\n  );\n\n  return tokenToAddress ? tokenMap?.[tokenToAddress.toLowerCase()] : undefined;\n}\n\ntype IsTokenFromAcrossInput = {\n  token: Pick<Token, \"address\">;\n  fromChainId: SupportedChainId;\n  toChainId: SupportedChainId;\n  mode: BridgeRoutesMode;\n};\n\nexport function isTokenFromAcross({\n  token,\n  fromChainId,\n  toChainId,\n  mode,\n}: IsTokenFromAcrossInput): boolean | undefined {\n  const cachedBridgeInfo = getBridgeInfoQueryData(mode);\n  if (!cachedBridgeInfo) return;\n  const tokenAddresses = cachedBridgeInfo[fromChainId]?.[toChainId];\n\n  if (!tokenAddresses) return false;\n  const isIncluded = tokenAddresses.find(\n    (address) => address.toLowerCase() === token.address.toLowerCase()\n  );\n\n  return !!isIncluded;\n}"],"mappings":";;AAOA,SAAgBK,EAAkB,EAChCC,gBACAC,cACAC,WAKU;CACV,IAAMC,IAAmBL,EAAuBI,EAAK;CAMrD,OAJKC,IAIE,CAAC,CAFaA,EAAiBH,KAAeC,IAE9BI,SAJO;;AAOhC,SAAgBC,EAAyB,EACvCC,gBACAC,cACAC,kBACAP,WAMoB;CACpB,IAAMC,IAAmBL,EAAuBI,EAAK;CAErD,IAAI,CAACC,GAAkB;CAEvB,IAAMQ,IAAWF,EAAcD,IAAYI,YAIrCC,KAFeV,EAAiBI,KAAeC,KAEhBM,MAClCC,MAAYJ,IAAWI,EAAQC,aAAa,EAC9C;CAED,OAAOH,IAAiBF,IAAWE,EAAeG,aAAa,IAAIC,KAAAA;;AAUrE,SAAgBI,EAAkB,EAChCF,UACAZ,gBACAC,cACAN,WAC8C;CAC9C,IAAMC,IAAmBL,EAAuBI,EAAK;CACrD,IAAI,CAACC,GAAkB;CACvB,IAAMmB,IAAiBnB,EAAiBI,KAAeC;CAOvD,OALKc,IAKE,CAAC,CAJWA,EAAeR,MAC/BC,MAAYA,EAAQC,aAAa,KAAKG,EAAMJ,QAAQC,aACvD,CAESO,GALmB"}
+{"version":3,"file":"utils.js","names":["Token","SupportedChainId","TokensFromLists","BridgeRoutesMode","getBridgeInfoQueryData","isAcrossAvailable","chainIdFrom","chainIdTo","mode","cachedBridgeInfo","acrossTokens","length","findFirstTokenFromAcross","fromChainId","toChainId","listByChainId","Record","tokenMap","addressMap","tokenToAddress","find","address","toLowerCase","undefined","IsTokenFromAcrossInput","token","Pick","isTokenFromAcross","tokenAddresses","isIncluded"],"sources":["../../../src/core/across/utils.ts"],"sourcesContent":["import type { Token } from \"@/tokens/state/types\";\n\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport type { TokensFromLists } from \"@/tokens/state/fromListsAtom\";\nimport { type BridgeRoutesMode } from \"@/hooks/swap/prices/delta/queries/bridgeInfo/types\";\nimport { getBridgeInfoQueryData } from \"@/hooks/swap/prices/delta/queries/bridgeInfo/getBridgeInfoQueryData\";\n\nexport function isAcrossAvailable({\n  chainIdFrom,\n  chainIdTo,\n  mode,\n}: {\n  chainIdFrom: SupportedChainId;\n  chainIdTo: SupportedChainId;\n  mode: BridgeRoutesMode;\n}): boolean {\n  const cachedBridgeInfo = getBridgeInfoQueryData(mode);\n\n  if (!cachedBridgeInfo) return false;\n\n  const acrossTokens = cachedBridgeInfo[chainIdFrom]?.[chainIdTo];\n\n  return !!acrossTokens?.length;\n}\n\nexport function findFirstTokenFromAcross({\n  fromChainId,\n  toChainId,\n  listByChainId,\n  mode,\n}: {\n  fromChainId: SupportedChainId;\n  toChainId: SupportedChainId;\n  listByChainId: Record<number, TokensFromLists<Token>>;\n  mode: BridgeRoutesMode;\n}): Token | undefined {\n  const cachedBridgeInfo = getBridgeInfoQueryData(mode);\n\n  if (!cachedBridgeInfo) return;\n\n  const tokenMap = listByChainId[toChainId]?.addressMap;\n\n  const acrossTokens = cachedBridgeInfo[fromChainId]?.[toChainId];\n\n  const tokenToAddress = acrossTokens?.find(\n    (address) => tokenMap?.[address.toLowerCase()]\n  );\n\n  return tokenToAddress ? tokenMap?.[tokenToAddress.toLowerCase()] : undefined;\n}\n\ntype IsTokenFromAcrossInput = {\n  token: Pick<Token, \"address\">;\n  fromChainId: SupportedChainId;\n  toChainId: SupportedChainId;\n  mode: BridgeRoutesMode;\n};\n\nexport function isTokenFromAcross({\n  token,\n  fromChainId,\n  toChainId,\n  mode,\n}: IsTokenFromAcrossInput): boolean | undefined {\n  const cachedBridgeInfo = getBridgeInfoQueryData(mode);\n  if (!cachedBridgeInfo) return;\n  const tokenAddresses = cachedBridgeInfo[fromChainId]?.[toChainId];\n\n  if (!tokenAddresses) return false;\n  const isIncluded = tokenAddresses.find(\n    (address) => address.toLowerCase() === token.address.toLowerCase()\n  );\n\n  return !!isIncluded;\n}\n"],"mappings":";;AAOA,SAAgBK,EAAkB,EAChCC,gBACAC,cACAC,WAKU;CACV,IAAMC,IAAmBL,EAAuBI,EAAK;CAMrD,OAJKC,IAIE,CAAC,CAFaA,EAAiBH,KAAeC,IAE9BI,SAJO;;AAOhC,SAAgBC,EAAyB,EACvCC,gBACAC,cACAC,kBACAP,WAMoB;CACpB,IAAMC,IAAmBL,EAAuBI,EAAK;CAErD,IAAI,CAACC,GAAkB;CAEvB,IAAMQ,IAAWF,EAAcD,IAAYI,YAIrCC,KAFeV,EAAiBI,KAAeC,KAEhBM,MAClCC,MAAYJ,IAAWI,EAAQC,aAAa,EAC9C;CAED,OAAOH,IAAiBF,IAAWE,EAAeG,aAAa,IAAIC,KAAAA;;AAUrE,SAAgBI,EAAkB,EAChCF,UACAZ,gBACAC,cACAN,WAC8C;CAC9C,IAAMC,IAAmBL,EAAuBI,EAAK;CACrD,IAAI,CAACC,GAAkB;CACvB,IAAMmB,IAAiBnB,EAAiBI,KAAeC;CAOvD,OALKc,IAKE,CAAC,CAJWA,EAAeR,MAC/BC,MAAYA,EAAQC,aAAa,KAAKG,EAAMJ,QAAQC,aACvD,CAESO,GALmB"}

package/dist/core/index.js

@@ -73,7 +73,7 @@ import { useLayoutEffect as Pe, useRef as Fe } from "react";
 import { useQueryClient as Ie } from "@tanstack/react-query";
 import { Fragment as Le, jsx as Q, jsxs as $ } from "react/jsx-runtime";
 import { useHydrateAtoms as Re } from "jotai/utils";
-import { useAccount as ze } from "wagmi";
+import { useConnection as ze } from "wagmi";
 import { queryClientAtom as Be } from "jotai-tanstack-query";
 import { ErrorBoundary as Ve } from "react-error-boundary";
 //#region src/core/index.tsx