@velora-dex/widget 0.4.4-dev.1 → 0.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (169) hide show
  1. package/dist/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.js +2 -2
  2. package/dist/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.js.map +1 -1
  3. package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListRow.js +2 -2
  4. package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListRow.js.map +1 -1
  5. package/dist/components/widget/LimitOrderItem/LimitOrderDetails/utils.d.ts.map +1 -1
  6. package/dist/components/widget/LimitOrderItem/LimitOrderDetails/utils.js.map +1 -1
  7. package/dist/components/widget/PayReceiveInfo/PayReceiveInfo.d.ts +1 -1
  8. package/dist/components/widget/PayReceiveInfo/PayReceiveInfo.d.ts.map +1 -1
  9. package/dist/components/widget/PayReceiveInfo/PayReceiveInfo.js +137 -87
  10. package/dist/components/widget/PayReceiveInfo/PayReceiveInfo.js.map +1 -1
  11. package/dist/components/widget/PayReceiveInfo/types.d.ts +5 -3
  12. package/dist/components/widget/PayReceiveInfo/types.d.ts.map +1 -1
  13. package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.d.ts.map +1 -1
  14. package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.js +2 -2
  15. package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.js.map +1 -1
  16. package/dist/components/widget/SwapRate/SwapRate.d.ts +2 -2
  17. package/dist/components/widget/SwapRate/SwapRate.d.ts.map +1 -1
  18. package/dist/components/widget/SwapRate/SwapRate.js.map +1 -1
  19. package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.d.ts +2 -2
  20. package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.d.ts.map +1 -1
  21. package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js +78 -69
  22. package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js.map +1 -1
  23. package/dist/components/widget/TradeOverview/FillOtcOrderTradeOverview.d.ts +2 -2
  24. package/dist/components/widget/TradeOverview/FillOtcOrderTradeOverview.d.ts.map +1 -1
  25. package/dist/components/widget/TradeOverview/FillOtcOrderTradeOverview.js +14 -12
  26. package/dist/components/widget/TradeOverview/FillOtcOrderTradeOverview.js.map +1 -1
  27. package/dist/components/widget/TradeOverview/LimitOrderTradeOverview.d.ts +2 -2
  28. package/dist/components/widget/TradeOverview/LimitOrderTradeOverview.d.ts.map +1 -1
  29. package/dist/components/widget/TradeOverview/LimitOrderTradeOverview.js +15 -13
  30. package/dist/components/widget/TradeOverview/LimitOrderTradeOverview.js.map +1 -1
  31. package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.d.ts +2 -2
  32. package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.d.ts.map +1 -1
  33. package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.js +72 -63
  34. package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.js.map +1 -1
  35. package/dist/components/widget/TradeOverview/OtcOrderTradeOverview.d.ts +2 -2
  36. package/dist/components/widget/TradeOverview/OtcOrderTradeOverview.d.ts.map +1 -1
  37. package/dist/components/widget/TradeOverview/OtcOrderTradeOverview.js +17 -15
  38. package/dist/components/widget/TradeOverview/OtcOrderTradeOverview.js.map +1 -1
  39. package/dist/components/widget/TradeOverview/Step/utils.d.ts +2 -1
  40. package/dist/components/widget/TradeOverview/Step/utils.d.ts.map +1 -1
  41. package/dist/components/widget/TradeOverview/Step/utils.js +4 -2
  42. package/dist/components/widget/TradeOverview/Step/utils.js.map +1 -1
  43. package/dist/components/widget/TradeOverview/Stepper.d.ts +1 -1
  44. package/dist/components/widget/TradeOverview/Stepper.d.ts.map +1 -1
  45. package/dist/components/widget/TradeOverview/Stepper.js +59 -62
  46. package/dist/components/widget/TradeOverview/Stepper.js.map +1 -1
  47. package/dist/components/widget/TradeOverview/TradeDetails.d.ts.map +1 -1
  48. package/dist/components/widget/TradeOverview/TradeDetails.js +181 -13
  49. package/dist/components/widget/TradeOverview/TradeDetails.js.map +1 -1
  50. package/dist/components/widget/TradeOverview/TradeDetailsDisplay.js.map +1 -1
  51. package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.d.ts +2 -2
  52. package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.d.ts.map +1 -1
  53. package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.js +4 -4
  54. package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.js.map +1 -1
  55. package/dist/components/widget/TradeOverview/TradeOverview.d.ts +18 -2
  56. package/dist/components/widget/TradeOverview/TradeOverview.d.ts.map +1 -1
  57. package/dist/components/widget/TradeOverview/TradeOverview.js +145 -111
  58. package/dist/components/widget/TradeOverview/TradeOverview.js.map +1 -1
  59. package/dist/components/widget/TradeOverview/TradeOverviewFooter.d.ts +4 -1
  60. package/dist/components/widget/TradeOverview/TradeOverviewFooter.d.ts.map +1 -1
  61. package/dist/components/widget/TradeOverview/TradeOverviewFooter.js +74 -60
  62. package/dist/components/widget/TradeOverview/TradeOverviewFooter.js.map +1 -1
  63. package/dist/components/widget/TradeOverview/steps.d.ts +32 -0
  64. package/dist/components/widget/TradeOverview/steps.d.ts.map +1 -1
  65. package/dist/components/widget/TradeOverview/steps.js +12 -2
  66. package/dist/components/widget/TradeOverview/steps.js.map +1 -1
  67. package/dist/components/widget/TradeOverview/tradeFlowContext.d.ts.map +1 -1
  68. package/dist/components/widget/TradeOverview/tradeFlowContext.js +13 -1
  69. package/dist/components/widget/TradeOverview/tradeFlowContext.js.map +1 -1
  70. package/dist/components/widget/TradeOverview/utils/isNonFlowStep.d.ts +4 -0
  71. package/dist/components/widget/TradeOverview/utils/isNonFlowStep.d.ts.map +1 -0
  72. package/dist/components/widget/TradeOverview/utils/isNonFlowStep.js +6 -0
  73. package/dist/components/widget/TradeOverview/utils/isNonFlowStep.js.map +1 -0
  74. package/dist/components/widget/TradeOverview/utils/preWrap.d.ts +1 -1
  75. package/dist/components/widget/TradeOverview/utils/preWrap.d.ts.map +1 -1
  76. package/dist/components/widget/TradeOverview/utils/preWrap.js +2 -2
  77. package/dist/components/widget/TradeOverview/utils/preWrap.js.map +1 -1
  78. package/dist/components/widget/TransactionDetails/LimitOrderDetails/utils.d.ts.map +1 -1
  79. package/dist/components/widget/TransactionDetails/LimitOrderDetails/utils.js.map +1 -1
  80. package/dist/configurator/Configurator.d.ts.map +1 -1
  81. package/dist/core/inputs/hooks/useMaxButtonProps.js +2 -2
  82. package/dist/core/inputs/hooks/useMaxButtonProps.js.map +1 -1
  83. package/dist/core/inputs/hooks/useTokenFromInputProps.js +2 -2
  84. package/dist/core/inputs/hooks/useTokenFromInputProps.js.map +1 -1
  85. package/dist/core/limit/useLimitRate.d.ts.map +1 -1
  86. package/dist/core/limit/useLimitRate.js +36 -53
  87. package/dist/core/limit/useLimitRate.js.map +1 -1
  88. package/dist/core/limit/useLimitTokenFromInputProps.js +2 -2
  89. package/dist/core/limit/useLimitTokenFromInputProps.js.map +1 -1
  90. package/dist/hooks/otc/tradeFlow/useOtcOrderFlow.d.ts.map +1 -1
  91. package/dist/hooks/otc/tradeFlow/useOtcOrderFlow.js +9 -8
  92. package/dist/hooks/otc/tradeFlow/useOtcOrderFlow.js.map +1 -1
  93. package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.d.ts +23 -10
  94. package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.d.ts.map +1 -1
  95. package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.js +82 -36
  96. package/dist/hooks/swap/prices/delta/mutations/useCreateDeltaOrder.js.map +1 -1
  97. package/dist/hooks/swap/prices/delta/mutations/useCreatePreSignableDeltaOrder.d.ts +2 -2
  98. package/dist/hooks/swap/prices/delta/mutations/useCreatePreSignableDeltaOrder.d.ts.map +1 -1
  99. package/dist/hooks/swap/prices/delta/mutations/useCreatePreSignableDeltaOrder.js.map +1 -1
  100. package/dist/hooks/swap/prices/delta/mutations/useDeltaOrderToPost.d.ts +6 -2
  101. package/dist/hooks/swap/prices/delta/mutations/useDeltaOrderToPost.d.ts.map +1 -1
  102. package/dist/hooks/swap/prices/delta/mutations/useDeltaOrderToPost.js.map +1 -1
  103. package/dist/hooks/swap/prices/delta/queries/useDeltaLimitOrderRequiredBalance.js.map +1 -1
  104. package/dist/hooks/swap/prices/delta/queries/useDeltaPriceQuery.js +1 -27
  105. package/dist/hooks/swap/prices/delta/queries/useDeltaPriceQuery.js.map +1 -1
  106. package/dist/hooks/swap/prices/market/queries/useMarketPriceQuery.js +1 -27
  107. package/dist/hooks/swap/prices/market/queries/useMarketPriceQuery.js.map +1 -1
  108. package/dist/hooks/swap/prices/usePricesParams.d.ts +5 -0
  109. package/dist/hooks/swap/prices/usePricesParams.d.ts.map +1 -1
  110. package/dist/hooks/swap/prices/usePricesParams.js +21 -1
  111. package/dist/hooks/swap/prices/usePricesParams.js.map +1 -1
  112. package/dist/hooks/swap/prices/useSwapPrices.d.ts.map +1 -1
  113. package/dist/hooks/swap/prices/useSwapPrices.js +67 -72
  114. package/dist/hooks/swap/prices/useSwapPrices.js.map +1 -1
  115. package/dist/hooks/swap/tradeFlow/common/useApproveOrPermit.d.ts.map +1 -1
  116. package/dist/hooks/swap/tradeFlow/common/useApproveOrPermit.js +35 -35
  117. package/dist/hooks/swap/tradeFlow/common/useApproveOrPermit.js.map +1 -1
  118. package/dist/hooks/swap/tradeFlow/common/useDepositAndSubmitDeltaOrder.d.ts +2 -2
  119. package/dist/hooks/swap/tradeFlow/common/useDepositAndSubmitDeltaOrder.d.ts.map +1 -1
  120. package/dist/hooks/swap/tradeFlow/common/useDepositAndSubmitDeltaOrder.js +2 -22
  121. package/dist/hooks/swap/tradeFlow/common/useDepositAndSubmitDeltaOrder.js.map +1 -1
  122. package/dist/hooks/swap/tradeFlow/common/usePreSignAndSubmitDeltaOrder.d.ts +2 -2
  123. package/dist/hooks/swap/tradeFlow/common/usePreSignAndSubmitDeltaOrder.d.ts.map +1 -1
  124. package/dist/hooks/swap/tradeFlow/common/usePreSignAndSubmitDeltaOrder.js.map +1 -1
  125. package/dist/hooks/swap/tradeFlow/useDeltaFlow.d.ts +3 -1
  126. package/dist/hooks/swap/tradeFlow/useDeltaFlow.d.ts.map +1 -1
  127. package/dist/hooks/swap/tradeFlow/useDeltaFlow.js +72 -27
  128. package/dist/hooks/swap/tradeFlow/useDeltaFlow.js.map +1 -1
  129. package/dist/hooks/swap/tradeFlow/useDeltaSwapStep.d.ts +3 -1
  130. package/dist/hooks/swap/tradeFlow/useDeltaSwapStep.d.ts.map +1 -1
  131. package/dist/hooks/swap/tradeFlow/useDeltaSwapStep.js +178 -85
  132. package/dist/hooks/swap/tradeFlow/useDeltaSwapStep.js.map +1 -1
  133. package/dist/hooks/swap/tradeFlow/useLimitOrderFlow.d.ts +1 -0
  134. package/dist/hooks/swap/tradeFlow/useLimitOrderFlow.d.ts.map +1 -1
  135. package/dist/hooks/swap/tradeFlow/useLimitOrderFlow.js +17 -15
  136. package/dist/hooks/swap/tradeFlow/useLimitOrderFlow.js.map +1 -1
  137. package/dist/hooks/swap/tradeFlow/useLimitOrderStep.d.ts.map +1 -1
  138. package/dist/hooks/swap/tradeFlow/useLimitOrderStep.js +2 -1
  139. package/dist/hooks/swap/tradeFlow/useLimitOrderStep.js.map +1 -1
  140. package/dist/hooks/swap/tradeFlow/useMarketFlow.d.ts +2 -1
  141. package/dist/hooks/swap/tradeFlow/useMarketFlow.d.ts.map +1 -1
  142. package/dist/hooks/swap/tradeFlow/useMarketFlow.js +37 -11
  143. package/dist/hooks/swap/tradeFlow/useMarketFlow.js.map +1 -1
  144. package/dist/hooks/swap/tradeFlow/useMarketSwapStep.d.ts +2 -0
  145. package/dist/hooks/swap/tradeFlow/useMarketSwapStep.d.ts.map +1 -1
  146. package/dist/hooks/swap/tradeFlow/useMarketSwapStep.js +161 -79
  147. package/dist/hooks/swap/tradeFlow/useMarketSwapStep.js.map +1 -1
  148. package/dist/hooks/tokens/allowance/utils.d.ts +10 -2
  149. package/dist/hooks/tokens/allowance/utils.d.ts.map +1 -1
  150. package/dist/hooks/tokens/allowance/utils.js +19 -8
  151. package/dist/hooks/tokens/allowance/utils.js.map +1 -1
  152. package/dist/hooks/useSDK.d.ts +1 -1
  153. package/dist/hooks/useSDK.d.ts.map +1 -1
  154. package/dist/hooks/useSDK.js +1 -1
  155. package/dist/hooks/useSDK.js.map +1 -1
  156. package/dist/lib/constants/index.d.ts +1 -1
  157. package/dist/lib/constants/index.js +2 -2
  158. package/dist/lib/constants/index.js.map +1 -1
  159. package/dist/lib/constants/urls.d.ts.map +1 -1
  160. package/dist/lib/constants/urls.js.map +1 -1
  161. package/dist/lib/utils/fee.js +1 -1
  162. package/dist/lib/utils/fee.js.map +1 -1
  163. package/dist/lib/utils/slippage.d.ts.map +1 -1
  164. package/dist/lib/utils/slippage.js +1 -1
  165. package/dist/lib/utils/slippage.js.map +1 -1
  166. package/dist/lib/utils/toDecimal.d.ts.map +1 -1
  167. package/dist/lib/utils/toDecimal.js +5 -3
  168. package/dist/lib/utils/toDecimal.js.map +1 -1
  169. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"OtcOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAiB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAO5E,KAAK,0BAA0B,GAAG,IAAI,CACpC,kBAAkB,CAAC,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,EACzE,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,OAAO,EACP,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,0BAA0B,2CAuB5B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EAC1C,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,GACR,EAAE,gCAAgC,2CAqElC"}
