@velora-dex/widget 0.4.13 → 0.4.14-dev.2

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

@@ -0,0 +1,241 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { TradeOverview } from './TradeOverview.js';
+import { TwapOrderSteps } from './steps.js';
+import { useTwapSwapStep } from '../../../hooks/swap/tradeFlow/useTwapSwapStep.js';
+import { handleTxSent } from '../../../lib/utils/transactionHandlers.js';
+import { useTwapPrices } from '../../../hooks/swap/prices/useTwapPrices.js';
+import { useSwapAmountsWithSlippage } from './utils/useSwapAmountsWithSlippage.js';
+import { getSwapSideFromDeltaPrice } from '../../../hooks/swap/prices/delta/queries/utils.js';
+import { useRunOnMount } from '../../../core/screen/hooks/useRunOnMount.js';
+import { useTwapSplit } from '../../../core/twap/state/twapParamsAtom.js';
+import { getSwapAmountsFromDeltaOrder } from './utils/swapAmounts.js';
+import { getTwapAmountsFromPrice } from '../../../lib/utils/twap.js';
+
+function TwapOrderTradeOverview(t0) {
+  const $ = distExports.c(20);
+  const {
+    fromToken,
+    toToken,
+    fromAmount,
+    toAmount,
+    swapSide,
+    onDismiss,
+    onHelp,
+    onCancelFlow,
+    onCancelOrder,
+    onResubmit,
+    onRestartFlow,
+    activeStep,
+    orderCancellationStep,
+    isFlowCancellable,
+    explorerLink,
+    result,
+    error,
+    erroredStep,
+    tradeFlowType
+  } = t0;
+  let t1;
+  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== onCancelFlow || $[8] !== onCancelOrder || $[9] !== onDismiss || $[10] !== onHelp || $[11] !== onRestartFlow || $[12] !== onResubmit || $[13] !== orderCancellationStep || $[14] !== result || $[15] !== swapSide || $[16] !== toAmount || $[17] !== toToken || $[18] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, swapSide, steps: TwapOrderSteps, activeStep, orderCancellationStep, onDismiss, onHelp, onCancelFlow, onCancelOrder, onResubmit, onRestartFlow, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+    $[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] = swapSide;
+    $[16] = toAmount;
+    $[17] = toToken;
+    $[18] = tradeFlowType;
+    $[19] = t1;
+  } else {
+    t1 = $[19];
+  }
+  return t1;
+}
+function TwapOrderTradeOverviewFlow(t0) {
+  const $ = distExports.c(44);
+  const {
+    orderProps,
+    twapPrice,
+    onClose
+  } = t0;
+  const numSlices = useTwapSplit();
+  let t1;
+  if ($[0] !== twapPrice) {
+    t1 = {
+      twapPrice
+    };
+    $[0] = twapPrice;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    step,
+    orderCancellationStep,
+    startTwapSwap,
+    cancelTwapOrder,
+    cancelFlow,
+    retryFlow,
+    goToBeforeSwap,
+    isNonFlowStep,
+    isFlowCancellable,
+    isOrderCancellable,
+    reset,
+    explorerLink,
+    result,
+    usedPrice,
+    submittedTwapOrder,
+    error,
+    erroredStep,
+    tradeFlowType
+  } = useTwapSwapStep(t1);
+  let t2;
+  if ($[2] !== isNonFlowStep || $[3] !== startTwapSwap) {
+    t2 = () => {
+      if (isNonFlowStep) {
+        return;
+      }
+      startTwapSwap({
+        onTxSent: handleTxSent
+      });
+    };
+    $[2] = isNonFlowStep;
+    $[3] = startTwapSwap;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  useRunOnMount(t2);
+  let t3;
+  if ($[5] !== submittedTwapOrder || $[6] !== usedPrice) {
+    t3 = submittedTwapOrder ? getSwapAmountsFromDeltaOrder({
+      order: submittedTwapOrder,
+      price: usedPrice
+    }) : void 0;
+    $[5] = submittedTwapOrder;
+    $[6] = usedPrice;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const submittedSwapWei = t3;
+  let t4;
+  if ($[8] !== numSlices || $[9] !== usedPrice) {
+    t4 = usedPrice ? {
+      ...getTwapAmountsFromPrice({
+        price: usedPrice,
+        numSlices
+      }),
+      swapSide: getSwapSideFromDeltaPrice(usedPrice)
+    } : void 0;
+    $[8] = numSlices;
+    $[9] = usedPrice;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const usedPriceWei = t4;
+  let t5;
+  if ($[11] !== orderProps.fromAmount || $[12] !== orderProps.swapSide || $[13] !== orderProps.toAmount) {
+    t5 = {
+      srcAmount: orderProps.fromAmount,
+      destAmount: orderProps.toAmount,
+      swapSide: orderProps.swapSide
+    };
+    $[11] = orderProps.fromAmount;
+    $[12] = orderProps.swapSide;
+    $[13] = orderProps.toAmount;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  let t6;
+  if ($[15] !== orderProps.fromToken || $[16] !== orderProps.toToken || $[17] !== submittedSwapWei || $[18] !== t5 || $[19] !== twapPrice || $[20] !== usedPriceWei) {
+    t6 = {
+      submittedSwapWei,
+      usedPriceWei,
+      formDataUnit: t5,
+      fromToken: orderProps.fromToken,
+      toToken: orderProps.toToken,
+      price: twapPrice
+    };
+    $[15] = orderProps.fromToken;
+    $[16] = orderProps.toToken;
+    $[17] = submittedSwapWei;
+    $[18] = t5;
+    $[19] = twapPrice;
+    $[20] = usedPriceWei;
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  const amountsAndSide = useSwapAmountsWithSlippage(t6);
+  let t7;
+  if ($[22] !== onClose || $[23] !== reset) {
+    t7 = () => {
+      onClose?.();
+      reset();
+    };
+    $[22] = onClose;
+    $[23] = reset;
+    $[24] = t7;
+  } else {
+    t7 = $[24];
+  }
+  const onDismiss = t7;
+  const onCancelOrder = isOrderCancellable ? cancelTwapOrder : void 0;
+  let t8;
+  if ($[25] !== amountsAndSide.destAmount || $[26] !== amountsAndSide.srcAmount || $[27] !== amountsAndSide.swapSide || $[28] !== cancelFlow || $[29] !== error || $[30] !== erroredStep || $[31] !== explorerLink || $[32] !== goToBeforeSwap || $[33] !== isFlowCancellable || $[34] !== onCancelOrder || $[35] !== onDismiss || $[36] !== orderCancellationStep || $[37] !== orderProps.fromToken || $[38] !== orderProps.toToken || $[39] !== result || $[40] !== retryFlow || $[41] !== step || $[42] !== tradeFlowType) {
+    t8 = /* @__PURE__ */ jsx(TwapOrderTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: amountsAndSide.srcAmount, toAmount: amountsAndSide.destAmount, swapSide: amountsAndSide.swapSide, onDismiss, onCancelFlow: cancelFlow, onCancelOrder, onRestartFlow: retryFlow, onResubmit: goToBeforeSwap, activeStep: step, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+    $[25] = amountsAndSide.destAmount;
+    $[26] = amountsAndSide.srcAmount;
+    $[27] = amountsAndSide.swapSide;
+    $[28] = cancelFlow;
+    $[29] = error;
+    $[30] = erroredStep;
+    $[31] = explorerLink;
+    $[32] = goToBeforeSwap;
+    $[33] = isFlowCancellable;
+    $[34] = onCancelOrder;
+    $[35] = onDismiss;
+    $[36] = orderCancellationStep;
+    $[37] = orderProps.fromToken;
+    $[38] = orderProps.toToken;
+    $[39] = result;
+    $[40] = retryFlow;
+    $[41] = step;
+    $[42] = tradeFlowType;
+    $[43] = t8;
+  } else {
+    t8 = $[43];
+  }
+  return t8;
+}
+const TwapOrderTradeOverviewScreen = (props) => {
+  const $ = distExports.c(2);
+  useTwapPrices();
+  let t0;
+  if ($[0] !== props) {
+    t0 = /* @__PURE__ */ jsx(TwapOrderTradeOverviewFlow, { ...props });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+
+export { TwapOrderTradeOverview, TwapOrderTradeOverviewScreen };
+//# sourceMappingURL=TwapOrderTradeOverview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TwapOrderTradeOverview.js","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 { BridgePrice, DeltaPrice } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useTwapPrices } from \"@/hooks/swap/prices/useTwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { getSwapSideFromDeltaPrice } from \"@/hooks/swap/prices/delta/queries/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nimport { useTwapSplit } from \"@/core/twap/state/twapParamsAtom\";\nimport { getSwapAmountsFromDeltaOrder } from \"./utils/swapAmounts\";\nimport { getTwapAmountsFromPrice } from \"@/lib/utils/twap\";\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 | BridgePrice;\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 submittedSwapWei = submittedTwapOrder\n    ? getSwapAmountsFromDeltaOrder({\n        order: submittedTwapOrder,\n        price: usedPrice,\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"],"names":["TwapOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onCancelOrder","onResubmit","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","TwapOrderSteps","TwapOrderTradeOverviewFlow","orderProps","twapPrice","onClose","numSlices","useTwapSplit","step","startTwapSwap","cancelTwapOrder","cancelFlow","retryFlow","goToBeforeSwap","isNonFlowStep","isOrderCancellable","reset","usedPrice","submittedTwapOrder","useTwapSwapStep","t2","onTxSent","handleTxSent","useRunOnMount","t3","getSwapAmountsFromDeltaOrder","order","price","undefined","submittedSwapWei","t4","getTwapAmountsFromPrice","getSwapSideFromDeltaPrice","usedPriceWei","t5","srcAmount","destAmount","t6","formDataUnit","amountsAndSide","useSwapAmountsWithSlippage","t7","t8","TwapOrderTradeOverviewScreen","props","useTwapPrices"],"mappings":"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"}

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

@@ -67,6 +67,39 @@ export declare const DeltaOrderSteps: [{
     readonly description: "Sit tight and relax, your order is being executed.";
     readonly key: "order-execution";
 }];
+export declare const TwapOrderSteps: [{
+    readonly title: {
+        readonly next: "Approve Price Change";
+        readonly upcoming: "Approve Price Change";
+        readonly ongoing: "Approve Price Change";
+        readonly done: "Approve Price Change";
+    };
+    readonly description: "The price has changed. Approve the new price to proceed.";
+    readonly key: "prepare-swap";
+}, {
+    readonly subSteps: [{
+        readonly title: "Approve Order Signatures (1/2)";
+        readonly description: (props: import('.').TitleFnProps) => string;
+        readonly key: "approval-signature";
+    }, {
+        readonly title: "Approve Order Signatures (2/2)";
+        readonly description: "We need your signature on your wallet to confirm the order submission.";
+        readonly key: "order-signature";
+    }, {
+        readonly title: "Approve Order Signature";
+        readonly description: "We need your signature on your wallet to confirm the order submission.";
+        readonly key: "standalone-order-signature";
+    }];
+    readonly key: "signature";
+}, {
+    readonly title: {
+        readonly next: "Submit TWAP Order";
+        readonly upcoming: "Submit TWAP Order";
+        readonly ongoing: "Submit TWAP Order";
+        readonly done: "Submit TWAP Order";
+    };
+    readonly key: "order-submission";
+}];
 export declare const LimitOrderSteps: [{
     readonly subSteps: [{
         readonly title: "Approve Order Signatures (1/2)";
@@ -175,6 +208,7 @@ export declare const MarketSwapSteps: [{
 }];
 export type DeltaOrderStepKey = (typeof DeltaOrderSteps)[number]["key"];
 export type LimitOrderStepKey = (typeof LimitOrderSteps)[number]["key"];
+export type TwapOrderStepKey = (typeof TwapOrderSteps)[number]["key"];
 export type OtcOrderStepKey = (typeof OtcOrderSteps)[number]["key"];
 export type FillOtcOrderStepKey = (typeof FillOtcOrderSteps)[number]["key"];
 export type MarketSwapStepKey = (typeof MarketSwapSteps)[number]["key"];
@@ -192,6 +226,9 @@ export type DeltaOrderStep = SignatureStep | {
 export type LimitOrderStep = SignatureStep | {
     key: Exclude<LimitOrderStepKey, SignatureStep["key"]>;
 };
+export type TwapOrderStep = SignatureStep | {
+    key: Exclude<TwapOrderStepKey, SignatureStep["key"]>;
+};
 export type OtcOrderStep = SignatureStep | {
     key: Exclude<OtcOrderStepKey, SignatureStep["key"]>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/steps.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;CAsBU,CAAC;AAG9B,QAAA,MAAM,eAAe;;;;;;;;;CASQ,CAAC;AAE9B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBG,CAAC;AAEhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;EAiCG,CAAC;AAEhC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;EAiCK,CAAC;AAEhC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;EAWC,CAAC;AAEhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaG,CAAC;AAEhC,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACxE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AAC5E,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,OAAO,aAAa,CAAC,GAAG,CAAC;IAC9B,OAAO,EAAE,CAAC,OAAO,aAAa,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,OAAO,eAAe,CAAC,GAAG,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,YAAY,GACpB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,mBAAmB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAChE,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/steps.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;CAsBU,CAAC;AAG9B,QAAA,MAAM,eAAe;;;;;;;;;CASQ,CAAC;AAE9B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBG,CAAC;AAEhC,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYI,CAAC;AAEhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;EAiCG,CAAC;AAEhC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;EAiCK,CAAC;AAEhC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;EAWC,CAAC;AAEhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaG,CAAC;AAEhC,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACxE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACxE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACtE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AAC5E,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,OAAO,aAAa,CAAC,GAAG,CAAC;IAC9B,OAAO,EAAE,CAAC,OAAO,aAAa,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,OAAO,eAAe,CAAC,GAAG,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,aAAa,GACrB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC7D,MAAM,MAAM,YAAY,GACpB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,mBAAmB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAChE,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC"}

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

@@ -43,6 +43,15 @@ const DeltaOrderSteps = [prepareSwapStep, signatureStep, {
   description: "Sit tight and relax, your order is being executed.",
   key: "order-execution"
 }];
+const TwapOrderSteps = [prepareSwapStep, signatureStep, {
+  title: {
+    next: "Submit TWAP Order",
+    upcoming: "Submit TWAP Order",
+    ongoing: "Submit TWAP Order",
+    done: "Submit TWAP Order"
+  },
+  key: "order-submission"
+}];
 const LimitOrderSteps = [{
   subSteps: [{
     title: "Approve Order Signatures (1/2)",
@@ -111,5 +120,5 @@ const MarketSwapSteps = [prepareSwapStep, signatureStep, {
   key: "swap-tx-execution"
 }];
 
-export { DeltaOrderSteps, FillOtcOrderSteps, LimitOrderSteps, MarketSwapSteps, OtcOrderSteps };
+export { DeltaOrderSteps, FillOtcOrderSteps, LimitOrderSteps, MarketSwapSteps, OtcOrderSteps, TwapOrderSteps };
 //# sourceMappingURL=steps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"steps.js","sources":["../../../../src/components/widget/TradeOverview/steps.ts"],"sourcesContent":["import type { FlowStep } from \"./Step/types\";\n\nconst signatureStep = {\n  subSteps: [\n    {\n      title: \"Approve Order Signatures (1/2)\",\n      description: (props) =>\n        `We need your signature on your wallet to allow our smart contracts to access your ${props.fromToken.symbol} token and execute your swap on your behalf.`,\n      key: \"approval-signature\",\n    },\n    {\n      title: \"Approve Order Signatures (2/2)\",\n      description:\n        \"We need your signature on your wallet to confirm the order submission.\",\n      key: \"order-signature\",\n    },\n    {\n      title: \"Approve Order Signature\",\n      description:\n        \"We need your signature on your wallet to confirm the order submission.\",\n      key: \"standalone-order-signature\",\n    },\n  ],\n  key: \"signature\",\n} as const satisfies FlowStep;\n\n// a Swap overview step, currently only shown before resubmitting a Swap (market or delta)\nconst prepareSwapStep = {\n  title: {\n    next: \"Approve Price Change\",\n    upcoming: \"Approve Price Change\",\n    ongoing: \"Approve Price Change\",\n    done: \"Approve Price Change\",\n  },\n  description: \"The price has changed. Approve the new price to proceed.\",\n  key: \"prepare-swap\",\n} as const satisfies FlowStep;\n\nexport const DeltaOrderSteps = [\n  prepareSwapStep,\n  signatureStep,\n  {\n    title: {\n      next: \"Auction is upcoming\",\n      upcoming: \"Auction\",\n      ongoing: \"Auction in progress\",\n      done: \"Auction is completed\",\n    },\n    description:\n      \"We send your order to our Delta agents, the one with the best price and execution offer will be picked for your trade\",\n    key: \"auction\",\n  },\n  {\n    title: {\n      next: \"Order Execution is upcoming\",\n      upcoming: \"Order Execution\",\n      ongoing: \"Executing the Order\",\n      done: \"Order is executed\",\n    },\n    description: \"Sit tight and relax, your order is being executed.\",\n    key: \"order-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport const LimitOrderSteps = [\n  {\n    subSteps: [\n      {\n        title: \"Approve Order Signatures (1/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"approval-signature\",\n      },\n      {\n        title: \"Approve Order Signatures (2/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"order-signature\",\n      },\n      {\n        title: \"Approve Order Signature\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"standalone-order-signature\",\n      },\n    ],\n    key: \"signature\",\n  },\n  {\n    title: {\n      next: \"Submit Limit Order\",\n      upcoming: \"Submit Limit Order\",\n      ongoing: \"Submit Limit Order\",\n      done: \"Submit Limit Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const OtcOrderSteps = [\n  {\n    subSteps: [\n      {\n        title: \"Approve Order Signatures (1/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"approval-signature\",\n      },\n      {\n        title: \"Approve Order Signatures (2/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"order-signature\",\n      },\n      {\n        title: \"Approve Order Signature\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"standalone-order-signature\",\n      },\n    ],\n    key: \"signature\",\n  },\n  {\n    title: {\n      next: \"Submit OTC Order\",\n      upcoming: \"Submit OTC Order\",\n      ongoing: \"Submit OTC Order\",\n      done: \"Submit OTC Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const FillOtcOrderSteps = [\n  signatureStep,\n  {\n    title: {\n      next: \"OTC Order Execution is upcoming\",\n      upcoming: \"OTC Order Execution\",\n      ongoing: \"Executing the OTC Order\",\n      done: \"OTC Order is executed\",\n    },\n    key: \"order-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport const MarketSwapSteps = [\n  prepareSwapStep,\n  signatureStep,\n  {\n    title: {\n      next: \"Order Execution is upcoming\",\n      upcoming: \"Order Execution\",\n      ongoing: \"Executing the swap order\",\n      done: \"Order is executed\",\n    },\n    description: \"Sit tight and relax, your swap transaction is being executed\",\n    key: \"swap-tx-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport type DeltaOrderStepKey = (typeof DeltaOrderSteps)[number][\"key\"];\nexport type LimitOrderStepKey = (typeof LimitOrderSteps)[number][\"key\"];\nexport type OtcOrderStepKey = (typeof OtcOrderSteps)[number][\"key\"];\nexport type FillOtcOrderStepKey = (typeof FillOtcOrderSteps)[number][\"key\"];\nexport type MarketSwapStepKey = (typeof MarketSwapSteps)[number][\"key\"];\n\nexport type SignatureStep = {\n  key: typeof signatureStep.key;\n  subStep: (typeof signatureStep.subSteps)[number][\"key\"];\n};\n\nexport type PrepareSwapStep = {\n  key: typeof prepareSwapStep.key;\n};\n\nexport type NonFlowStep = PrepareSwapStep;\n\nexport type DeltaOrderStep =\n  | SignatureStep\n  | { key: Exclude<DeltaOrderStepKey, SignatureStep[\"key\"]> };\nexport type LimitOrderStep =\n  | SignatureStep\n  | { key: Exclude<LimitOrderStepKey, SignatureStep[\"key\"]> };\nexport type OtcOrderStep =\n  | SignatureStep\n  | { key: Exclude<OtcOrderStepKey, SignatureStep[\"key\"]> };\nexport type FillOtcOrderStep =\n  | SignatureStep\n  | { key: Exclude<FillOtcOrderStepKey, SignatureStep[\"key\"]> };\nexport type MarketSwapStep =\n  | SignatureStep\n  | { key: Exclude<MarketSwapStepKey, SignatureStep[\"key\"]> };\n\nexport type GenericStep = \"pending\" | \"success\" | \"error\";\n"],"names":["signatureStep","subSteps","title","description","props","fromToken","symbol","key","prepareSwapStep","next","upcoming","ongoing","done","DeltaOrderSteps","LimitOrderSteps","OtcOrderSteps","FillOtcOrderSteps","MarketSwapSteps"],"mappings":"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"}
+{"version":3,"file":"steps.js","sources":["../../../../src/components/widget/TradeOverview/steps.ts"],"sourcesContent":["import type { FlowStep } from \"./Step/types\";\n\nconst signatureStep = {\n  subSteps: [\n    {\n      title: \"Approve Order Signatures (1/2)\",\n      description: (props) =>\n        `We need your signature on your wallet to allow our smart contracts to access your ${props.fromToken.symbol} token and execute your swap on your behalf.`,\n      key: \"approval-signature\",\n    },\n    {\n      title: \"Approve Order Signatures (2/2)\",\n      description:\n        \"We need your signature on your wallet to confirm the order submission.\",\n      key: \"order-signature\",\n    },\n    {\n      title: \"Approve Order Signature\",\n      description:\n        \"We need your signature on your wallet to confirm the order submission.\",\n      key: \"standalone-order-signature\",\n    },\n  ],\n  key: \"signature\",\n} as const satisfies FlowStep;\n\n// a Swap overview step, currently only shown before resubmitting a Swap (market or delta)\nconst prepareSwapStep = {\n  title: {\n    next: \"Approve Price Change\",\n    upcoming: \"Approve Price Change\",\n    ongoing: \"Approve Price Change\",\n    done: \"Approve Price Change\",\n  },\n  description: \"The price has changed. Approve the new price to proceed.\",\n  key: \"prepare-swap\",\n} as const satisfies FlowStep;\n\nexport const DeltaOrderSteps = [\n  prepareSwapStep,\n  signatureStep,\n  {\n    title: {\n      next: \"Auction is upcoming\",\n      upcoming: \"Auction\",\n      ongoing: \"Auction in progress\",\n      done: \"Auction is completed\",\n    },\n    description:\n      \"We send your order to our Delta agents, the one with the best price and execution offer will be picked for your trade\",\n    key: \"auction\",\n  },\n  {\n    title: {\n      next: \"Order Execution is upcoming\",\n      upcoming: \"Order Execution\",\n      ongoing: \"Executing the Order\",\n      done: \"Order is executed\",\n    },\n    description: \"Sit tight and relax, your order is being executed.\",\n    key: \"order-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport const TwapOrderSteps = [\n  prepareSwapStep,\n  signatureStep,\n  {\n    title: {\n      next: \"Submit TWAP Order\",\n      upcoming: \"Submit TWAP Order\",\n      ongoing: \"Submit TWAP Order\",\n      done: \"Submit TWAP Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const LimitOrderSteps = [\n  {\n    subSteps: [\n      {\n        title: \"Approve Order Signatures (1/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"approval-signature\",\n      },\n      {\n        title: \"Approve Order Signatures (2/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"order-signature\",\n      },\n      {\n        title: \"Approve Order Signature\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"standalone-order-signature\",\n      },\n    ],\n    key: \"signature\",\n  },\n  {\n    title: {\n      next: \"Submit Limit Order\",\n      upcoming: \"Submit Limit Order\",\n      ongoing: \"Submit Limit Order\",\n      done: \"Submit Limit Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const OtcOrderSteps = [\n  {\n    subSteps: [\n      {\n        title: \"Approve Order Signatures (1/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"approval-signature\",\n      },\n      {\n        title: \"Approve Order Signatures (2/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"order-signature\",\n      },\n      {\n        title: \"Approve Order Signature\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"standalone-order-signature\",\n      },\n    ],\n    key: \"signature\",\n  },\n  {\n    title: {\n      next: \"Submit OTC Order\",\n      upcoming: \"Submit OTC Order\",\n      ongoing: \"Submit OTC Order\",\n      done: \"Submit OTC Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const FillOtcOrderSteps = [\n  signatureStep,\n  {\n    title: {\n      next: \"OTC Order Execution is upcoming\",\n      upcoming: \"OTC Order Execution\",\n      ongoing: \"Executing the OTC Order\",\n      done: \"OTC Order is executed\",\n    },\n    key: \"order-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport const MarketSwapSteps = [\n  prepareSwapStep,\n  signatureStep,\n  {\n    title: {\n      next: \"Order Execution is upcoming\",\n      upcoming: \"Order Execution\",\n      ongoing: \"Executing the swap order\",\n      done: \"Order is executed\",\n    },\n    description: \"Sit tight and relax, your swap transaction is being executed\",\n    key: \"swap-tx-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport type DeltaOrderStepKey = (typeof DeltaOrderSteps)[number][\"key\"];\nexport type LimitOrderStepKey = (typeof LimitOrderSteps)[number][\"key\"];\nexport type TwapOrderStepKey = (typeof TwapOrderSteps)[number][\"key\"];\nexport type OtcOrderStepKey = (typeof OtcOrderSteps)[number][\"key\"];\nexport type FillOtcOrderStepKey = (typeof FillOtcOrderSteps)[number][\"key\"];\nexport type MarketSwapStepKey = (typeof MarketSwapSteps)[number][\"key\"];\n\nexport type SignatureStep = {\n  key: typeof signatureStep.key;\n  subStep: (typeof signatureStep.subSteps)[number][\"key\"];\n};\n\nexport type PrepareSwapStep = {\n  key: typeof prepareSwapStep.key;\n};\n\nexport type NonFlowStep = PrepareSwapStep;\n\nexport type DeltaOrderStep =\n  | SignatureStep\n  | { key: Exclude<DeltaOrderStepKey, SignatureStep[\"key\"]> };\nexport type LimitOrderStep =\n  | SignatureStep\n  | { key: Exclude<LimitOrderStepKey, SignatureStep[\"key\"]> };\nexport type TwapOrderStep =\n  | SignatureStep\n  | { key: Exclude<TwapOrderStepKey, SignatureStep[\"key\"]> };\nexport type OtcOrderStep =\n  | SignatureStep\n  | { key: Exclude<OtcOrderStepKey, SignatureStep[\"key\"]> };\nexport type FillOtcOrderStep =\n  | SignatureStep\n  | { key: Exclude<FillOtcOrderStepKey, SignatureStep[\"key\"]> };\nexport type MarketSwapStep =\n  | SignatureStep\n  | { key: Exclude<MarketSwapStepKey, SignatureStep[\"key\"]> };\n\nexport type GenericStep = \"pending\" | \"success\" | \"error\";\n"],"names":["signatureStep","subSteps","title","description","props","fromToken","symbol","key","prepareSwapStep","next","upcoming","ongoing","done","DeltaOrderSteps","TwapOrderSteps","LimitOrderSteps","OtcOrderSteps","FillOtcOrderSteps","MarketSwapSteps"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import { TradeFlowResult, TradeFlowType } from '../../../hooks/swap/tradeFlow/common/types';
 import { TradeOverviewProps } from './TradeOverview';
-import { DeltaOrderStepKey, LimitOrderStepKey, MarketSwapStepKey, OtcOrderStepKey } from './steps';
+import { DeltaOrderStepKey, LimitOrderStepKey, MarketSwapStepKey, OtcOrderStepKey, TwapOrderStepKey } from './steps';
 export type TradeFlowContextProps<Key extends string = string, Result = unknown, FlowType extends string = string> = Pick<TradeOverviewProps<Key, Result, FlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "swapSide" | "activeStep" | "orderCancellationStep" | "steps" | "isFlowCancellable" | "explorerLink" | "result" | "error" | "erroredStep" | "tradeFlowType">;
 export declare const TradeFlowContext: import('react').Context<TradeFlowContextProps<string, unknown, string> | null>;
-export type TradeFlowStep = DeltaOrderStepKey | MarketSwapStepKey | LimitOrderStepKey | OtcOrderStepKey;
+export type TradeFlowStep = DeltaOrderStepKey | MarketSwapStepKey | LimitOrderStepKey | OtcOrderStepKey | TwapOrderStepKey;
 export type TradeFlowDerivedStep = TradeFlowStep | "complete" | "error";
 type Context = TradeFlowContextProps<TradeFlowStep, TradeFlowResult, TradeFlowType>;
 type ContextExtra = {

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

@@ -1 +1 @@
-{"version":3,"file":"tradeFlowContext.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACd,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,qBAAqB,CAC/B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,IAC9B,IAAI,CACN,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EACvC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,GACZ,uBAAuB,GACvB,OAAO,GACP,mBAAmB,GACnB,cAAc,GACd,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,gFAE5B,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,CAAC;AAEpB,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,CAAC;AAExE,KAAK,OAAO,GAAG,qBAAqB,CAClC,aAAa,EACb,eAAe,EACf,aAAa,CACd,CAAC;AACF,KAAK,YAAY,GAAG;IAAE,WAAW,CAAC,EAAE,oBAAoB,CAAA;CAAE,CAAC;AAG3D,wBAAgB,mBAAmB,IAAI,OAAO,GAAG,YAAY,CAuB5D"}
+{"version":3,"file":"tradeFlowContext.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACd,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACtB,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,qBAAqB,CAC/B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,IAC9B,IAAI,CACN,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EACvC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,GACZ,uBAAuB,GACvB,OAAO,GACP,mBAAmB,GACnB,cAAc,GACd,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,gFAE5B,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,gBAAgB,CAAC;AAErB,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,CAAC;AAExE,KAAK,OAAO,GAAG,qBAAqB,CAClC,aAAa,EACb,eAAe,EACf,aAAa,CACd,CAAC;AACF,KAAK,YAAY,GAAG;IAAE,WAAW,CAAC,EAAE,oBAAoB,CAAA;CAAE,CAAC;AAG3D,wBAAgB,mBAAmB,IAAI,OAAO,GAAG,YAAY,CAuB5D"}

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

@@ -1 +1 @@
-{"version":3,"file":"tradeFlowContext.js","sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"sourcesContent":["import type {\n  TradeFlowResult,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport type { TradeOverviewProps } from \"./TradeOverview\";\nimport { createContext, useContext } from \"react\";\nimport {\n  type DeltaOrderStepKey,\n  type LimitOrderStepKey,\n  type MarketSwapStepKey,\n  type OtcOrderStepKey,\n} from \"./steps\";\nimport { isNonFlowStep } from \"./utils/isNonFlowStep\";\n\n// generic to accept any result and step type\nexport type TradeFlowContextProps<\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends string = string,\n> = Pick<\n  TradeOverviewProps<Key, Result, FlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"swapSide\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"steps\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport const TradeFlowContext = createContext<TradeFlowContextProps | null>(\n  null\n);\n\nexport type TradeFlowStep =\n  | DeltaOrderStepKey\n  | MarketSwapStepKey\n  | LimitOrderStepKey\n  | OtcOrderStepKey;\n\nexport type TradeFlowDerivedStep = TradeFlowStep | \"complete\" | \"error\";\n\ntype Context = TradeFlowContextProps<\n  TradeFlowStep,\n  TradeFlowResult,\n  TradeFlowType\n>;\ntype ContextExtra = { derivedStep?: TradeFlowDerivedStep };\n\n// specific result for supported Trade Flows\nexport function useTradeFlowContext(): Context & ContextExtra {\n  const context = useContext(TradeFlowContext);\n  if (!context) {\n    throw new Error(\n      \"useTradeFlowContext must be used within a TradeFlowContext\"\n    );\n  }\n\n  let derivedStep = context.activeStep?.key;\n  if (context.activeStep && isNonFlowStep(context.activeStep.key)) {\n    derivedStep = context.activeStep.key;\n  } else if (context.error) {\n    derivedStep = \"error\";\n  } else if (context.result) {\n    derivedStep = \"complete\";\n  }\n\n  const extendedContext = {\n    ...context,\n    derivedStep,\n  };\n\n  return extendedContext as Context & ContextExtra;\n}\n"],"names":["TradeFlowContext","createContext","useTradeFlowContext","$","_c","context","useContext","Error","derivedStep","activeStep","key","isNonFlowStep","error","result","t0","extendedContext"],"mappings":";;;;AAqCO,MAAMA,gBAAAA,GAAmBC,cAC9B,IACF;AAkBO,SAAAC,mBAAAA,GAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACL,EAAA,MAAAC,OAAAA,GAAgBC,WAAWN,gBAAgB,CAAA;AAC3C,EAAA,IAAI,CAACK,OAAAA,EAAO;AACV,IAAA,MAAM,IAAIE,MACR,4DACF,CAAA;AAAA,EAAE;AAGJ,EAAA,IAAAC,WAAAA,GAAkBH,QAAOI,UAAAA,EAAgBC,GAAAA;AACzC,EAAA,IAAIL,QAAOI,UAAAA,IAAeE,aAAAA,CAAcN,OAAAA,CAAOI,UAAAA,CAAWC,GAAI,CAAA,EAAC;AAC7DF,IAAAA,WAAAA,GAAcH,QAAOI,UAAAA,CAAWC,GAAAA;AAAAA,EAArB,CAAA,MAAA;AACN,IAAA,IAAIL,QAAOO,KAAAA,EAAM;AACtBJ,MAAAA,WAAAA,GAAcA,OAAAA;AAAAA,IAAH,CAAA,MAAA;AACN,MAAA,IAAIH,QAAOQ,MAAAA,EAAO;AACvBL,QAAAA,WAAAA,GAAcA,UAAAA;AAAAA,MAAH;AAAA,IACZ;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAE,WAAAF,CAAAA,QAAAK,WAAAA,EAAA;AAEuBM,IAAAA,EAAAA,GAAA;AAAA,MAAA,GACnBT,OAAAA;AAAAA,MAAOG;AAAAA,KAEZ;AAACL,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAAK,WAAAA;AAAAL,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAHD,EAAA,MAAAY,eAAAA,GAAwBD,EAAAA;AAGtB,EAAA,OAEKC,eAAAA;AAAyC;;;;"}
+{"version":3,"file":"tradeFlowContext.js","sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"sourcesContent":["import type {\n  TradeFlowResult,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport type { TradeOverviewProps } from \"./TradeOverview\";\nimport { createContext, useContext } from \"react\";\nimport {\n  type DeltaOrderStepKey,\n  type LimitOrderStepKey,\n  type MarketSwapStepKey,\n  type OtcOrderStepKey,\n  type TwapOrderStepKey,\n} from \"./steps\";\nimport { isNonFlowStep } from \"./utils/isNonFlowStep\";\n\n// generic to accept any result and step type\nexport type TradeFlowContextProps<\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends string = string,\n> = Pick<\n  TradeOverviewProps<Key, Result, FlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"swapSide\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"steps\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport const TradeFlowContext = createContext<TradeFlowContextProps | null>(\n  null\n);\n\nexport type TradeFlowStep =\n  | DeltaOrderStepKey\n  | MarketSwapStepKey\n  | LimitOrderStepKey\n  | OtcOrderStepKey\n  | TwapOrderStepKey;\n\nexport type TradeFlowDerivedStep = TradeFlowStep | \"complete\" | \"error\";\n\ntype Context = TradeFlowContextProps<\n  TradeFlowStep,\n  TradeFlowResult,\n  TradeFlowType\n>;\ntype ContextExtra = { derivedStep?: TradeFlowDerivedStep };\n\n// specific result for supported Trade Flows\nexport function useTradeFlowContext(): Context & ContextExtra {\n  const context = useContext(TradeFlowContext);\n  if (!context) {\n    throw new Error(\n      \"useTradeFlowContext must be used within a TradeFlowContext\"\n    );\n  }\n\n  let derivedStep = context.activeStep?.key;\n  if (context.activeStep && isNonFlowStep(context.activeStep.key)) {\n    derivedStep = context.activeStep.key;\n  } else if (context.error) {\n    derivedStep = \"error\";\n  } else if (context.result) {\n    derivedStep = \"complete\";\n  }\n\n  const extendedContext = {\n    ...context,\n    derivedStep,\n  };\n\n  return extendedContext as Context & ContextExtra;\n}\n"],"names":["TradeFlowContext","createContext","useTradeFlowContext","$","_c","context","useContext","Error","derivedStep","activeStep","key","isNonFlowStep","error","result","t0","extendedContext"],"mappings":";;;;AAsCO,MAAMA,gBAAAA,GAAmBC,cAC9B,IACF;AAmBO,SAAAC,mBAAAA,GAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACL,EAAA,MAAAC,OAAAA,GAAgBC,WAAWN,gBAAgB,CAAA;AAC3C,EAAA,IAAI,CAACK,OAAAA,EAAO;AACV,IAAA,MAAM,IAAIE,MACR,4DACF,CAAA;AAAA,EAAE;AAGJ,EAAA,IAAAC,WAAAA,GAAkBH,QAAOI,UAAAA,EAAgBC,GAAAA;AACzC,EAAA,IAAIL,QAAOI,UAAAA,IAAeE,aAAAA,CAAcN,OAAAA,CAAOI,UAAAA,CAAWC,GAAI,CAAA,EAAC;AAC7DF,IAAAA,WAAAA,GAAcH,QAAOI,UAAAA,CAAWC,GAAAA;AAAAA,EAArB,CAAA,MAAA;AACN,IAAA,IAAIL,QAAOO,KAAAA,EAAM;AACtBJ,MAAAA,WAAAA,GAAcA,OAAAA;AAAAA,IAAH,CAAA,MAAA;AACN,MAAA,IAAIH,QAAOQ,MAAAA,EAAO;AACvBL,QAAAA,WAAAA,GAAcA,UAAAA;AAAAA,MAAH;AAAA,IACZ;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAE,WAAAF,CAAAA,QAAAK,WAAAA,EAAA;AAEuBM,IAAAA,EAAAA,GAAA;AAAA,MAAA,GACnBT,OAAAA;AAAAA,MAAOG;AAAAA,KAEZ;AAACL,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAAK,WAAAA;AAAAL,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAHD,EAAA,MAAAY,eAAAA,GAAwBD,EAAAA;AAGtB,EAAA,OAEKC,eAAAA;AAAyC;;;;"}

package/dist/components/widget/TradeOverview/utils/swapAmounts.d.ts

@@ -0,0 +1,14 @@
+import { DeltaOrBridgePrice } from '../../../../hooks/swap/prices/types';
+import { SwapSideAmounts } from './useSwapAmountsWithSlippage';
+import { DeltaAuctionWithOrder, DeltaAuctionWithTwapOrder } from '../../../../hooks/swap/prices/delta/orders/types';
+/**
+ * Utility to extract the src and dest amounts (in wei) from a submitted Delta Order.
+ * Used in the Trade Overview for display purposes.
+ */
+export declare function getSwapAmountsFromDeltaOrder({ order, price, slippage, }: {
+    order: DeltaAuctionWithOrder | DeltaAuctionWithTwapOrder;
+    /** @description The order doesn't include any estimated fill amount from the destination chain until the order is filled. The price is used to get this amount */
+    price?: DeltaOrBridgePrice;
+    slippage?: number;
+}): SwapSideAmounts;
+//# sourceMappingURL=swapAmounts.d.ts.map

package/dist/components/widget/TradeOverview/utils/swapAmounts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swapAmounts.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/utils/swapAmounts.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAOpE,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,wCAAwC,CAAC;AAEhD;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,qBAAqB,GAAG,yBAAyB,CAAC;IACzD,kKAAkK;IAClK,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,eAAe,CA+ClB"}

package/dist/components/widget/TradeOverview/utils/swapAmounts.js

@@ -0,0 +1,43 @@
+import { getSwapSideFromTwapOrderType, getSwapSideFromDeltaOrder } from '../../../../hooks/swap/prices/delta/queries/utils.js';
+import { amountAfterSlippage } from '../../../../lib/utils/slippage.js';
+import { isTwapAuction, getTotalTwapOrderAmounts, isOrderCrosschain } from '../../../../hooks/swap/prices/delta/orders/utils.js';
+
+function getSwapAmountsFromDeltaOrder({
+  order,
+  price,
+  slippage
+}) {
+  if (isTwapAuction(order)) {
+    const total = getTotalTwapOrderAmounts(order.order);
+    const srcAmount = total.srcAmount;
+    const destAmount = (
+      // bridgeMetadata.outputAmount becomes available after order is filled
+      order.bridgeMetadata?.outputAmount || total.destAmount
+    );
+    const swapSide2 = getSwapSideFromTwapOrderType(order.onChainOrderType);
+    return {
+      srcAmount,
+      destAmount,
+      swapSide: swapSide2
+    };
+  }
+  const swapSide = getSwapSideFromDeltaOrder(order.order);
+  const swapAmounts = {
+    srcAmount: order.order.srcAmount,
+    destAmount: order.order.destAmount,
+    swapSide
+  };
+  if (isOrderCrosschain(order.order)) {
+    const isBridgeOnly = price && price.srcToken.toLowerCase() === price.destToken.toLowerCase();
+    const receivedDestAmountAfterSlippage = swapSide === "SELL" && price && !isBridgeOnly && slippage !== void 0 ? amountAfterSlippage(price.receivedDestAmount, slippage, swapSide).toFixed(0) : void 0;
+    swapAmounts.destAmount = // bridgeMetadata.outputAmount becomes available after order is filled
+    order.bridgeMetadata?.outputAmount || // fallback to receivedDestAmount from deltaPrice, which should be available at this point
+    receivedDestAmountAfterSlippage || // @TODO replace with order.expectedOutputAmount when available on the API
+    // to satisly typescript, this case should not happen
+    swapAmounts.destAmount;
+  }
+  return swapAmounts;
+}
+
+export { getSwapAmountsFromDeltaOrder };
+//# sourceMappingURL=swapAmounts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"swapAmounts.js","sources":["../../../../../src/components/widget/TradeOverview/utils/swapAmounts.ts"],"sourcesContent":["import {\n  getSwapSideFromDeltaOrder,\n  getSwapSideFromTwapOrderType,\n} from \"@/hooks/swap/prices/delta/queries/utils\";\nimport type { DeltaOrBridgePrice } from \"@/hooks/swap/prices/types\";\nimport type { SwapSideAmounts } from \"./useSwapAmountsWithSlippage\";\nimport { amountAfterSlippage } from \"@/lib/utils/slippage\";\nimport {\n  getTotalTwapOrderAmounts,\n  isOrderCrosschain,\n  isTwapAuction,\n} from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type {\n  DeltaAuctionWithOrder,\n  DeltaAuctionWithTwapOrder,\n} from \"@/hooks/swap/prices/delta/orders/types\";\n\n/**\n * Utility to extract the src and dest amounts (in wei) from a submitted Delta Order.\n * Used in the Trade Overview for display purposes.\n */\nexport function getSwapAmountsFromDeltaOrder({\n  order,\n  price,\n  slippage,\n}: {\n  order: DeltaAuctionWithOrder | DeltaAuctionWithTwapOrder;\n  /** @description The order doesn't include any estimated fill amount from the destination chain until the order is filled. The price is used to get this amount */\n  price?: DeltaOrBridgePrice;\n  slippage?: number;\n}): SwapSideAmounts {\n  if (isTwapAuction(order)) {\n    const total = getTotalTwapOrderAmounts(order.order);\n    const srcAmount = total.srcAmount;\n    const destAmount =\n      // bridgeMetadata.outputAmount becomes available after order is filled\n      order.bridgeMetadata?.outputAmount || total.destAmount;\n\n    const swapSide = getSwapSideFromTwapOrderType(order.onChainOrderType);\n\n    return {\n      srcAmount,\n      destAmount,\n      swapSide,\n    };\n  }\n\n  const swapSide = getSwapSideFromDeltaOrder(order.order);\n\n  const swapAmounts: SwapSideAmounts = {\n    srcAmount: order.order.srcAmount,\n    destAmount: order.order.destAmount,\n    swapSide,\n  };\n\n  if (isOrderCrosschain(order.order)) {\n    const isBridgeOnly =\n      price && price.srcToken.toLowerCase() === price.destToken.toLowerCase();\n\n    const receivedDestAmountAfterSlippage =\n      swapSide === \"SELL\" && price && !isBridgeOnly && slippage !== undefined\n        ? amountAfterSlippage(\n            price.receivedDestAmount,\n            slippage,\n            swapSide\n          ).toFixed(0)\n        : undefined;\n    swapAmounts.destAmount =\n      // bridgeMetadata.outputAmount becomes available after order is filled\n      order.bridgeMetadata?.outputAmount ||\n      // fallback to receivedDestAmount from deltaPrice, which should be available at this point\n      receivedDestAmountAfterSlippage || // @TODO replace with order.expectedOutputAmount when available on the API\n      // to satisly typescript, this case should not happen\n      swapAmounts.destAmount;\n  }\n\n  return swapAmounts;\n}\n"],"names":["getSwapAmountsFromDeltaOrder","order","price","slippage","isTwapAuction","total","getTotalTwapOrderAmounts","srcAmount","destAmount","bridgeMetadata","outputAmount","swapSide","getSwapSideFromTwapOrderType","onChainOrderType","getSwapSideFromDeltaOrder","swapAmounts","isOrderCrosschain","isBridgeOnly","srcToken","toLowerCase","destToken","receivedDestAmountAfterSlippage","undefined","amountAfterSlippage","receivedDestAmount","toFixed"],"mappings":";;;;AAqBO,SAASA,4BAAAA,CAA6B;AAAA,EAC3CC,KAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC;AAMF,CAAA,EAAoB;AAClB,EAAA,IAAIC,aAAAA,CAAcH,KAAK,CAAA,EAAG;AACxB,IAAA,MAAMI,KAAAA,GAAQC,wBAAAA,CAAyBL,KAAAA,CAAMA,KAAK,CAAA;AAClD,IAAA,MAAMM,YAAYF,KAAAA,CAAME,SAAAA;AACxB,IAAA,MAAMC,UAAAA;AAAAA;AAAAA,MAEJP,KAAAA,CAAMQ,cAAAA,EAAgBC,YAAAA,IAAgBL,KAAAA,CAAMG;AAAAA,KAAAA;AAE9C,IAAA,MAAMG,SAAAA,GAAWC,4BAAAA,CAA6BX,KAAAA,CAAMY,gBAAgB,CAAA;AAEpE,IAAA,OAAO;AAAA,MACLN,SAAAA;AAAAA,MACAC,UAAAA;AAAAA,MACAG,QAAAA,EAAAA;AAAAA,KACF;AAAA,EACF;AAEA,EAAA,MAAMA,QAAAA,GAAWG,yBAAAA,CAA0Bb,KAAAA,CAAMA,KAAK,CAAA;AAEtD,EAAA,MAAMc,WAAAA,GAA+B;AAAA,IACnCR,SAAAA,EAAWN,MAAMA,KAAAA,CAAMM,SAAAA;AAAAA,IACvBC,UAAAA,EAAYP,MAAMA,KAAAA,CAAMO,UAAAA;AAAAA,IACxBG;AAAAA,GACF;AAEA,EAAA,IAAIK,iBAAAA,CAAkBf,KAAAA,CAAMA,KAAK,CAAA,EAAG;AAClC,IAAA,MAAMgB,YAAAA,GACJf,SAASA,KAAAA,CAAMgB,QAAAA,CAASC,aAAY,KAAMjB,KAAAA,CAAMkB,UAAUD,WAAAA,EAAY;AAExE,IAAA,MAAME,kCACJV,QAAAA,KAAa,MAAA,IAAUT,KAAAA,IAAS,CAACe,gBAAgBd,QAAAA,KAAamB,MAAAA,GAC1DC,mBAAAA,CACErB,KAAAA,CAAMsB,oBACNrB,QAAAA,EACAQ,QACF,CAAA,CAAEc,OAAAA,CAAQ,CAAC,CAAA,GACXH,MAAAA;AACNP,IAAAA,WAAAA,CAAYP,UAAAA;AAAAA,IAEVP,MAAMQ,cAAAA,EAAgBC,YAAAA;AAAAA,IAEtBW,+BAAAA;AAAAA;AAAAA,IAEAN,WAAAA,CAAYP,UAAAA;AAAAA,EAChB;AAEA,EAAA,OAAOO,WAAAA;AACT;;;;"}

package/dist/components/widget/Twap/OrderDuration.d.ts

@@ -0,0 +1,2 @@
+export declare const TwapOrderDuration: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OrderDuration.d.ts.map

package/dist/components/widget/Twap/OrderDuration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderDuration.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Twap/OrderDuration.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,iBAAiB,+CAsB7B,CAAC"}

package/dist/components/widget/Twap/OrderDuration.js

@@ -0,0 +1,75 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { useAtomValue, useSetAtom } from '../../../core/store.js';
+import { twapDurationAtom } from '../../../core/twap/state/twapParamsAtom.js';
+import { Button } from '../../ui/button.js';
+import { cn } from '../../../lib/utils/index.js';
+import { TWAP_DURATION_OPTIONS } from '../../../core/twap/state/constants.js';
+import { TwapDetailWithTooltip } from './TwapDetailWithTooltip.js';
+
+const TwapOrderDuration = () => {
+  const $ = distExports.c(6);
+  const duration = useAtomValue(twapDurationAtom);
+  const setDuration = useSetAtom(twapDurationAtom);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx(TwapDetailWithTooltip, { detail: "Order Duration", tooltip: "The total time over which your TWAP order will be executed" });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== duration || $[2] !== setDuration) {
+    t1 = TWAP_DURATION_OPTIONS.map((option) => /* @__PURE__ */ jsx(DurationButton, { label: option.label, selected: duration === option.value, onClick: () => setDuration(option.value) }, option.value));
+    $[1] = duration;
+    $[2] = setDuration;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== t1) {
+    t2 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      t0,
+      /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: t1 })
+    ] });
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+};
+const buttonSelectedClassName = "text-contrast-9 bg-primary-azul-1 border-primary-azul-1 hover:bg-primary-azul-1 hover:text-contrast-9 dark:bg-primary-azul-1 dark:border-primary-azul-1 dark:hover:bg-primary-azul-1 dark:text-contrast-9";
+function DurationButton(t0) {
+  const $ = distExports.c(6);
+  const {
+    label,
+    selected,
+    onClick
+  } = t0;
+  let t1;
+  if ($[0] !== selected) {
+    t1 = cn("h-6 px-2 shadow-none text-xs text-contrast-5 dark:text-contrast-6", {
+      [buttonSelectedClassName]: selected
+    });
+    $[0] = selected;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== label || $[3] !== onClick || $[4] !== t1) {
+    t2 = /* @__PURE__ */ jsx(Button, { onClick, variant: "outline", className: t1, children: label });
+    $[2] = label;
+    $[3] = onClick;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+
+export { TwapOrderDuration };
+//# sourceMappingURL=OrderDuration.js.map

package/dist/components/widget/Twap/OrderDuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderDuration.js","sources":["../../../../src/components/widget/Twap/OrderDuration.tsx"],"sourcesContent":["import { useAtomValue, useSetAtom } from \"@/core/store\";\nimport { twapDurationAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport { TWAP_DURATION_OPTIONS } from \"@/core/twap/state/constants\";\nimport { TwapDetailWithTooltip } from \"./TwapDetailWithTooltip\";\n\nexport const TwapOrderDuration = () => {\n  const duration = useAtomValue(twapDurationAtom);\n  const setDuration = useSetAtom(twapDurationAtom);\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <TwapDetailWithTooltip\n        detail=\"Order Duration\"\n        tooltip=\"The total time over which your TWAP order will be executed\"\n      />\n      <div className=\"flex gap-2\">\n        {TWAP_DURATION_OPTIONS.map((option) => (\n          <DurationButton\n            key={option.value}\n            label={option.label}\n            selected={duration === option.value}\n            onClick={() => setDuration(option.value)}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nconst buttonSelectedClassName =\n  \"text-contrast-9 bg-primary-azul-1 border-primary-azul-1 hover:bg-primary-azul-1 hover:text-contrast-9 dark:bg-primary-azul-1 dark:border-primary-azul-1 dark:hover:bg-primary-azul-1 dark:text-contrast-9\";\n\nfunction DurationButton({\n  label,\n  selected,\n  onClick,\n}: {\n  label: string;\n  selected: boolean;\n  onClick: () => void;\n}) {\n  return (\n    <Button\n      onClick={onClick}\n      variant=\"outline\"\n      className={cn(\n        \"h-6 px-2 shadow-none text-xs text-contrast-5 dark:text-contrast-6\",\n        {\n          [buttonSelectedClassName]: selected,\n        }\n      )}\n    >\n      {label}\n    </Button>\n  );\n}\n"],"names":["TwapOrderDuration","$","_c","duration","useAtomValue","twapDurationAtom","setDuration","useSetAtom","t0","Symbol","for","t1","TWAP_DURATION_OPTIONS","map","option","label","value","t2","buttonSelectedClassName","DurationButton","selected","onClick","cn"],"mappings":"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"}