1
+ {"version":3,"file":"OtcOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAiB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAO5E,KAAK,0BAA0B,GAAG,IAAI,CACpC,kBAAkB,CAAC,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,EACzE,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,eAAe,GACf,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,aAAa,EACb,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,0BAA0B,2CAwB5B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EAC1C,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,GACR,EAAE,gCAAgC,2CAqElC"}
@@ -4,12 +4,12 @@ import { TradeOverview } from './TradeOverview.js';
4
4
  import { OtcOrderSteps } from './steps.js';
5
5
  import { formatUnits } from 'viem/utils';
6
6
  import { useOtcOrderStep } from '../../../hooks/otc/tradeFlow/useOtcOrderStep.js';
7
- import { addPreWrapToOrderProps } from './utils/preWrap.js';
7
+ import { addPreWrapToOTCOrderProps } from './utils/preWrap.js';
8
8
  import { handleTxSent } from '../../../lib/utils/transactionHandlers.js';
9
9
  import { useRunOnMount } from '../../../core/screen/hooks/useRunOnMount.js';
10
10
 
11
11
  function OtcOrderTradeOverview(t0) {
12
- const $ = distExports.c(18);
12
+ const $ = distExports.c(19);
13
13
  const {
14
14
  fromToken,
15
15
  toToken,
@@ -18,8 +18,9 @@ function OtcOrderTradeOverview(t0) {
18
18
  onDismiss,
19
19
  onHelp,
20
20
  onCancelFlow,
21
- onRetry,
21
+ onResubmit,
22
22
  onCancelOrder,
23
+ onRestartFlow,
23
24
  activeStep,
24
25
  orderCancellationStep,
25
26
  isFlowCancellable,
@@ -30,8 +31,8 @@ function OtcOrderTradeOverview(t0) {
30
31
  tradeFlowType
31
32
  } = t0;
32
33
  let t1;
33
- if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== onCancelFlow || $[8] !== onCancelOrder || $[9] !== onDismiss || $[10] !== onHelp || $[11] !== onRetry || $[12] !== orderCancellationStep || $[13] !== result || $[14] !== toAmount || $[15] !== toToken || $[16] !== tradeFlowType) {
34
- t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: OtcOrderSteps, activeStep, orderCancellationStep, onDismiss, onHelp, onCancelFlow, onRetry, onCancelOrder, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
34
+ if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== onCancelFlow || $[8] !== onCancelOrder || $[9] !== onDismiss || $[10] !== onHelp || $[11] !== onRestartFlow || $[12] !== onResubmit || $[13] !== orderCancellationStep || $[14] !== result || $[15] !== toAmount || $[16] !== toToken || $[17] !== tradeFlowType) {
35
+ t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: OtcOrderSteps, activeStep, orderCancellationStep, onDismiss, onHelp, onCancelFlow, onResubmit, onCancelOrder, onRestartFlow, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
35
36
  $[0] = activeStep;
36
37
  $[1] = error;
37
38
  $[2] = erroredStep;
@@ -43,15 +44,16 @@ function OtcOrderTradeOverview(t0) {
43
44
  $[8] = onCancelOrder;
44
45
  $[9] = onDismiss;
45
46
  $[10] = onHelp;
46
- $[11] = onRetry;
47
- $[12] = orderCancellationStep;
48
- $[13] = result;
49
- $[14] = toAmount;
50
- $[15] = toToken;
51
- $[16] = tradeFlowType;
52
- $[17] = t1;
47
+ $[11] = onRestartFlow;
48
+ $[12] = onResubmit;
49
+ $[13] = orderCancellationStep;
50
+ $[14] = result;
51
+ $[15] = toAmount;
52
+ $[16] = toToken;
53
+ $[17] = tradeFlowType;
54
+ $[18] = t1;
53
55
  } else {
54
- t1 = $[17];
56
+ t1 = $[18];
55
57
  }
56
58
  return t1;
57
59
  }
@@ -65,7 +67,7 @@ function OtcOrderTradeOverviewScreen(t0) {
65
67
  const {
66
68
  orderProps,
67
69
  userDefinedPrice: otcPrice
68
- } = addPreWrapToOrderProps({
70
+ } = addPreWrapToOTCOrderProps({
69
71
  orderProps: orderPropsFromForm,
70
72
  userDefinedPrice: otcPriceFromForm
71
73
  });
@@ -123,7 +125,7 @@ function OtcOrderTradeOverviewScreen(t0) {
123
125
  const t6 = getToAmount(orderProps);
124
126
  let t7;
125
127
  if ($[5] !== T0 || $[6] !== cancelFlow || $[7] !== error || $[8] !== erroredStep || $[9] !== isFlowCancellable || $[10] !== onCancelOrder || $[11] !== onDismiss || $[12] !== orderCancellationStep || $[13] !== orderProps || $[14] !== result || $[15] !== retryFlow || $[16] !== step || $[17] !== t5 || $[18] !== t6 || $[19] !== tradeFlowType) {
126
- t7 = /* @__PURE__ */ jsx(T0, { fromToken: t3, toToken: t4, fromAmount: t5, toAmount: t6, onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, onCancelOrder, activeStep: step, orderCancellationStep, isFlowCancellable, result, error, erroredStep, tradeFlowType });
128
+ t7 = /* @__PURE__ */ jsx(T0, { fromToken: t3, toToken: t4, fromAmount: t5, toAmount: t6, onDismiss, onCancelFlow: cancelFlow, onResubmit: retryFlow, onCancelOrder, activeStep: step, orderCancellationStep, isFlowCancellable, result, error, erroredStep, tradeFlowType });
127
129
  $[5] = T0;
128
130
  $[6] = cancelFlow;
129
131
  $[7] = error;
@@ -1 +1 @@
1
- {"version":3,"file":"OtcOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"sourcesContent":["import type {\n SubmitOtcOrderResult,\n UserDefinedOtcPrice,\n} from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport {\n TradeOverview,\n type MinTradeOverviewProps,\n type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { OtcOrderSteps, type OtcOrderStepKey } from \"./steps\";\nimport type { OtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { formatUnits } from \"viem/utils\";\nimport { useOtcOrderStep } from \"@/hooks/otc/tradeFlow/useOtcOrderStep\";\nimport { addPreWrapToOrderProps } from \"./utils/preWrap\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype OtcOrderTradeOverviewProps = Pick<\n TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>,\n | \"fromToken\"\n | \"toToken\"\n | \"fromAmount\"\n | \"toAmount\"\n | \"onDismiss\"\n | \"onHelp\"\n | \"onCancelFlow\"\n | \"onRetry\"\n | \"onCancelOrder\"\n | \"isFlowCancellable\"\n | \"explorerLink\"\n | \"activeStep\"\n | \"orderCancellationStep\"\n | \"result\"\n | \"error\"\n | \"erroredStep\"\n | \"tradeFlowType\"\n>;\n\nexport function OtcOrderTradeOverview({\n fromToken,\n toToken,\n fromAmount,\n toAmount,\n onDismiss,\n onHelp,\n onCancelFlow,\n onRetry,\n onCancelOrder,\n activeStep,\n orderCancellationStep,\n isFlowCancellable,\n explorerLink,\n result,\n error,\n erroredStep,\n tradeFlowType,\n}: OtcOrderTradeOverviewProps) {\n return (\n <TradeOverview<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>\n fromToken={fromToken}\n toToken={toToken}\n fromAmount={fromAmount}\n toAmount={toAmount}\n steps={OtcOrderSteps}\n activeStep={activeStep}\n orderCancellationStep={orderCancellationStep}\n onDismiss={onDismiss}\n onHelp={onHelp}\n onCancelFlow={onCancelFlow}\n onRetry={onRetry}\n onCancelOrder={onCancelOrder}\n isFlowCancellable={isFlowCancellable}\n explorerLink={explorerLink}\n result={result}\n error={error}\n erroredStep={erroredStep}\n tradeFlowType={tradeFlowType}\n />\n );\n}\n\nexport type OtcOrderTradeOverviewScreenProps = {\n orderProps: MinTradeOverviewProps;\n otcPrice: UserDefinedOtcPrice;\n onClose?: () => void;\n};\n\nexport function OtcOrderTradeOverviewScreen({\n orderProps: orderPropsFromForm,\n otcPrice: otcPriceFromForm,\n onClose,\n}: OtcOrderTradeOverviewScreenProps) {\n const { orderProps, userDefinedPrice: otcPrice } = addPreWrapToOrderProps({\n orderProps: orderPropsFromForm,\n userDefinedPrice: otcPriceFromForm,\n });\n\n const {\n step,\n orderCancellationStep,\n startOtcOrder,\n cancelOtcOrder,\n cancelFlow,\n retryFlow,\n isFlowCancellable,\n isOrderCancellable,\n reset,\n result,\n error,\n erroredStep,\n tradeFlowType,\n } = useOtcOrderStep({\n otcPrice,\n preWrapETH: orderProps?.preWrapETH,\n });\n\n // avoid multiple instances of transaction submitted at once due to unstable fn ref\n useRunOnMount(() => {\n startOtcOrder({\n onTxSent: handleTxSent,\n });\n });\n\n const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n otcPrice\n ? formatUnits(BigInt(otcPrice.srcAmount), orderProps.fromToken.decimals)\n : orderProps.fromAmount;\n\n const getToAmount = (orderProps: MinTradeOverviewProps) =>\n otcPrice\n ? formatUnits(BigInt(otcPrice.destAmount), orderProps.toToken.decimals)\n : orderProps.toAmount;\n\n const onDismiss = () => {\n onClose?.();\n // reset at this point helps to reset all mutations\n reset();\n };\n\n const onCancelOrder = isOrderCancellable ? cancelOtcOrder : undefined;\n\n return (\n <OtcOrderTradeOverview\n fromToken={orderProps.fromToken}\n toToken={orderProps.toToken}\n fromAmount={getFromAmount(orderProps)}\n toAmount={getToAmount(orderProps)}\n onDismiss={onDismiss}\n onCancelFlow={cancelFlow}\n onRetry={retryFlow}\n onCancelOrder={onCancelOrder}\n activeStep={step}\n orderCancellationStep={orderCancellationStep}\n isFlowCancellable={isFlowCancellable}\n result={result}\n error={error}\n erroredStep={erroredStep}\n tradeFlowType={tradeFlowType}\n />\n );\n}\n"],"names":["OtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onRetry","onCancelOrder","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","OtcOrderSteps","OtcOrderTradeOverviewScreen","orderProps","orderPropsFromForm","otcPrice","otcPriceFromForm","onClose","userDefinedPrice","addPreWrapToOrderProps","step","startOtcOrder","cancelOtcOrder","cancelFlow","retryFlow","isOrderCancellable","reset","useOtcOrderStep","preWrapETH","onTxSent","handleTxSent","useRunOnMount","getFromAmount","orderProps_0","formatUnits","BigInt","srcAmount","decimals","getToAmount","orderProps_1","destAmount","t2","undefined","T0","t3","t4","t5","t6","t7"],"mappings":"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"}
1
+ {"version":3,"file":"OtcOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"sourcesContent":["import type {\n SubmitOtcOrderResult,\n UserDefinedOtcPrice,\n} from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport {\n TradeOverview,\n type MinTradeOverviewProps,\n type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { OtcOrderSteps, type OtcOrderStepKey } from \"./steps\";\nimport type { OtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { formatUnits } from \"viem/utils\";\nimport { useOtcOrderStep } from \"@/hooks/otc/tradeFlow/useOtcOrderStep\";\nimport { addPreWrapToOTCOrderProps } from \"./utils/preWrap\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype OtcOrderTradeOverviewProps = Pick<\n TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>,\n | \"fromToken\"\n | \"toToken\"\n | \"fromAmount\"\n | \"toAmount\"\n | \"onDismiss\"\n | \"onHelp\"\n | \"onCancelFlow\"\n | \"onResubmit\"\n | \"onCancelOrder\"\n | \"onRestartFlow\"\n | \"isFlowCancellable\"\n | \"explorerLink\"\n | \"activeStep\"\n | \"orderCancellationStep\"\n | \"result\"\n | \"error\"\n | \"erroredStep\"\n | \"tradeFlowType\"\n>;\n\nexport function OtcOrderTradeOverview({\n fromToken,\n toToken,\n fromAmount,\n toAmount,\n onDismiss,\n onHelp,\n onCancelFlow,\n onResubmit,\n onCancelOrder,\n onRestartFlow,\n activeStep,\n orderCancellationStep,\n isFlowCancellable,\n explorerLink,\n result,\n error,\n erroredStep,\n tradeFlowType,\n}: OtcOrderTradeOverviewProps) {\n return (\n <TradeOverview<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>\n fromToken={fromToken}\n toToken={toToken}\n fromAmount={fromAmount}\n toAmount={toAmount}\n steps={OtcOrderSteps}\n activeStep={activeStep}\n orderCancellationStep={orderCancellationStep}\n onDismiss={onDismiss}\n onHelp={onHelp}\n onCancelFlow={onCancelFlow}\n onResubmit={onResubmit}\n onCancelOrder={onCancelOrder}\n onRestartFlow={onRestartFlow}\n isFlowCancellable={isFlowCancellable}\n explorerLink={explorerLink}\n result={result}\n error={error}\n erroredStep={erroredStep}\n tradeFlowType={tradeFlowType}\n />\n );\n}\n\nexport type OtcOrderTradeOverviewScreenProps = {\n orderProps: MinTradeOverviewProps;\n otcPrice: UserDefinedOtcPrice;\n onClose?: () => void;\n};\n\nexport function OtcOrderTradeOverviewScreen({\n orderProps: orderPropsFromForm,\n otcPrice: otcPriceFromForm,\n onClose,\n}: OtcOrderTradeOverviewScreenProps) {\n const { orderProps, userDefinedPrice: otcPrice } = addPreWrapToOTCOrderProps({\n orderProps: orderPropsFromForm,\n userDefinedPrice: otcPriceFromForm,\n });\n\n const {\n step,\n orderCancellationStep,\n startOtcOrder,\n cancelOtcOrder,\n cancelFlow,\n retryFlow,\n isFlowCancellable,\n isOrderCancellable,\n reset,\n result,\n error,\n erroredStep,\n tradeFlowType,\n } = useOtcOrderStep({\n otcPrice,\n preWrapETH: orderProps?.preWrapETH,\n });\n\n // avoid multiple instances of transaction submitted at once due to unstable fn ref\n useRunOnMount(() => {\n startOtcOrder({\n onTxSent: handleTxSent,\n });\n });\n\n const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n otcPrice\n ? formatUnits(BigInt(otcPrice.srcAmount), orderProps.fromToken.decimals)\n : orderProps.fromAmount;\n\n const getToAmount = (orderProps: MinTradeOverviewProps) =>\n otcPrice\n ? formatUnits(BigInt(otcPrice.destAmount), orderProps.toToken.decimals)\n : orderProps.toAmount;\n\n const onDismiss = () => {\n onClose?.();\n // reset at this point helps to reset all mutations\n reset();\n };\n\n const onCancelOrder = isOrderCancellable ? cancelOtcOrder : undefined;\n\n return (\n <OtcOrderTradeOverview\n fromToken={orderProps.fromToken}\n toToken={orderProps.toToken}\n fromAmount={getFromAmount(orderProps)}\n toAmount={getToAmount(orderProps)}\n onDismiss={onDismiss}\n onCancelFlow={cancelFlow}\n onResubmit={retryFlow}\n onCancelOrder={onCancelOrder}\n activeStep={step}\n orderCancellationStep={orderCancellationStep}\n isFlowCancellable={isFlowCancellable}\n result={result}\n error={error}\n erroredStep={erroredStep}\n tradeFlowType={tradeFlowType}\n />\n );\n}\n"],"names":["OtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onCancelOrder","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","OtcOrderSteps","OtcOrderTradeOverviewScreen","orderProps","orderPropsFromForm","otcPrice","otcPriceFromForm","onClose","userDefinedPrice","addPreWrapToOTCOrderProps","step","startOtcOrder","cancelOtcOrder","cancelFlow","retryFlow","isOrderCancellable","reset","useOtcOrderStep","preWrapETH","onTxSent","handleTxSent","useRunOnMount","getFromAmount","orderProps_0","formatUnits","BigInt","srcAmount","decimals","getToAmount","orderProps_1","destAmount","t2","undefined","T0","t3","t4","t5","t6","t7"],"mappings":"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"}
@@ -6,7 +6,8 @@ type PrepareStepPropsParams<Key extends string = string> = {
6
6
  currentStepIndex: number;
7
7
  activeStepIndex: number;
8
8
  titleFnProps: TitleFnProps;
9
+ stepNumberCorrection: number;
9
10
  };
10
- export declare function prepareStepProps<Key extends string = string>({ currentStep, activeStep, currentStepIndex, activeStepIndex, titleFnProps, }: PrepareStepPropsParams<Key>): StepProps | null;
11
+ export declare function prepareStepProps<Key extends string = string>({ currentStep, activeStep, currentStepIndex, activeStepIndex, titleFnProps, stepNumberCorrection, }: PrepareStepPropsParams<Key>): StepProps | null;
11
12
  export {};
12
13
  //# sourceMappingURL=utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/Step/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,QAAQ,EACR,oBAAoB,EAEpB,YAAY,EACZ,SAAS,EACV,MAAM,SAAS,CAAC;AAEjB,wBAAgB,sBAAsB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,EAChE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,GAClB,IAAI,IAAI,oBAAoB,CAAC,GAAG,CAAC,CAEnC;AAED,KAAK,sBAAsB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,IAAI;IACzD,WAAW,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,EAC5D,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,YAAY,GACb,EAAE,sBAAsB,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,CAkChD"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/Step/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,QAAQ,EACR,oBAAoB,EAEpB,YAAY,EACZ,SAAS,EACV,MAAM,SAAS,CAAC;AAEjB,wBAAgB,sBAAsB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,EAChE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,GAClB,IAAI,IAAI,oBAAoB,CAAC,GAAG,CAAC,CAEnC;AAED,KAAK,sBAAsB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,IAAI;IACzD,WAAW,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,EAC5D,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,oBAAoB,GACrB,EAAE,sBAAsB,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,CAsChD"}
@@ -6,7 +6,8 @@ function prepareStepProps({
6
6
  activeStep,
7
7
  currentStepIndex,
8
8
  activeStepIndex,
9
- titleFnProps
9
+ titleFnProps,
10
+ stepNumberCorrection
10
11
  }) {
11
12
  let stepState;
12
13
  if (activeStepIndex === currentStepIndex) {
@@ -29,11 +30,12 @@ function prepareStepProps({
29
30
  const titleOrFn = typeof stepTitle === "string" ? stepTitle : stepTitle[stepState];
30
31
  const title = typeof titleOrFn === "function" ? titleOrFn(titleFnProps) : titleOrFn;
31
32
  const description = typeof stepDesc === "function" ? stepDesc(titleFnProps) : stepDesc;
33
+ const stepNumber = currentStepIndex + 1 + stepNumberCorrection;
32
34
  return {
33
35
  title,
34
36
  description,
35
37
  stepState,
36
- stepNumber: currentStepIndex + 1
38
+ stepNumber
37
39
  };
38
40
  }
39
41
 
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TradeOverview/Step/utils.ts"],"sourcesContent":["import type {\n ActiveStep,\n FlowStep,\n FlowStepWithSubSteps,\n StepState,\n TitleFnProps,\n StepProps,\n} from \"./types\";\n\nexport function isFlowStepWithSubSteps<Key extends string = string>(\n step: FlowStep<Key>\n): step is FlowStepWithSubSteps<Key> {\n return \"subSteps\" in step;\n}\n\ntype PrepareStepPropsParams<Key extends string = string> = {\n currentStep: FlowStep<Key>;\n activeStep?: ActiveStep<Key>;\n currentStepIndex: number;\n activeStepIndex: number;\n titleFnProps: TitleFnProps;\n};\n\nexport function prepareStepProps<Key extends string = string>({\n currentStep,\n activeStep,\n currentStepIndex,\n activeStepIndex,\n titleFnProps,\n}: PrepareStepPropsParams<Key>): StepProps | null {\n let stepState: StepState;\n\n if (activeStepIndex === currentStepIndex) {\n stepState = \"ongoing\";\n } else if (activeStepIndex > currentStepIndex) {\n stepState = \"done\";\n } else if (activeStepIndex === currentStepIndex - 1) {\n stepState = \"next\";\n } else {\n stepState = \"upcoming\";\n }\n if (stepState === \"done\") {\n return null;\n }\n\n const stepOrSubStep = isFlowStepWithSubSteps(currentStep)\n ? (currentStep.subSteps.find(\n (subStep) => subStep.key === activeStep?.subStep\n ) ?? currentStep.subSteps[0])\n : currentStep;\n\n const { title: stepTitle, description: stepDesc } = stepOrSubStep;\n\n const titleOrFn =\n typeof stepTitle === \"string\" ? stepTitle : stepTitle[stepState];\n\n const title =\n typeof titleOrFn === \"function\" ? titleOrFn(titleFnProps) : titleOrFn;\n\n const description =\n typeof stepDesc === \"function\" ? stepDesc(titleFnProps) : stepDesc;\n\n return { title, description, stepState, stepNumber: currentStepIndex + 1 };\n}\n"],"names":["isFlowStepWithSubSteps","step","prepareStepProps","currentStep","activeStep","currentStepIndex","activeStepIndex","titleFnProps","stepState","stepOrSubStep","subSteps","find","subStep","key","title","stepTitle","description","stepDesc","titleOrFn","stepNumber"],"mappings":"AASO,SAASA,uBACdC,IAAAA,EACmC;AACnC,EAAA,OAAO,UAAA,IAAcA,IAAAA;AACvB;AAUO,SAASC,gBAAAA,CAA8C;AAAA,EAC5DC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC;AAC2B,CAAA,EAAqB;AAChD,EAAA,IAAIC,SAAAA;AAEJ,EAAA,IAAIF,oBAAoBD,gBAAAA,EAAkB;AACxCG,IAAAA,SAAAA,GAAY,SAAA;AAAA,EACd,CAAA,MAAA,IAAWF,kBAAkBD,gBAAAA,EAAkB;AAC7CG,IAAAA,SAAAA,GAAY,MAAA;AAAA,EACd,CAAA,MAAA,IAAWF,eAAAA,KAAoBD,gBAAAA,GAAmB,CAAA,EAAG;AACnDG,IAAAA,SAAAA,GAAY,MAAA;AAAA,EACd,CAAA,MAAO;AACLA,IAAAA,SAAAA,GAAY,UAAA;AAAA,EACd;AACA,EAAA,IAAIA,cAAc,MAAA,EAAQ;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAMC,gBAAgBT,sBAAAA,CAAuBG,WAAW,CAAA,GACnDA,WAAAA,CAAYO,SAASC,IAAAA,CACnBC,CAAAA,OAAAA,KAAYA,OAAAA,CAAQC,GAAAA,KAAQT,YAAYQ,OAC3C,CAAA,IAAKT,WAAAA,CAAYO,QAAAA,CAAS,CAAC,CAAA,GAC3BP,WAAAA;AAEJ,EAAA,MAAM;AAAA,IAAEW,KAAAA,EAAOC,SAAAA;AAAAA,IAAWC,WAAAA,EAAaC;AAAAA,GAAS,GAAIR,aAAAA;AAEpD,EAAA,MAAMS,YACJ,OAAOH,SAAAA,KAAc,QAAA,GAAWA,SAAAA,GAAYA,UAAUP,SAAS,CAAA;AAEjE,EAAA,MAAMM,QACJ,OAAOI,SAAAA,KAAc,UAAA,GAAaA,SAAAA,CAAUX,YAAY,CAAA,GAAIW,SAAAA;AAE9D,EAAA,MAAMF,cACJ,OAAOC,QAAAA,KAAa,UAAA,GAAaA,QAAAA,CAASV,YAAY,CAAA,GAAIU,QAAAA;AAE5D,EAAA,OAAO;AAAA,IAAEH,KAAAA;AAAAA,IAAOE,WAAAA;AAAAA,IAAaR,SAAAA;AAAAA,IAAWW,YAAYd,gBAAAA,GAAmB;AAAA,GAAE;AAC3E;;;;"}
1
+ {"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TradeOverview/Step/utils.ts"],"sourcesContent":["import type {\n ActiveStep,\n FlowStep,\n FlowStepWithSubSteps,\n StepState,\n TitleFnProps,\n StepProps,\n} from \"./types\";\n\nexport function isFlowStepWithSubSteps<Key extends string = string>(\n step: FlowStep<Key>\n): step is FlowStepWithSubSteps<Key> {\n return \"subSteps\" in step;\n}\n\ntype PrepareStepPropsParams<Key extends string = string> = {\n currentStep: FlowStep<Key>;\n activeStep?: ActiveStep<Key>;\n currentStepIndex: number;\n activeStepIndex: number;\n titleFnProps: TitleFnProps;\n stepNumberCorrection: number;\n};\n\nexport function prepareStepProps<Key extends string = string>({\n currentStep,\n activeStep,\n currentStepIndex,\n activeStepIndex,\n titleFnProps,\n stepNumberCorrection,\n}: PrepareStepPropsParams<Key>): StepProps | null {\n let stepState: StepState;\n\n if (activeStepIndex === currentStepIndex) {\n stepState = \"ongoing\";\n } else if (activeStepIndex > currentStepIndex) {\n stepState = \"done\";\n } else if (activeStepIndex === currentStepIndex - 1) {\n stepState = \"next\";\n } else {\n stepState = \"upcoming\";\n }\n if (stepState === \"done\") {\n return null;\n }\n\n const stepOrSubStep = isFlowStepWithSubSteps(currentStep)\n ? (currentStep.subSteps.find(\n (subStep) => subStep.key === activeStep?.subStep\n ) ?? currentStep.subSteps[0])\n : currentStep;\n\n const { title: stepTitle, description: stepDesc } = stepOrSubStep;\n\n const titleOrFn =\n typeof stepTitle === \"string\" ? stepTitle : stepTitle[stepState];\n\n const title =\n typeof titleOrFn === \"function\" ? titleOrFn(titleFnProps) : titleOrFn;\n\n const description =\n typeof stepDesc === \"function\" ? stepDesc(titleFnProps) : stepDesc;\n\n // if first step of the flow is skipped in the current flow (prepare-swap is skipped unless in resubmit flow),\n // we need to avoid marking the inital step as stepNumber=2\n const stepNumber = currentStepIndex + 1 + stepNumberCorrection;\n\n return { title, description, stepState, stepNumber };\n}\n"],"names":["isFlowStepWithSubSteps","step","prepareStepProps","currentStep","activeStep","currentStepIndex","activeStepIndex","titleFnProps","stepNumberCorrection","stepState","stepOrSubStep","subSteps","find","subStep","key","title","stepTitle","description","stepDesc","titleOrFn","stepNumber"],"mappings":"AASO,SAASA,uBACdC,IAAAA,EACmC;AACnC,EAAA,OAAO,UAAA,IAAcA,IAAAA;AACvB;AAWO,SAASC,gBAAAA,CAA8C;AAAA,EAC5DC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC;AAC2B,CAAA,EAAqB;AAChD,EAAA,IAAIC,SAAAA;AAEJ,EAAA,IAAIH,oBAAoBD,gBAAAA,EAAkB;AACxCI,IAAAA,SAAAA,GAAY,SAAA;AAAA,EACd,CAAA,MAAA,IAAWH,kBAAkBD,gBAAAA,EAAkB;AAC7CI,IAAAA,SAAAA,GAAY,MAAA;AAAA,EACd,CAAA,MAAA,IAAWH,eAAAA,KAAoBD,gBAAAA,GAAmB,CAAA,EAAG;AACnDI,IAAAA,SAAAA,GAAY,MAAA;AAAA,EACd,CAAA,MAAO;AACLA,IAAAA,SAAAA,GAAY,UAAA;AAAA,EACd;AACA,EAAA,IAAIA,cAAc,MAAA,EAAQ;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAMC,gBAAgBV,sBAAAA,CAAuBG,WAAW,CAAA,GACnDA,WAAAA,CAAYQ,SAASC,IAAAA,CACnBC,CAAAA,OAAAA,KAAYA,OAAAA,CAAQC,GAAAA,KAAQV,YAAYS,OAC3C,CAAA,IAAKV,WAAAA,CAAYQ,QAAAA,CAAS,CAAC,CAAA,GAC3BR,WAAAA;AAEJ,EAAA,MAAM;AAAA,IAAEY,KAAAA,EAAOC,SAAAA;AAAAA,IAAWC,WAAAA,EAAaC;AAAAA,GAAS,GAAIR,aAAAA;AAEpD,EAAA,MAAMS,YACJ,OAAOH,SAAAA,KAAc,QAAA,GAAWA,SAAAA,GAAYA,UAAUP,SAAS,CAAA;AAEjE,EAAA,MAAMM,QACJ,OAAOI,SAAAA,KAAc,UAAA,GAAaA,SAAAA,CAAUZ,YAAY,CAAA,GAAIY,SAAAA;AAE9D,EAAA,MAAMF,cACJ,OAAOC,QAAAA,KAAa,UAAA,GAAaA,QAAAA,CAASX,YAAY,CAAA,GAAIW,QAAAA;AAI5D,EAAA,MAAME,UAAAA,GAAaf,mBAAmB,CAAA,GAAIG,oBAAAA;AAE1C,EAAA,OAAO;AAAA,IAAEO,KAAAA;AAAAA,IAAOE,WAAAA;AAAAA,IAAaR,SAAAA;AAAAA,IAAWW;AAAAA,GAAW;AACrD;;;;"}
@@ -1,2 +1,2 @@
1
- export declare const Stepper: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const Stepper: () => import("react/jsx-runtime").JSX.Element | null;
2
2
  //# sourceMappingURL=Stepper.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"names":[],"mappings":"AA4EA,eAAO,MAAM,OAAO,+CAcnB,CAAC"}
1
+ {"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"names":[],"mappings":"AAiGA,eAAO,MAAM,OAAO,sDAgBnB,CAAC"}
@@ -6,80 +6,74 @@ import { prepareStepProps } from './Step/utils.js';
6
6
  import { useTradeFlowContext } from './tradeFlowContext.js';
7
7
  import { VerticalDash } from './VerticalDash.js';
8
8
  import { stepItemProps } from './motionProps.js';
9
+ import { useInitialValue } from '../../../core/screen/hooks/useInitialValue.js';
10
+ import { isTruthy } from '../../../lib/utils/index.js';
9
11
 
12
+ const MAX_DISPLAYED_STEPS_AT_ONCE = 3;
10
13
  const StepperBase = (t0) => {
11
- const $ = distExports.c(16);
12
- let T0;
14
+ const $ = distExports.c(10);
15
+ const {
16
+ steps,
17
+ activeStep,
18
+ ...titleFnProps
19
+ } = t0;
13
20
  let t1;
14
- let t2;
15
- let t3;
16
- let t4;
17
- if ($[0] !== t0) {
18
- const {
19
- steps,
20
- activeStep,
21
- ...titleFnProps
22
- } = t0;
23
- const activeStepIndex = activeStep ? steps.findIndex((step) => step.key === activeStep.key) : -1;
24
- const isActiveStepLast = activeStepIndex === steps.length - 1;
25
- t3 = "flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2";
26
- if ($[6] !== isActiveStepLast) {
27
- t4 = !isActiveStepLast && /* @__PURE__ */ jsx("div", { className: "absolute left-[17px] top-0 bottom-[17px] flex justify-center", children: /* @__PURE__ */ jsx(VerticalDash, {}) });
28
- $[6] = isActiveStepLast;
29
- $[7] = t4;
30
- } else {
31
- t4 = $[7];
32
- }
33
- T0 = AnimatePresence;
34
- t1 = "popLayout";
35
- t2 = steps.map((step_0, i) => {
36
- const prepareStepPropsParams = {
37
- currentStep: step_0,
38
- activeStepIndex,
39
- currentStepIndex: i,
40
- activeStep,
41
- titleFnProps
42
- };
43
- const stepProps = prepareStepProps(prepareStepPropsParams);
44
- return stepProps ? /* @__PURE__ */ jsx(motion.div, { ...stepItemProps, children: /* @__PURE__ */ jsx(Step, { ...stepProps }) }, step_0.key) : null;
45
- });
46
- $[0] = t0;
47
- $[1] = T0;
21
+ if ($[0] !== activeStep || $[1] !== steps) {
22
+ t1 = activeStep ? steps.findIndex((step) => step.key === activeStep.key) : -1;
23
+ $[0] = activeStep;
24
+ $[1] = steps;
48
25
  $[2] = t1;
49
- $[3] = t2;
50
- $[4] = t3;
51
- $[5] = t4;
52
26
  } else {
53
- T0 = $[1];
54
27
  t1 = $[2];
55
- t2 = $[3];
56
- t3 = $[4];
57
- t4 = $[5];
58
28
  }
59
- let t5;
60
- if ($[8] !== T0 || $[9] !== t1 || $[10] !== t2) {
61
- t5 = /* @__PURE__ */ jsx(T0, { mode: t1, children: t2 });
62
- $[8] = T0;
63
- $[9] = t1;
64
- $[10] = t2;
65
- $[11] = t5;
29
+ const activeStepIndex = t1;
30
+ const isActiveStepLast = activeStepIndex === steps.length - 1;
31
+ const startedAtStepWithIndex = useInitialValue(activeStepIndex);
32
+ const validSteps = steps.map((step_0, i) => {
33
+ const prepareStepPropsParams = {
34
+ currentStep: step_0,
35
+ activeStepIndex,
36
+ currentStepIndex: i,
37
+ activeStep,
38
+ titleFnProps,
39
+ stepNumberCorrection: -1 * startedAtStepWithIndex
40
+ };
41
+ const stepProps = prepareStepProps(prepareStepPropsParams);
42
+ if (!stepProps) {
43
+ return null;
44
+ }
45
+ return /* @__PURE__ */ jsx(motion.div, { ...stepItemProps, children: /* @__PURE__ */ jsx(Step, { ...stepProps }) }, step_0.key);
46
+ }).filter(isTruthy);
47
+ const renderedSteps = validSteps.length > MAX_DISPLAYED_STEPS_AT_ONCE ? validSteps.slice(0, MAX_DISPLAYED_STEPS_AT_ONCE) : validSteps;
48
+ let t2;
49
+ if ($[3] !== isActiveStepLast) {
50
+ t2 = !isActiveStepLast && /* @__PURE__ */ jsx("div", { className: "absolute left-[17px] top-0 bottom-[17px] flex justify-center", children: /* @__PURE__ */ jsx(VerticalDash, {}) });
51
+ $[3] = isActiveStepLast;
52
+ $[4] = t2;
53
+ } else {
54
+ t2 = $[4];
55
+ }
56
+ let t3;
57
+ if ($[5] !== renderedSteps) {
58
+ t3 = /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: renderedSteps });
59
+ $[5] = renderedSteps;
60
+ $[6] = t3;
66
61
  } else {
67
- t5 = $[11];
62
+ t3 = $[6];
68
63
  }
69
- let t6;
70
- if ($[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
71
- t6 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: t3, children: [
72
- t4,
73
- t5
64
+ let t4;
65
+ if ($[7] !== t2 || $[8] !== t3) {
66
+ t4 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2", children: [
67
+ t2,
68
+ t3
74
69
  ] }) });
75
- $[12] = t3;
76
- $[13] = t4;
77
- $[14] = t5;
78
- $[15] = t6;
70
+ $[7] = t2;
71
+ $[8] = t3;
72
+ $[9] = t4;
79
73
  } else {
80
- t6 = $[15];
74
+ t4 = $[9];
81
75
  }
82
- return t6;
76
+ return t4;
83
77
  };
84
78
  const Stepper = () => {
85
79
  const $ = distExports.c(7);
@@ -91,6 +85,9 @@ const Stepper = () => {
91
85
  steps,
92
86
  activeStep
93
87
  } = useTradeFlowContext();
88
+ if (!activeStep) {
89
+ return null;
90
+ }
94
91
  let t0;
95
92
  if ($[0] !== activeStep || $[1] !== fromAmount || $[2] !== fromToken || $[3] !== steps || $[4] !== toAmount || $[5] !== toToken) {
96
93
  t0 = /* @__PURE__ */ jsx(StepperBase, { steps, activeStep, fromToken, toToken, fromAmount, toAmount });
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.js","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["// import { Informative } from \"../Informative/Informative\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { Step } from \"./Step/Step\";\nimport type { ActiveStep, FlowStep } from \"./Step/types\";\nimport { prepareStepProps } from \"./Step/utils\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\nimport { stepItemProps } from \"./motionProps\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n steps: FlowStep<Key>[];\n activeStep?: ActiveStep<Key>;\n fromToken: MinTradeFlowToken;\n toToken: MinTradeFlowToken;\n fromAmount: string;\n toAmount: string;\n};\n\nconst StepperBase = <Key extends string = string>({\n steps,\n activeStep,\n ...titleFnProps\n}: StepperProps<Key>) => {\n const activeStepIndex = activeStep\n ? steps.findIndex((step) => step.key === activeStep.key)\n : -1;\n\n const isActiveStepLast = activeStepIndex === steps.length - 1;\n\n return (\n <>\n <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n {/* Vertical line positioned absolutely */}\n {!isActiveStepLast && (\n // show vertical line only if there will be more than 1 step displayed\n <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n <VerticalDash />\n </div>\n )}\n <AnimatePresence mode=\"popLayout\">\n {steps.map((step, i) => {\n const prepareStepPropsParams = {\n currentStep: step,\n activeStepIndex,\n currentStepIndex: i,\n activeStep,\n titleFnProps,\n };\n\n const stepProps = prepareStepProps(prepareStepPropsParams);\n\n return stepProps ? (\n <motion.div key={step.key} {...stepItemProps}>\n <Step {...stepProps} />\n </motion.div>\n ) : null;\n })}\n </AnimatePresence>\n </div>\n\n {/* show StepperHint on the last step, @TODO reenable when we have conditional hints */}\n {/* {steps.length - activeStepIndex === 1 && <StepperHint />} */}\n </>\n );\n};\n\n/* const StepperHint = () => (\n <Informative\n title=\"Did you know?\"\n description=\"There may be a network issue (such as sudden gas price spike) that is delaying your order\"\n classes={{ root: \"mb-4\" }}\n />\n); */\n\nexport const Stepper = () => {\n const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n useTradeFlowContext();\n\n return (\n <StepperBase\n steps={steps}\n activeStep={activeStep}\n fromToken={fromToken}\n toToken={toToken}\n fromAmount={fromAmount}\n toAmount={toAmount}\n />\n );\n};\n"],"names":["StepperBase","t0","$","_c","T0","t1","t2","t3","t4","steps","activeStep","titleFnProps","activeStepIndex","findIndex","step","key","isActiveStepLast","length","AnimatePresence","map","step_0","i","prepareStepPropsParams","currentStep","currentStepIndex","stepProps","prepareStepProps","stepItemProps","t5","t6","Stepper","fromToken","toToken","fromAmount","toAmount","useTradeFlowContext"],"mappings":"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"}
1
+ {"version":3,"file":"Stepper.js","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["// import { Informative } from \"../Informative/Informative\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { Step } from \"./Step/Step\";\nimport type { ActiveStep, FlowStep } from \"./Step/types\";\nimport { prepareStepProps } from \"./Step/utils\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\nimport { stepItemProps } from \"./motionProps\";\nimport { useInitialValue } from \"@/core/screen/hooks/useInitialValue\";\nimport { isTruthy } from \"@/lib/utils\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n steps: FlowStep<Key>[];\n activeStep?: ActiveStep<Key>;\n fromToken: MinTradeFlowToken;\n toToken: MinTradeFlowToken;\n fromAmount: string;\n toAmount: string;\n};\n\nconst MAX_DISPLAYED_STEPS_AT_ONCE = 3;\n\nconst StepperBase = <Key extends string = string>({\n steps,\n activeStep,\n ...titleFnProps\n}: StepperProps<Key>) => {\n const activeStepIndex = activeStep\n ? steps.findIndex((step) => step.key === activeStep.key)\n : -1;\n\n const isActiveStepLast = activeStepIndex === steps.length - 1;\n\n // index of the first step displayed by stepper,\n // so that we avoid Approve Order #2 when there is a Prepare Swap step in the list before it\n const startedAtStepWithIndex = useInitialValue(activeStepIndex);\n\n // let displayedStepsN = 0;\n\n const validSteps = steps\n .map((step, i) => {\n const prepareStepPropsParams = {\n currentStep: step,\n activeStepIndex,\n currentStepIndex: i,\n activeStep,\n titleFnProps,\n stepNumberCorrection: -1 * startedAtStepWithIndex,\n };\n\n const stepProps = prepareStepProps(prepareStepPropsParams);\n\n if (!stepProps) return null;\n\n return (\n <motion.div key={step.key} {...stepItemProps}>\n <Step {...stepProps} />\n </motion.div>\n );\n })\n .filter(isTruthy);\n\n // avoid stepper growing too much in height when there are many steps\n const renderedSteps =\n validSteps.length > MAX_DISPLAYED_STEPS_AT_ONCE\n ? validSteps.slice(0, MAX_DISPLAYED_STEPS_AT_ONCE)\n : validSteps;\n\n return (\n <>\n <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n {/* Vertical line positioned absolutely */}\n {!isActiveStepLast && (\n // show vertical line only if there will be more than 1 step displayed\n <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n <VerticalDash />\n </div>\n )}\n <AnimatePresence mode=\"popLayout\">{renderedSteps}</AnimatePresence>\n </div>\n\n {/* show StepperHint on the last step, @TODO reenable when we have conditional hints */}\n {/* {steps.length - activeStepIndex === 1 && <StepperHint />} */}\n </>\n );\n};\n\n/* const StepperHint = () => (\n <Informative\n title=\"Did you know?\"\n description=\"There may be a network issue (such as sudden gas price spike) that is delaying your order\"\n classes={{ root: \"mb-4\" }}\n />\n); */\n\nexport const Stepper = () => {\n const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n useTradeFlowContext();\n\n if (!activeStep) return null;\n\n return (\n <StepperBase\n steps={steps}\n activeStep={activeStep}\n fromToken={fromToken}\n toToken={toToken}\n fromAmount={fromAmount}\n toAmount={toAmount}\n />\n );\n};\n"],"names":["MAX_DISPLAYED_STEPS_AT_ONCE","StepperBase","t0","$","_c","steps","activeStep","titleFnProps","t1","findIndex","step","key","activeStepIndex","isActiveStepLast","length","startedAtStepWithIndex","useInitialValue","validSteps","map","step_0","i","prepareStepPropsParams","currentStep","currentStepIndex","stepNumberCorrection","stepProps","prepareStepProps","stepItemProps","filter","isTruthy","renderedSteps","slice","t2","t3","t4","Stepper","fromToken","toToken","fromAmount","toAmount","useTradeFlowContext"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"TradeDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAOlD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,EACL,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CACtD,CAAC;AAuFF,eAAO,MAAM,YAAY,+CAcxB,CAAC"}
1
+ {"version":3,"file":"TradeDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAgBlD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,EACL,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CACtD,CAAC;AAsOF,eAAO,MAAM,YAAY,+CAyBxB,CAAC"}