@velora-dex/widget 0.1.0-rc.2 → 0.1.1

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

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

package/dist/components/widget/TradeOverview/TradeComplete/constants.d.ts

@@ -0,0 +1,3 @@
+import { TradeFlowType } from '../../../../hooks/swap/tradeFlow/common/types';
+export declare const tradeFlowCompletedTitle: Record<TradeFlowType, string>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/widget/TradeOverview/TradeComplete/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAMjE,CAAC"}

package/dist/components/widget/TradeOverview/TradeComplete/constants.js

@@ -0,0 +1,10 @@
+const tradeFlowCompletedTitle = {
+  deltaOrder: "Order Completed",
+  marketSwap: "Swap Completed",
+  limitOrder: "Order Created",
+  otcOrder: "Order Created",
+  fillOtcOrder: "Order Completed"
+};
+
+export { tradeFlowCompletedTitle };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/constants.ts"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\nexport const tradeFlowCompletedTitle: Record<TradeFlowType, string> = {\n  deltaOrder: \"Order Completed\",\n  marketSwap: \"Swap Completed\",\n  limitOrder: \"Order Created\",\n  otcOrder: \"Order Created\",\n  fillOtcOrder: \"Order Completed\",\n};\n"],"names":["tradeFlowCompletedTitle","deltaOrder","marketSwap","limitOrder","otcOrder","fillOtcOrder"],"mappings":"AAEO,MAAMA,uBAAAA,GAAyD;AAAA,EACpEC,UAAAA,EAAY,iBAAA;AAAA,EACZC,UAAAA,EAAY,gBAAA;AAAA,EACZC,UAAAA,EAAY,eAAA;AAAA,EACZC,QAAAA,EAAU,eAAA;AAAA,EACVC,YAAAA,EAAc;AAChB;;;;"}

package/dist/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTradeCompleteDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAW3D,wBAAgB,wBAAwB,IAAI,eAAe,EAAE,CA2E5D"}
+{"version":3,"file":"useTradeCompleteDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAY3D,wBAAgB,wBAAwB,IAAI,eAAe,EAAE,CA+E5D"}

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

@@ -4,6 +4,7 @@ import { TokenBadge } from '../../TokenBadge/TokenBadge.js';
 import { useTradeFlowContext } from '../tradeFlowContext.js';
 import { getExpectedTransferAmounts, getResultAmounts } from './utils.js';
 import { useMemo } from 'react';
+import { isTruthy } from '../../../../lib/utils/index.js';
 
 const badgeClasses = {
   root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium"
@@ -14,12 +15,16 @@ function useTradeCompletedDetails() {
     toToken,
     result
   } = useTradeFlowContext();
+  const isLimitOrderFlow = result?.tradeFlowType === "limitOrder";
   const resultWeiAmounts = useMemo(() => {
     return getExpectedTransferAmounts({
       result
     });
   }, [result]);
-  const receipt = result?.tradeFlowType === "marketSwap" ? result.swap.receipt : void 0;
+  const receipt = result?.tradeFlowType === "marketSwap" ? (
+    // for batch txs callsReceipt will be available, but not the usual tx receipt
+    result.swap.receipt || result.swap.callsReceipt
+  ) : void 0;
   const {
     data: tokenTransfers
   } = useTokenTransfersFromReceipt({
@@ -41,17 +46,17 @@ function useTradeCompletedDetails() {
   });
   const details = [{
     key: "sold",
-    title: "You sold",
+    title: isLimitOrderFlow ? "Pay" : "You sold",
     value: /* @__PURE__ */ jsx(TokenBadge, { address: fromToken.address, chainId: fromToken.network, img: fromToken.img, symbol: fromToken.symbol, showNetworkIcon: true, amount: amounts.fromAmountUnit, classes: badgeClasses })
   }, {
     key: "received",
-    title: "You received",
+    title: isLimitOrderFlow ? "Receive" : "You received",
     value: /* @__PURE__ */ jsx(TokenBadge, { address: toToken.address, chainId: toToken.network, img: toToken.img, symbol: toToken.symbol, showNetworkIcon: true, amount: amounts.toAmountUnit, classes: badgeClasses })
-  }, {
+  }, !isLimitOrderFlow && {
     key: "rate",
     title: "Best Rate",
     value: amounts.rateStr
-  }];
+  }].filter(isTruthy);
   return details;
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"useTradeCompleteDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"sourcesContent":["import { useTokenTransfersFromReceipt } from \"@/tokens/utils/transferAmountsFromReceipt\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { TokenBadge } from \"../../TokenBadge/TokenBadge\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { getExpectedTransferAmounts, getResultAmounts } from \"./utils\";\nimport type { Address } from \"viem\";\nimport { useMemo } from \"react\";\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nexport function useTradeCompletedDetails(): DetailWithValue[] {\n  const { fromToken, toToken, result } = useTradeFlowContext();\n\n  const resultWeiAmounts = useMemo(() => {\n    return getExpectedTransferAmounts({\n      result,\n    });\n  }, [result]);\n\n  const receipt =\n    result?.tradeFlowType === \"marketSwap\" ? result.swap.receipt : undefined;\n\n  const { data: tokenTransfers } = useTokenTransfersFromReceipt({\n    receipt,\n    tokens: [fromToken, toToken],\n    senderAddress: result?.account,\n    receiverAddress: result?.receiverAddress,\n    chainId: fromToken.network,\n    expectedTokenTransfers: resultWeiAmounts?.tokensMap,\n  });\n\n  const fromAmountFinal =\n    tokenTransfers?.[fromToken.address as Address]?.sentAmount ??\n    resultWeiAmounts?.fromAmountWei;\n  const toAmountFinal =\n    tokenTransfers?.[toToken.address as Address]?.receivedAmount ??\n    resultWeiAmounts?.toAmountWei;\n\n  const amounts = getResultAmounts({\n    fromAmountWei: fromAmountFinal,\n    toAmountWei: toAmountFinal,\n    isBuy: resultWeiAmounts?.isBuy,\n    fromToken,\n    toToken,\n  });\n\n  const details: DetailWithValue[] = [\n    {\n      key: \"sold\",\n      title: \"You sold\",\n      value: (\n        <TokenBadge\n          address={fromToken.address}\n          chainId={fromToken.network}\n          img={fromToken.img}\n          symbol={fromToken.symbol}\n          showNetworkIcon\n          amount={amounts.fromAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    {\n      key: \"received\",\n      title: \"You received\",\n      value: (\n        <TokenBadge\n          address={toToken.address}\n          chainId={toToken.network}\n          img={toToken.img}\n          symbol={toToken.symbol}\n          showNetworkIcon\n          amount={amounts.toAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    {\n      key: \"rate\",\n      title: \"Best Rate\",\n      value: amounts.rateStr,\n    },\n  ];\n\n  return details;\n}\n"],"names":["badgeClasses","root","useTradeCompletedDetails","fromToken","toToken","result","useTradeFlowContext","resultWeiAmounts","useMemo","getExpectedTransferAmounts","receipt","tradeFlowType","swap","undefined","data","tokenTransfers","useTokenTransfersFromReceipt","tokens","senderAddress","account","receiverAddress","chainId","network","expectedTokenTransfers","tokensMap","fromAmountFinal","address","sentAmount","fromAmountWei","toAmountFinal","receivedAmount","toAmountWei","amounts","getResultAmounts","isBuy","details","key","title","value","img","symbol","fromAmountUnit","toAmountUnit","rateStr"],"mappings":";;;;;;;AAQA,MAAMA,YAAAA,GAAe;AAAA,EACnBC,IAAAA,EAAM;AACR,CAAA;AAEO,SAASC,wBAAAA,GAA8C;AAC5D,EAAA,MAAM;AAAA,IAAEC,SAAAA;AAAAA,IAAWC,OAAAA;AAAAA,IAASC;AAAAA,MAAWC,mBAAAA,EAAoB;AAE3D,EAAA,MAAMC,gBAAAA,GAAmBC,QAAQ,MAAM;AACrC,IAAA,OAAOC,0BAAAA,CAA2B;AAAA,MAChCJ;AAAAA,KACD,CAAA;AAAA,EACH,CAAA,EAAG,CAACA,MAAM,CAAC,CAAA;AAEX,EAAA,MAAMK,UACJL,MAAAA,EAAQM,aAAAA,KAAkB,YAAA,GAAeN,MAAAA,CAAOO,KAAKF,OAAAA,GAAUG,MAAAA;AAEjE,EAAA,MAAM;AAAA,IAAEC,IAAAA,EAAMC;AAAAA,MAAmBC,4BAAAA,CAA6B;AAAA,IAC5DN,OAAAA;AAAAA,IACAO,MAAAA,EAAQ,CAACd,SAAAA,EAAWC,OAAO,CAAA;AAAA,IAC3Bc,eAAeb,MAAAA,EAAQc,OAAAA;AAAAA,IACvBC,iBAAiBf,MAAAA,EAAQe,eAAAA;AAAAA,IACzBC,SAASlB,SAAAA,CAAUmB,OAAAA;AAAAA,IACnBC,wBAAwBhB,gBAAAA,EAAkBiB;AAAAA,GAC3C,CAAA;AAED,EAAA,MAAMC,kBACJV,cAAAA,GAAiBZ,SAAAA,CAAUuB,OAAkB,CAAA,EAAGC,cAChDpB,gBAAAA,EAAkBqB,aAAAA;AACpB,EAAA,MAAMC,gBACJd,cAAAA,GAAiBX,OAAAA,CAAQsB,OAAkB,CAAA,EAAGI,kBAC9CvB,gBAAAA,EAAkBwB,WAAAA;AAEpB,EAAA,MAAMC,UAAUC,gBAAAA,CAAiB;AAAA,IAC/BL,aAAAA,EAAeH,eAAAA;AAAAA,IACfM,WAAAA,EAAaF,aAAAA;AAAAA,IACbK,OAAO3B,gBAAAA,EAAkB2B,KAAAA;AAAAA,IACzB/B,SAAAA;AAAAA,IACAC;AAAAA,GACD,CAAA;AAED,EAAA,MAAM+B,UAA6B,CACjC;AAAA,IACEC,GAAAA,EAAK,MAAA;AAAA,IACLC,KAAAA,EAAO,UAAA;AAAA,IACPC,KAAAA,sBACG,UAAA,EAAA,EACC,OAAA,EAASnC,UAAUuB,OAAAA,EACnB,OAAA,EAASvB,UAAUmB,OAAAA,EACnB,GAAA,EAAKnB,UAAUoC,GAAAA,EACf,MAAA,EAAQpC,UAAUqC,MAAAA,EAClB,eAAA,EAAe,MACf,MAAA,EAAQR,OAAAA,CAAQS,cAAAA,EAChB,OAAA,EAASzC,YAAAA,EAAa;AAAA,GAG5B,EACA;AAAA,IACEoC,GAAAA,EAAK,UAAA;AAAA,IACLC,KAAAA,EAAO,cAAA;AAAA,IACPC,KAAAA,sBACG,UAAA,EAAA,EACC,OAAA,EAASlC,QAAQsB,OAAAA,EACjB,OAAA,EAAStB,QAAQkB,OAAAA,EACjB,GAAA,EAAKlB,QAAQmC,GAAAA,EACb,MAAA,EAAQnC,QAAQoC,MAAAA,EAChB,eAAA,EAAe,MACf,MAAA,EAAQR,OAAAA,CAAQU,YAAAA,EAChB,OAAA,EAAS1C,YAAAA,EAAa;AAAA,GAG5B,EACA;AAAA,IACEoC,GAAAA,EAAK,MAAA;AAAA,IACLC,KAAAA,EAAO,WAAA;AAAA,IACPC,OAAON,OAAAA,CAAQW;AAAAA,GAChB,CAAA;AAGH,EAAA,OAAOR,OAAAA;AACT;;;;"}
+{"version":3,"file":"useTradeCompleteDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"sourcesContent":["import { useTokenTransfersFromReceipt } from \"@/tokens/utils/transferAmountsFromReceipt\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { TokenBadge } from \"../../TokenBadge/TokenBadge\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { getExpectedTransferAmounts, getResultAmounts } from \"./utils\";\nimport type { Address } from \"viem\";\nimport { useMemo } from \"react\";\nimport { isTruthy } from \"@/lib/utils\";\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nexport function useTradeCompletedDetails(): DetailWithValue[] {\n  const { fromToken, toToken, result } = useTradeFlowContext();\n  const isLimitOrderFlow = result?.tradeFlowType === \"limitOrder\";\n\n  const resultWeiAmounts = useMemo(() => {\n    return getExpectedTransferAmounts({\n      result,\n    });\n  }, [result]);\n\n  const receipt =\n    result?.tradeFlowType === \"marketSwap\"\n      ? // for batch txs callsReceipt will be available, but not the usual tx receipt\n        result.swap.receipt || result.swap.callsReceipt\n      : undefined;\n\n  const { data: tokenTransfers } = useTokenTransfersFromReceipt({\n    receipt,\n    tokens: [fromToken, toToken],\n    senderAddress: result?.account,\n    receiverAddress: result?.receiverAddress,\n    chainId: fromToken.network,\n    expectedTokenTransfers: resultWeiAmounts?.tokensMap,\n  });\n\n  const fromAmountFinal =\n    tokenTransfers?.[fromToken.address as Address]?.sentAmount ??\n    resultWeiAmounts?.fromAmountWei;\n  const toAmountFinal =\n    tokenTransfers?.[toToken.address as Address]?.receivedAmount ??\n    resultWeiAmounts?.toAmountWei;\n\n  const amounts = getResultAmounts({\n    fromAmountWei: fromAmountFinal,\n    toAmountWei: toAmountFinal,\n    isBuy: resultWeiAmounts?.isBuy,\n    fromToken,\n    toToken,\n  });\n\n  const details: DetailWithValue[] = [\n    {\n      key: \"sold\",\n      title: isLimitOrderFlow ? \"Pay\" : \"You sold\",\n      value: (\n        <TokenBadge\n          address={fromToken.address}\n          chainId={fromToken.network}\n          img={fromToken.img}\n          symbol={fromToken.symbol}\n          showNetworkIcon\n          amount={amounts.fromAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    {\n      key: \"received\",\n      title: isLimitOrderFlow ? \"Receive\" : \"You received\",\n      value: (\n        <TokenBadge\n          address={toToken.address}\n          chainId={toToken.network}\n          img={toToken.img}\n          symbol={toToken.symbol}\n          showNetworkIcon\n          amount={amounts.toAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    !isLimitOrderFlow && {\n      key: \"rate\",\n      title: \"Best Rate\",\n      value: amounts.rateStr,\n    },\n  ].filter(isTruthy);\n\n  return details;\n}\n"],"names":["badgeClasses","root","useTradeCompletedDetails","fromToken","toToken","result","useTradeFlowContext","isLimitOrderFlow","tradeFlowType","resultWeiAmounts","useMemo","getExpectedTransferAmounts","receipt","swap","callsReceipt","undefined","data","tokenTransfers","useTokenTransfersFromReceipt","tokens","senderAddress","account","receiverAddress","chainId","network","expectedTokenTransfers","tokensMap","fromAmountFinal","address","sentAmount","fromAmountWei","toAmountFinal","receivedAmount","toAmountWei","amounts","getResultAmounts","isBuy","details","key","title","value","img","symbol","fromAmountUnit","toAmountUnit","rateStr","filter","isTruthy"],"mappings":"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"}

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

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

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

@@ -36,6 +36,90 @@ function getExpectedTransferAmounts({
       isBuy: false
     };
   }
+  if (result.tradeFlowType === "limitOrder") {
+    const {
+      srcToken: srcToken2,
+      destToken: destToken2
+    } = result.limitOrder.sentOrder.order;
+    const fromAmountWei2 = result.limitOrder.sentOrder.order.srcAmount;
+    const toAmountWei2 = result.limitOrder.sentOrder.order.destAmount;
+    const tokensMap2 = {
+      [srcToken2]: {
+        // token was sent
+        token: srcToken2,
+        sentAmount: BigInt(fromAmountWei2),
+        receivedAmount: 0n
+      },
+      [destToken2]: {
+        // token was received
+        token: destToken2,
+        sentAmount: 0n,
+        receivedAmount: BigInt(toAmountWei2)
+      }
+    };
+    return {
+      fromAmountWei: fromAmountWei2,
+      toAmountWei: toAmountWei2,
+      tokensMap: tokensMap2,
+      isBuy: false
+    };
+  }
+  if (result.tradeFlowType === "otcOrder") {
+    const {
+      makerAsset,
+      takerAsset
+    } = result.otcOrder.sentOrder;
+    const fromAmountWei2 = result.otcOrder.sentOrder.makerAmount;
+    const toAmountWei2 = result.otcOrder.sentOrder.takerAmount;
+    const tokensMap2 = {
+      [makerAsset]: {
+        // token was sent
+        token: makerAsset,
+        sentAmount: BigInt(fromAmountWei2),
+        receivedAmount: 0n
+      },
+      [takerAsset]: {
+        // token was received
+        token: takerAsset,
+        sentAmount: 0n,
+        receivedAmount: BigInt(toAmountWei2)
+      }
+    };
+    return {
+      fromAmountWei: fromAmountWei2,
+      toAmountWei: toAmountWei2,
+      tokensMap: tokensMap2,
+      isBuy: false
+    };
+  }
+  if (result.tradeFlowType === "fillOtcOrder") {
+    const {
+      makerAsset,
+      takerAsset
+    } = result.fill.order;
+    const fromAmountWei2 = result.fill.order.takerAmount;
+    const toAmountWei2 = result.fill.order.makerAmount;
+    const tokensMap2 = {
+      [takerAsset]: {
+        // token was sent
+        token: takerAsset,
+        sentAmount: BigInt(fromAmountWei2),
+        receivedAmount: 0n
+      },
+      [makerAsset]: {
+        // token was received
+        token: makerAsset,
+        sentAmount: 0n,
+        receivedAmount: BigInt(toAmountWei2)
+      }
+    };
+    return {
+      fromAmountWei: fromAmountWei2,
+      toAmountWei: toAmountWei2,
+      tokensMap: tokensMap2,
+      isBuy: false
+    };
+  }
   const {
     srcToken,
     destToken

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/utils.ts"],"sourcesContent":["import { formatTokenBalanceClean } from \"@/lib/utils/formatTokenBalance\";\nimport type { TradeFlowResult } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { MinTradeFlowToken } from \"../TradeDetails\";\nimport type Big from \"big.js\";\nimport type { Address } from \"viem\";\nimport type { TokenTransfers } from \"@/tokens/utils/transferAmountsFromReceipt\";\n\ntype ResultAmounts = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  fromAmountUnit: string;\n  toAmountUnit: string;\n  rateStr: string | null;\n  rate?: Big;\n  rateFormatted?: string;\n};\n\ntype RawAmountsAndSide = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  tokensMap: Record<Address, TokenTransfers>;\n  isBuy: boolean;\n};\n\ntype ResultAmountsInput = {\n  fromAmountWei?: string | bigint;\n  toAmountWei?: string | bigint;\n  isBuy?: boolean;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getExpectedTransferAmounts({\n  result,\n}: {\n  result?: TradeFlowResult;\n}): RawAmountsAndSide | undefined {\n  if (!result) {\n    return;\n  }\n\n  if (result.tradeFlowType === \"deltaOrder\") {\n    const { srcToken, destToken } = result.deltaOrder.sentOrder.order;\n\n    const fromAmountWei =\n      result.deltaOrder.lastOrderState?.order.srcAmount ||\n      result.deltaOrder.sentOrder.order.srcAmount;\n    const toAmountWei =\n      result.deltaOrder.lastOrderState?.order.destAmount ||\n      result.deltaOrder.sentOrder.order.destAmount;\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      // @TODO add BUY support for Delta when available\n      isBuy: false,\n    };\n  }\n\n  const { srcToken, destToken } = result.marketPrice;\n  const fromAmountWei = result.marketPrice.srcAmount;\n  const toAmountWei = result.marketPrice.destAmount;\n\n  const tokensMap = {\n    [srcToken]: {\n      token: srcToken as Address,\n      sentAmount: BigInt(fromAmountWei),\n      receivedAmount: 0n,\n    },\n    [destToken]: {\n      token: destToken as Address,\n      sentAmount: 0n,\n      receivedAmount: BigInt(toAmountWei),\n    },\n  };\n\n  return {\n    fromAmountWei,\n    toAmountWei,\n    tokensMap,\n    isBuy: result.marketPrice.side === \"BUY\",\n  };\n}\n\nexport function getResultAmounts({\n  fromAmountWei,\n  toAmountWei,\n  isBuy,\n  fromToken,\n  toToken,\n}: ResultAmountsInput): ResultAmounts {\n  if (!fromAmountWei || !toAmountWei || isBuy === undefined) {\n    return {\n      fromAmountWei: \"0\",\n      toAmountWei: \"0\",\n      fromAmountUnit: \"0\",\n      toAmountUnit: \"0\",\n      rateStr: null,\n    };\n  }\n\n  const fromAmountUnit = formatTokenBalanceClean(\n    fromAmountWei,\n    fromToken.decimals\n  );\n  const toAmountUnit = formatTokenBalanceClean(toAmountWei, toToken.decimals);\n\n  const { srcToken, destToken, srcAmount, destAmount } = isBuy\n    ? {\n        srcToken: fromToken,\n        destToken: toToken,\n        srcAmount: fromAmountUnit,\n        destAmount: toAmountUnit,\n      }\n    : {\n        srcToken: toToken,\n        destToken: fromToken,\n        srcAmount: toAmountUnit,\n        destAmount: fromAmountUnit,\n      };\n\n  const rates = calcRate(srcAmount, destAmount);\n  const rateStr = rates\n    ? `1 ${srcToken.symbol ?? srcToken.address} = ${rates.rateFormatted} ${destToken.symbol ?? destToken.address}`\n    : null;\n\n  return {\n    fromAmountWei: fromAmountWei.toString(),\n    toAmountWei: toAmountWei.toString(),\n    fromAmountUnit,\n    toAmountUnit,\n    ...rates,\n    rateStr,\n  };\n}\n\ntype SurplusAmounts = {\n  expectedAmount: bigint;\n  receivedAmount: bigint;\n  diffWei: bigint;\n  diffUnit: string;\n  surplusStr: string | null;\n};\n\ntype SurplusAmountsInput = {\n  result?: TradeFlowResult;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getSurplusAmounts({\n  result,\n  toToken,\n}: SurplusAmountsInput): SurplusAmounts | null {\n  if (!result) {\n    return null;\n  }\n\n  if (result.tradeFlowType !== \"deltaOrder\") {\n    // @TODO add surplus calc from SwapTx Receipt\n    return null;\n  }\n\n  const txs = result.deltaOrder.lastOrderState?.transactions;\n  if (!txs || txs.length === 0) {\n    return null;\n  }\n\n  // @TODO check that expectedDestAmount is the amount show at Order creation, not destAmount (=minAmount)\n  const expectedAmount = BigInt(\n    result.deltaOrder.lastOrderState?.order.expectedAmount ||\n      result.deltaOrder.sentOrder.order.expectedAmount\n  );\n\n  const actualReceived = txs.reduce((acc, tx) => {\n    return acc + BigInt(tx.receivedAmount);\n  }, 0n);\n\n  const diffWei = actualReceived - expectedAmount;\n\n  const diffUnit = formatTokenBalanceClean(diffWei, toToken.decimals, 2);\n  //                            don't show 0.00%\n  const surplusStr = Number(diffUnit) > 0 ? diffUnit : null;\n\n  return {\n    expectedAmount,\n    receivedAmount: actualReceived,\n    diffWei,\n    diffUnit,\n    surplusStr,\n  };\n}\n"],"names":["getExpectedTransferAmounts","result","tradeFlowType","srcToken","destToken","deltaOrder","sentOrder","order","fromAmountWei","lastOrderState","srcAmount","toAmountWei","destAmount","tokensMap","token","sentAmount","BigInt","receivedAmount","isBuy","marketPrice","side","getResultAmounts","fromToken","toToken","undefined","fromAmountUnit","toAmountUnit","rateStr","formatTokenBalanceClean","decimals","rates","calcRate","symbol","address","rateFormatted","toString","getSurplusAmounts","txs","transactions","length","expectedAmount","actualReceived","reduce","acc","tx","diffWei","diffUnit","surplusStr","Number"],"mappings":";;;AAiCO,SAASA,0BAAAA,CAA2B;AAAA,EACzCC;AAGF,CAAA,EAAkC;AAChC,EAAA,IAAI,CAACA,MAAAA,EAAQ;AACX,IAAA;AAAA,EACF;AAEA,EAAA,IAAIA,MAAAA,CAAOC,kBAAkB,YAAA,EAAc;AACzC,IAAA,MAAM;AAAA,MAAEC,QAAAA,EAAAA,SAAAA;AAAAA,MAAUC,SAAAA,EAAAA;AAAAA,KAAU,GAAIH,MAAAA,CAAOI,UAAAA,CAAWC,SAAAA,CAAUC,KAAAA;AAE5D,IAAA,MAAMC,cAAAA,GACJP,OAAOI,UAAAA,CAAWI,cAAAA,EAAgBF,MAAMG,SAAAA,IACxCT,MAAAA,CAAOI,UAAAA,CAAWC,SAAAA,CAAUC,KAAAA,CAAMG,SAAAA;AACpC,IAAA,MAAMC,YAAAA,GACJV,OAAOI,UAAAA,CAAWI,cAAAA,EAAgBF,MAAMK,UAAAA,IACxCX,MAAAA,CAAOI,UAAAA,CAAWC,SAAAA,CAAUC,KAAAA,CAAMK,UAAAA;AAEpC,IAAA,MAAMC,UAAAA,GAAY;AAAA,MAChB,CAACV,SAAQ,GAAG;AAAA;AAAA,QAEVW,KAAAA,EAAOX,SAAAA;AAAAA,QACPY,UAAAA,EAAYC,OAAOR,cAAa,CAAA;AAAA,QAChCS,cAAAA,EAAgB;AAAA,OAClB;AAAA,MACA,CAACb,UAAS,GAAG;AAAA;AAAA,QAEXU,KAAAA,EAAOV,UAAAA;AAAAA,QACPW,UAAAA,EAAY,EAAA;AAAA,QACZE,cAAAA,EAAgBD,OAAOL,YAAW;AAAA;AACpC,KACF;AAEA,IAAA,OAAO;AAAA,MACLH,aAAAA,EAAAA,cAAAA;AAAAA,MACAG,WAAAA,EAAAA,YAAAA;AAAAA,MACAE,SAAAA,EAAAA,UAAAA;AAAAA;AAAAA,MAEAK,KAAAA,EAAO;AAAA,KACT;AAAA,EACF;AAEA,EAAA,MAAM;AAAA,IAAEf,QAAAA;AAAAA,IAAUC;AAAAA,MAAcH,MAAAA,CAAOkB,WAAAA;AACvC,EAAA,MAAMX,aAAAA,GAAgBP,OAAOkB,WAAAA,CAAYT,SAAAA;AACzC,EAAA,MAAMC,WAAAA,GAAcV,OAAOkB,WAAAA,CAAYP,UAAAA;AAEvC,EAAA,MAAMC,SAAAA,GAAY;AAAA,IAChB,CAACV,QAAQ,GAAG;AAAA,MACVW,KAAAA,EAAOX,QAAAA;AAAAA,MACPY,UAAAA,EAAYC,OAAOR,aAAa,CAAA;AAAA,MAChCS,cAAAA,EAAgB;AAAA,KAClB;AAAA,IACA,CAACb,SAAS,GAAG;AAAA,MACXU,KAAAA,EAAOV,SAAAA;AAAAA,MACPW,UAAAA,EAAY,EAAA;AAAA,MACZE,cAAAA,EAAgBD,OAAOL,WAAW;AAAA;AACpC,GACF;AAEA,EAAA,OAAO;AAAA,IACLH,aAAAA;AAAAA,IACAG,WAAAA;AAAAA,IACAE,SAAAA;AAAAA,IACAK,KAAAA,EAAOjB,MAAAA,CAAOkB,WAAAA,CAAYC,IAAAA,KAAS;AAAA,GACrC;AACF;AAEO,SAASC,gBAAAA,CAAiB;AAAA,EAC/Bb,aAAAA;AAAAA,EACAG,WAAAA;AAAAA,EACAO,KAAAA;AAAAA,EACAI,SAAAA;AAAAA,EACAC;AACkB,CAAA,EAAkB;AACpC,EAAA,IAAI,CAACf,aAAAA,IAAiB,CAACG,WAAAA,IAAeO,UAAUM,MAAAA,EAAW;AACzD,IAAA,OAAO;AAAA,MACLhB,aAAAA,EAAe,GAAA;AAAA,MACfG,WAAAA,EAAa,GAAA;AAAA,MACbc,cAAAA,EAAgB,GAAA;AAAA,MAChBC,YAAAA,EAAc,GAAA;AAAA,MACdC,OAAAA,EAAS;AAAA,KACX;AAAA,EACF;AAEA,EAAA,MAAMF,cAAAA,GAAiBG,uBAAAA,CACrBpB,aAAAA,EACAc,SAAAA,CAAUO,QACZ,CAAA;AACA,EAAA,MAAMH,YAAAA,GAAeE,uBAAAA,CAAwBjB,WAAAA,EAAaY,OAAAA,CAAQM,QAAQ,CAAA;AAE1E,EAAA,MAAM;AAAA,IAAE1B,QAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAAWM,SAAAA;AAAAA,IAAWE;AAAAA,MAAeM,KAAAA,GACnD;AAAA,IACEf,QAAAA,EAAUmB,SAAAA;AAAAA,IACVlB,SAAAA,EAAWmB,OAAAA;AAAAA,IACXb,SAAAA,EAAWe,cAAAA;AAAAA,IACXb,UAAAA,EAAYc;AAAAA,GACd,GACA;AAAA,IACEvB,QAAAA,EAAUoB,OAAAA;AAAAA,IACVnB,SAAAA,EAAWkB,SAAAA;AAAAA,IACXZ,SAAAA,EAAWgB,YAAAA;AAAAA,IACXd,UAAAA,EAAYa;AAAAA,GACd;AAEJ,EAAA,MAAMK,KAAAA,GAAQC,QAAAA,CAASrB,SAAAA,EAAWE,UAAU,CAAA;AAC5C,EAAA,MAAMe,OAAAA,GAAUG,KAAAA,GACZ,CAAA,EAAA,EAAK3B,QAAAA,CAAS6B,UAAU7B,QAAAA,CAAS8B,OAAO,CAAA,GAAA,EAAMH,KAAAA,CAAMI,aAAa,CAAA,CAAA,EAAI9B,SAAAA,CAAU4B,MAAAA,IAAU5B,SAAAA,CAAU6B,OAAO,CAAA,CAAA,GAC1G,IAAA;AAEJ,EAAA,OAAO;AAAA,IACLzB,aAAAA,EAAeA,cAAc2B,QAAAA,EAAS;AAAA,IACtCxB,WAAAA,EAAaA,YAAYwB,QAAAA,EAAS;AAAA,IAClCV,cAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACA,GAAGI,KAAAA;AAAAA,IACHH;AAAAA,GACF;AACF;AAeO,SAASS,iBAAAA,CAAkB;AAAA,EAChCnC,MAAAA;AAAAA,EACAsB;AACmB,CAAA,EAA0B;AAC7C,EAAA,IAAI,CAACtB,MAAAA,EAAQ;AACX,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAIA,MAAAA,CAAOC,kBAAkB,YAAA,EAAc;AAEzC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAMmC,GAAAA,GAAMpC,MAAAA,CAAOI,UAAAA,CAAWI,cAAAA,EAAgB6B,YAAAA;AAC9C,EAAA,IAAI,CAACD,GAAAA,IAAOA,GAAAA,CAAIE,MAAAA,KAAW,CAAA,EAAG;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,MAAMC,cAAAA,GAAiBxB,MAAAA,CACrBf,MAAAA,CAAOI,UAAAA,CAAWI,cAAAA,EAAgBF,KAAAA,CAAMiC,cAAAA,IACtCvC,MAAAA,CAAOI,UAAAA,CAAWC,SAAAA,CAAUC,KAAAA,CAAMiC,cACtC,CAAA;AAEA,EAAA,MAAMC,cAAAA,GAAiBJ,GAAAA,CAAIK,MAAAA,CAAO,CAACC,KAAKC,EAAAA,KAAO;AAC7C,IAAA,OAAOD,GAAAA,GAAM3B,MAAAA,CAAO4B,EAAAA,CAAG3B,cAAc,CAAA;AAAA,EACvC,GAAG,EAAE,CAAA;AAEL,EAAA,MAAM4B,UAAUJ,cAAAA,GAAiBD,cAAAA;AAEjC,EAAA,MAAMM,QAAAA,GAAWlB,uBAAAA,CAAwBiB,OAAAA,EAAStB,OAAAA,CAAQM,UAAU,CAAC,CAAA;AAErE,EAAA,MAAMkB,UAAAA,GAAaC,MAAAA,CAAOF,QAAQ,CAAA,GAAI,IAAIA,QAAAA,GAAW,IAAA;AAErD,EAAA,OAAO;AAAA,IACLN,cAAAA;AAAAA,IACAvB,cAAAA,EAAgBwB,cAAAA;AAAAA,IAChBI,OAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC;AAAAA,GACF;AACF;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/utils.ts"],"sourcesContent":["import { formatTokenBalanceClean } from \"@/lib/utils/formatTokenBalance\";\nimport type { TradeFlowResult } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { MinTradeFlowToken } from \"../TradeDetails\";\nimport type Big from \"big.js\";\nimport type { Address } from \"viem\";\nimport type { TokenTransfers } from \"@/tokens/utils/transferAmountsFromReceipt\";\n\ntype ResultAmounts = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  fromAmountUnit: string;\n  toAmountUnit: string;\n  rateStr: string | null;\n  rate?: Big;\n  rateFormatted?: string;\n};\n\ntype RawAmountsAndSide = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  tokensMap: Record<Address, TokenTransfers>;\n  isBuy: boolean;\n};\n\ntype ResultAmountsInput = {\n  fromAmountWei?: string | bigint;\n  toAmountWei?: string | bigint;\n  isBuy?: boolean;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getExpectedTransferAmounts({\n  result,\n}: {\n  result?: TradeFlowResult;\n}): RawAmountsAndSide | undefined {\n  if (!result) {\n    return;\n  }\n\n  if (result.tradeFlowType === \"deltaOrder\") {\n    const { srcToken, destToken } = result.deltaOrder.sentOrder.order;\n\n    const fromAmountWei =\n      result.deltaOrder.lastOrderState?.order.srcAmount ||\n      result.deltaOrder.sentOrder.order.srcAmount;\n    const toAmountWei =\n      result.deltaOrder.lastOrderState?.order.destAmount ||\n      result.deltaOrder.sentOrder.order.destAmount;\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      // @TODO add BUY support for Delta when available\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"limitOrder\") {\n    const { srcToken, destToken } = result.limitOrder.sentOrder.order;\n\n    const fromAmountWei = result.limitOrder.sentOrder.order.srcAmount;\n    const toAmountWei = result.limitOrder.sentOrder.order.destAmount;\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"otcOrder\") {\n    const { makerAsset, takerAsset } = result.otcOrder.sentOrder;\n\n    const fromAmountWei = result.otcOrder.sentOrder.makerAmount;\n    const toAmountWei = result.otcOrder.sentOrder.takerAmount;\n\n    const tokensMap = {\n      [makerAsset]: {\n        // token was sent\n        token: makerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [takerAsset]: {\n        // token was received\n        token: takerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"fillOtcOrder\") {\n    const { makerAsset, takerAsset } = result.fill.order;\n\n    const fromAmountWei = result.fill.order.takerAmount;\n    const toAmountWei = result.fill.order.makerAmount;\n\n    const tokensMap = {\n      [takerAsset]: {\n        // token was sent\n        token: takerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [makerAsset]: {\n        // token was received\n        token: makerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  const { srcToken, destToken } = result.marketPrice;\n  const fromAmountWei = result.marketPrice.srcAmount;\n  const toAmountWei = result.marketPrice.destAmount;\n\n  const tokensMap = {\n    [srcToken]: {\n      token: srcToken as Address,\n      sentAmount: BigInt(fromAmountWei),\n      receivedAmount: 0n,\n    },\n    [destToken]: {\n      token: destToken as Address,\n      sentAmount: 0n,\n      receivedAmount: BigInt(toAmountWei),\n    },\n  };\n\n  return {\n    fromAmountWei,\n    toAmountWei,\n    tokensMap,\n    isBuy: result.marketPrice.side === \"BUY\",\n  };\n}\n\nexport function getResultAmounts({\n  fromAmountWei,\n  toAmountWei,\n  isBuy,\n  fromToken,\n  toToken,\n}: ResultAmountsInput): ResultAmounts {\n  if (!fromAmountWei || !toAmountWei || isBuy === undefined) {\n    return {\n      fromAmountWei: \"0\",\n      toAmountWei: \"0\",\n      fromAmountUnit: \"0\",\n      toAmountUnit: \"0\",\n      rateStr: null,\n    };\n  }\n\n  const fromAmountUnit = formatTokenBalanceClean(\n    fromAmountWei,\n    fromToken.decimals\n  );\n  const toAmountUnit = formatTokenBalanceClean(toAmountWei, toToken.decimals);\n\n  const { srcToken, destToken, srcAmount, destAmount } = isBuy\n    ? {\n        srcToken: fromToken,\n        destToken: toToken,\n        srcAmount: fromAmountUnit,\n        destAmount: toAmountUnit,\n      }\n    : {\n        srcToken: toToken,\n        destToken: fromToken,\n        srcAmount: toAmountUnit,\n        destAmount: fromAmountUnit,\n      };\n\n  const rates = calcRate(srcAmount, destAmount);\n  const rateStr = rates\n    ? `1 ${srcToken.symbol ?? srcToken.address} = ${rates.rateFormatted} ${destToken.symbol ?? destToken.address}`\n    : null;\n\n  return {\n    fromAmountWei: fromAmountWei.toString(),\n    toAmountWei: toAmountWei.toString(),\n    fromAmountUnit,\n    toAmountUnit,\n    ...rates,\n    rateStr,\n  };\n}\n\ntype SurplusAmounts = {\n  expectedAmount: bigint;\n  receivedAmount: bigint;\n  diffWei: bigint;\n  diffUnit: string;\n  surplusStr: string | null;\n};\n\ntype SurplusAmountsInput = {\n  result?: TradeFlowResult;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getSurplusAmounts({\n  result,\n  toToken,\n}: SurplusAmountsInput): SurplusAmounts | null {\n  if (!result) {\n    return null;\n  }\n\n  if (result.tradeFlowType !== \"deltaOrder\") {\n    // @TODO add surplus calc from SwapTx Receipt\n    return null;\n  }\n\n  const txs = result.deltaOrder.lastOrderState?.transactions;\n  if (!txs || txs.length === 0) {\n    return null;\n  }\n\n  // @TODO check that expectedDestAmount is the amount show at Order creation, not destAmount (=minAmount)\n  const expectedAmount = BigInt(\n    result.deltaOrder.lastOrderState?.order.expectedAmount ||\n      result.deltaOrder.sentOrder.order.expectedAmount\n  );\n\n  const actualReceived = txs.reduce((acc, tx) => {\n    return acc + BigInt(tx.receivedAmount);\n  }, 0n);\n\n  const diffWei = actualReceived - expectedAmount;\n\n  const diffUnit = formatTokenBalanceClean(diffWei, toToken.decimals, 2);\n  //                            don't show 0.00%\n  const surplusStr = Number(diffUnit) > 0 ? diffUnit : null;\n\n  return {\n    expectedAmount,\n    receivedAmount: actualReceived,\n    diffWei,\n    diffUnit,\n    surplusStr,\n  };\n}\n"],"names":["getExpectedTransferAmounts","result","tradeFlowType","srcToken","destToken","deltaOrder","sentOrder","order","fromAmountWei","lastOrderState","srcAmount","toAmountWei","destAmount","tokensMap","token","sentAmount","BigInt","receivedAmount","isBuy","limitOrder","makerAsset","takerAsset","otcOrder","makerAmount","takerAmount","fill","marketPrice","side","getResultAmounts","fromToken","toToken","undefined","fromAmountUnit","toAmountUnit","rateStr","formatTokenBalanceClean","decimals","rates","calcRate","symbol","address","rateFormatted","toString","getSurplusAmounts","txs","transactions","length","expectedAmount","actualReceived","reduce","acc","tx","diffWei","diffUnit","surplusStr","Number"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetailsDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"names":[],"mappings":"AAyBA,eAAO,MAAM,mBAAmB,+CAgB/B,CAAC"}
+{"version":3,"file":"TradeDetailsDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,mBAAmB,+CAgB/B,CAAC"}

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

@@ -11,8 +11,11 @@ import { DotLottieReact } from '@lottiefiles/dotlottie-react';
 const step2lottie = {
   signature: ApprovingLottie_1,
   auction: InProgressLottie_2,
+  "order-submission": ExecutingLottie_3,
+  // Limit/OTC Order submission
   "swap-tx-execution": ExecutingLottie_3,
   "order-execution": ExecutingLottie_3,
+  // Limit/OTC Order execution
   complete: CompleteLottie_4,
   error: ErrorLottie_5
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetailsDisplay.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"sourcesContent":["import {\n  useTradeFlowContext,\n  type TradeFlowDerivedStep,\n} from \"./tradeFlowContext\";\n\n// have to import by ?url because vite can't process .lottie file without a plugin,\n// and <DotLottieReact/> expects a url.\n// .json from inside the .lottie file is larger in size (.lottie is just an archive)\nimport ApprovingLottie_1 from \"./assets/1_approving.lottie?url\";\nimport InProgressLottie_2 from \"./assets/2_in_progress.lottie?url\";\nimport ExecutingLottie_3 from \"./assets/3_executing_step.lottie?url\";\nimport CompleteLottie_4 from \"./assets/4_complete_step.lottie?url\";\nimport ErrorLottie_5 from \"./assets/5_error_step.lottie?url\";\n\nimport { DotLottieReact } from \"@lottiefiles/dotlottie-react\";\n\nconst step2lottie: Record<TradeFlowDerivedStep, string> = {\n  signature: ApprovingLottie_1,\n  auction: InProgressLottie_2,\n  \"swap-tx-execution\": ExecutingLottie_3,\n  \"order-execution\": ExecutingLottie_3,\n  complete: CompleteLottie_4,\n  error: ErrorLottie_5,\n};\n\nexport const TradeDetailsDisplay = () => {\n  const { derivedStep } = useTradeFlowContext();\n  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;\n\n  return (\n    <div className=\"h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-[0px_4px_16px_rgba(9,22,46,0.05)]\">\n      {lottiePath && (\n        <DotLottieReact\n          src={lottiePath}\n          loop\n          autoplay\n          className=\"h-full w-full rounded-sm overflow-hidden\"\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["step2lottie","signature","ApprovingLottie_1","auction","InProgressLottie_2","ExecutingLottie_3","complete","CompleteLottie_4","error","ErrorLottie_5","TradeDetailsDisplay","$","_c","derivedStep","useTradeFlowContext","lottiePath","t0","t1"],"mappings":";;;;;;;;;;AAgBA,MAAMA,WAAAA,GAAoD;AAAA,EACxDC,SAAAA,EAAWC,iBAAAA;AAAAA,EACXC,OAAAA,EAASC,kBAAAA;AAAAA,EACT,mBAAA,EAAqBC,iBAAAA;AAAAA,EACrB,iBAAA,EAAmBA,iBAAAA;AAAAA,EACnBC,QAAAA,EAAUC,gBAAAA;AAAAA,EACVC,KAAAA,EAAOC;AACT,CAAA;AAEO,MAAMC,sBAAsBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACjC,EAAA,MAAA;AAAA,IAAAC;AAAAA,MAAwBC,mBAAAA,EAAoB;AAC5C,EAAA,MAAAC,UAAAA,GAAmBF,WAAAA,GAAWb,WAAAA,CAAea,WAAW,CAAA,GAAA,IAAA;AAAS,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAI,UAAAA,EAAA;AAI5DC,IAAAA,EAAAA,GAAAD,UAAAA,oBACC,GAAA,CAAC,cAAA,EAAA,EACMA,GAAAA,EAAAA,UAAAA,EACL,MAAA,IAAA,EACA,QAAA,EAAA,IAAA,EACU,SAAA,EAAA,0CAAA,EAA0C,CAAA;AAEvDJ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAK,EAAAA,EAAA;AARHC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qIAAA,EACZD,QAAAA,EAAAA,EAAAA,EAQH,CAAA;AAAML,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OATNM,EAAAA;AASM;;;;"}
+{"version":3,"file":"TradeDetailsDisplay.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"sourcesContent":["import {\n  useTradeFlowContext,\n  type TradeFlowDerivedStep,\n} from \"./tradeFlowContext\";\n\n// have to import by ?url because vite can't process .lottie file without a plugin,\n// and <DotLottieReact/> expects a url.\n// .json from inside the .lottie file is larger in size (.lottie is just an archive)\nimport ApprovingLottie_1 from \"./assets/1_approving.lottie?url\";\nimport InProgressLottie_2 from \"./assets/2_in_progress.lottie?url\";\nimport ExecutingLottie_3 from \"./assets/3_executing_step.lottie?url\";\nimport CompleteLottie_4 from \"./assets/4_complete_step.lottie?url\";\nimport ErrorLottie_5 from \"./assets/5_error_step.lottie?url\";\n\nimport { DotLottieReact } from \"@lottiefiles/dotlottie-react\";\n\nconst step2lottie: Record<TradeFlowDerivedStep, string> = {\n  signature: ApprovingLottie_1,\n  auction: InProgressLottie_2,\n  \"order-submission\": ExecutingLottie_3, // Limit/OTC Order submission\n  \"swap-tx-execution\": ExecutingLottie_3,\n  \"order-execution\": ExecutingLottie_3, // Limit/OTC Order execution\n  complete: CompleteLottie_4,\n  error: ErrorLottie_5,\n};\n\nexport const TradeDetailsDisplay = () => {\n  const { derivedStep } = useTradeFlowContext();\n  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;\n\n  return (\n    <div className=\"h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-[0px_4px_16px_rgba(9,22,46,0.05)]\">\n      {lottiePath && (\n        <DotLottieReact\n          src={lottiePath}\n          loop\n          autoplay\n          className=\"h-full w-full rounded-sm overflow-hidden\"\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["step2lottie","signature","ApprovingLottie_1","auction","InProgressLottie_2","ExecutingLottie_3","complete","CompleteLottie_4","error","ErrorLottie_5","TradeDetailsDisplay","$","_c","derivedStep","useTradeFlowContext","lottiePath","t0","t1"],"mappings":";;;;;;;;;;AAgBA,MAAMA,WAAAA,GAAoD;AAAA,EACxDC,SAAAA,EAAWC,iBAAAA;AAAAA,EACXC,OAAAA,EAASC,kBAAAA;AAAAA,EACT,kBAAA,EAAoBC,iBAAAA;AAAAA;AAAAA,EACpB,mBAAA,EAAqBA,iBAAAA;AAAAA,EACrB,iBAAA,EAAmBA,iBAAAA;AAAAA;AAAAA,EACnBC,QAAAA,EAAUC,gBAAAA;AAAAA,EACVC,KAAAA,EAAOC;AACT,CAAA;AAEO,MAAMC,sBAAsBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACjC,EAAA,MAAA;AAAA,IAAAC;AAAAA,MAAwBC,mBAAAA,EAAoB;AAC5C,EAAA,MAAAC,UAAAA,GAAmBF,WAAAA,GAAWb,WAAAA,CAAea,WAAW,CAAA,GAAA,IAAA;AAAS,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAI,UAAAA,EAAA;AAI5DC,IAAAA,EAAAA,GAAAD,UAAAA,oBACC,GAAA,CAAC,cAAA,EAAA,EACMA,GAAAA,EAAAA,UAAAA,EACL,MAAA,IAAA,EACA,QAAA,EAAA,IAAA,EACU,SAAA,EAAA,0CAAA,EAA0C,CAAA;AAEvDJ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAK,EAAAA,EAAA;AARHC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qIAAA,EACZD,QAAAA,EAAAA,EAAAA,EAQH,CAAA;AAAML,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OATNM,EAAAA;AASM;;;;"}

package/dist/components/widget/TradeOverview/TradeError/index.d.ts

@@ -1,6 +1,8 @@
+import { TradeFlowType } from '../../../../hooks/swap/tradeFlow/common/types';
 import { TradeFlowStep } from '../tradeFlowContext';
-export declare const TradeError: ({ error, erroredStep, }: {
+export declare const TradeError: ({ error, erroredStep, tradeFlowType, }: {
     error?: Error | null;
     erroredStep?: TradeFlowStep;
+    tradeFlowType: TradeFlowType;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/widget/TradeOverview/TradeError/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIzD,eAAO,MAAM,UAAU,GAAI,yBAGxB;IACD,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B,4CASA,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIzD,eAAO,MAAM,UAAU,GAAI,wCAIxB;IACD,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,aAAa,EAAE,aAAa,CAAC;CAC9B,4CASA,CAAC"}

package/dist/components/widget/TradeOverview/TradeError/index.js

@@ -5,10 +5,11 @@ import { TradeErrorDetails } from './TradeErrorDetails.js';
 import { getErrorMessageToDisplay, getErrorScreenTitle } from './utils.js';
 
 const TradeError = (t0) => {
-  const $ = distExports.c(9);
+  const $ = distExports.c(10);
   const {
     error,
-    erroredStep
+    erroredStep,
+    tradeFlowType
   } = t0;
   let t1;
   if ($[0] !== error || $[1] !== erroredStep) {
@@ -21,32 +22,33 @@ const TradeError = (t0) => {
   }
   const errorMessage = t1;
   let t2;
-  if ($[3] !== error) {
-    t2 = getErrorScreenTitle(error);
+  if ($[3] !== error || $[4] !== tradeFlowType) {
+    t2 = getErrorScreenTitle(error, tradeFlowType);
     $[3] = error;
-    $[4] = t2;
+    $[4] = tradeFlowType;
+    $[5] = t2;
   } else {
-    t2 = $[4];
+    t2 = $[5];
   }
   const errorTitle = t2;
   let t3;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
     t3 = /* @__PURE__ */ jsx(TradeDetailsDisplay, {});
-    $[5] = t3;
+    $[6] = t3;
   } else {
-    t3 = $[5];
+    t3 = $[6];
   }
   let t4;
-  if ($[6] !== errorMessage || $[7] !== errorTitle) {
+  if ($[7] !== errorMessage || $[8] !== errorTitle) {
     t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
       t3,
       /* @__PURE__ */ jsx(TradeErrorDetails, { errorTitle, errorMessage })
     ] });
-    $[6] = errorMessage;
-    $[7] = errorTitle;
-    $[8] = t4;
+    $[7] = errorMessage;
+    $[8] = errorTitle;
+    $[9] = t4;
   } else {
-    t4 = $[8];
+    t4 = $[9];
   }
   return t4;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"sourcesContent":["import { TradeDetailsDisplay } from \"../TradeDetailsDisplay\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport { TradeErrorDetails } from \"./TradeErrorDetails\";\nimport { getErrorMessageToDisplay, getErrorScreenTitle } from \"./utils\";\n\nexport const TradeError = ({\n  error,\n  erroredStep,\n}: {\n  error?: Error | null;\n  erroredStep?: TradeFlowStep;\n}) => {\n  const errorMessage = getErrorMessageToDisplay(error, erroredStep);\n  const errorTitle = getErrorScreenTitle(error);\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <TradeDetailsDisplay />\n      <TradeErrorDetails errorTitle={errorTitle} errorMessage={errorMessage} />\n    </div>\n  );\n};\n"],"names":["TradeError","t0","$","_c","error","erroredStep","t1","getErrorMessageToDisplay","errorMessage","t2","getErrorScreenTitle","errorTitle","t3","Symbol","for","t4"],"mappings":";;;;;;AAKO,MAAMA,aAAaC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,KAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAM1B,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAE,SAAAF,CAAAA,QAAAG,WAAAA,EAAA;AACsBC,IAAAA,EAAAA,GAAAC,wBAAAA,CAAyBH,OAAOC,WAAW,CAAA;AAACH,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAG,WAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAjE,EAAA,MAAAM,YAAAA,GAAqBF,EAAAA;AAA6C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAE,KAAAA,EAAA;AAC/CK,IAAAA,EAAAA,GAAAC,oBAAoBN,KAAK,CAAA;AAACF,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAA7C,EAAA,MAAAS,UAAAA,GAAmBF,EAAAA;AAA2B,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAW,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAG1CF,IAAAA,EAAAA,uBAAC,mBAAA,EAAA,EAAmB,CAAA;AAAGV,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAa,EAAAA;AAAA,EAAA,IAAAb,EAAA,CAAA,CAAA,KAAAM,gBAAAN,CAAAA,QAAAS,UAAAA,EAAA;AADzBI,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qBAAA,EACbH,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,sBACA,GAAA,CAAC,iBAAA,EAAA,EAA8BD,UAAAA,EAA0BH,YAAAA,EAAY;AAAA,KAAA,EACvE,CAAA;AAAMN,IAAAA,CAAAA,MAAAM,YAAAA;AAAAN,IAAAA,CAAAA,MAAAS,UAAAA;AAAAT,IAAAA,CAAAA,MAAAa,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAHNa,EAAAA;AAGM;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { TradeDetailsDisplay } from \"../TradeDetailsDisplay\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport { TradeErrorDetails } from \"./TradeErrorDetails\";\nimport { getErrorMessageToDisplay, getErrorScreenTitle } from \"./utils\";\n\nexport const TradeError = ({\n  error,\n  erroredStep,\n  tradeFlowType,\n}: {\n  error?: Error | null;\n  erroredStep?: TradeFlowStep;\n  tradeFlowType: TradeFlowType;\n}) => {\n  const errorMessage = getErrorMessageToDisplay(error, erroredStep);\n  const errorTitle = getErrorScreenTitle(error, tradeFlowType);\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <TradeDetailsDisplay />\n      <TradeErrorDetails errorTitle={errorTitle} errorMessage={errorMessage} />\n    </div>\n  );\n};\n"],"names":["TradeError","t0","$","_c","error","erroredStep","tradeFlowType","t1","getErrorMessageToDisplay","errorMessage","t2","getErrorScreenTitle","errorTitle","t3","Symbol","for","t4"],"mappings":";;;;;;AAMO,MAAMA,aAAaC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAL,EAAAA;AAQ1B,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAE,SAAAF,CAAAA,QAAAG,WAAAA,EAAA;AACsBE,IAAAA,EAAAA,GAAAC,wBAAAA,CAAyBJ,OAAOC,WAAW,CAAA;AAACH,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAG,WAAAA;AAAAH,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAjE,EAAA,MAAAO,YAAAA,GAAqBF,EAAAA;AAA6C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAR,EAAA,CAAA,CAAA,KAAAE,SAAAF,CAAAA,QAAAI,aAAAA,EAAA;AAC/CI,IAAAA,EAAAA,GAAAC,mBAAAA,CAAoBP,OAAOE,aAAa,CAAA;AAACJ,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAI,aAAAA;AAAAJ,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAA5D,EAAA,MAAAU,UAAAA,GAAmBF,EAAAA;AAA0C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAY,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAGzDF,IAAAA,EAAAA,uBAAC,mBAAA,EAAA,EAAmB,CAAA;AAAGX,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAc,EAAAA;AAAA,EAAA,IAAAd,EAAA,CAAA,CAAA,KAAAO,gBAAAP,CAAAA,QAAAU,UAAAA,EAAA;AADzBI,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qBAAA,EACbH,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,sBACA,GAAA,CAAC,iBAAA,EAAA,EAA8BD,UAAAA,EAA0BH,YAAAA,EAAY;AAAA,KAAA,EACvE,CAAA;AAAMP,IAAAA,CAAAA,MAAAO,YAAAA;AAAAP,IAAAA,CAAAA,MAAAU,UAAAA;AAAAV,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAHNc,EAAAA;AAGM;;;;"}

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

@@ -1,4 +1,5 @@
 import { TradeFlowStep } from '../tradeFlowContext';
+import { TradeFlowType } from '../../../../hooks/swap/tradeFlow/common/types';
 export declare function getErrorMessageToDisplay(error: unknown, erroredStep?: TradeFlowStep): string | null;
-export declare function getErrorScreenTitle(error: unknown): string;
+export declare function getErrorScreenTitle(error: unknown, tradeFlowType: TradeFlowType): string;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,OAAO,EACd,WAAW,CAAC,EAAE,aAAa,GAC1B,MAAM,GAAG,IAAI,CAiBf;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAK1D"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAGzE,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,OAAO,EACd,WAAW,CAAC,EAAE,aAAa,GAC1B,MAAM,GAAG,IAAI,CAmBf;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,OAAO,EACd,aAAa,EAAE,aAAa,GAC3B,MAAM,CASR"}

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

@@ -1,4 +1,5 @@
 import { isRejectRequestProviderError } from '../../../../lib/utils/providerErrors.js';
+import { isOrderTradeFlowType } from '../../../../hooks/swap/tradeFlow/common/utils.js';
 
 function getErrorMessageToDisplay(error, erroredStep) {
   if (isRejectRequestProviderError(error)) {
@@ -13,15 +14,19 @@ function getErrorMessageToDisplay(error, erroredStep) {
       return "an auction issue";
     case "order-execution":
       return "an order execution issue";
+    case "order-submission":
+      return "an order submission issue";
     default:
       return "an unknown error";
   }
 }
-function getErrorScreenTitle(error) {
+function getErrorScreenTitle(error, tradeFlowType) {
+  const isOrderFlow = isOrderTradeFlowType(tradeFlowType);
+  const action = isOrderFlow ? "Order" : "Swap";
   if (isRejectRequestProviderError(error)) {
-    return "Swap Rejected";
+    return `${action} Rejected`;
   }
-  return "Swap Failed";
+  return `${action} Failed`;
 }
 
 export { getErrorMessageToDisplay, getErrorScreenTitle };

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/utils.ts"],"sourcesContent":["import { isRejectRequestProviderError } from \"@/lib/utils/providerErrors\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\n\nexport function getErrorMessageToDisplay(\n  error: unknown,\n  erroredStep?: TradeFlowStep\n): string | null {\n  if (isRejectRequestProviderError(error)) {\n    return null;\n  }\n  switch (erroredStep) {\n    case \"signature\":\n      return \"an order signatures issue\";\n    case \"swap-tx-execution\":\n      return \"a swap execution issue\";\n    case \"auction\":\n      return \"an auction issue\";\n    case \"order-execution\":\n      return \"an order execution issue\";\n    default:\n      // can display a raw error.message here if we want\n      return \"an unknown error\";\n  }\n}\n\nexport function getErrorScreenTitle(error: unknown): string {\n  if (isRejectRequestProviderError(error)) {\n    return \"Swap Rejected\";\n  }\n  return \"Swap Failed\";\n}\n"],"names":["getErrorMessageToDisplay","error","erroredStep","isRejectRequestProviderError","getErrorScreenTitle"],"mappings":";;AAGO,SAASA,wBAAAA,CACdC,OACAC,WAAAA,EACe;AACf,EAAA,IAAIC,4BAAAA,CAA6BF,KAAK,CAAA,EAAG;AACvC,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,QAAQC,WAAAA;AAAW,IACjB,KAAK,WAAA;AACH,MAAA,OAAO,2BAAA;AAAA,IACT,KAAK,mBAAA;AACH,MAAA,OAAO,wBAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAA,OAAO,kBAAA;AAAA,IACT,KAAK,iBAAA;AACH,MAAA,OAAO,0BAAA;AAAA,IACT;AAEE,MAAA,OAAO,kBAAA;AAAA;AAEb;AAEO,SAASE,oBAAoBH,KAAAA,EAAwB;AAC1D,EAAA,IAAIE,4BAAAA,CAA6BF,KAAK,CAAA,EAAG;AACvC,IAAA,OAAO,eAAA;AAAA,EACT;AACA,EAAA,OAAO,aAAA;AACT;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/utils.ts"],"sourcesContent":["import { isRejectRequestProviderError } from \"@/lib/utils/providerErrors\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\n\nexport function getErrorMessageToDisplay(\n  error: unknown,\n  erroredStep?: TradeFlowStep\n): string | null {\n  if (isRejectRequestProviderError(error)) {\n    return null;\n  }\n  switch (erroredStep) {\n    case \"signature\":\n      return \"an order signatures issue\";\n    case \"swap-tx-execution\":\n      return \"a swap execution issue\";\n    case \"auction\":\n      return \"an auction issue\";\n    case \"order-execution\":\n      return \"an order execution issue\";\n    case \"order-submission\":\n      return \"an order submission issue\";\n    default:\n      // @TODO parse and display API errors\n      return \"an unknown error\";\n  }\n}\n\nexport function getErrorScreenTitle(\n  error: unknown,\n  tradeFlowType: TradeFlowType\n): string {\n  const isOrderFlow = isOrderTradeFlowType(tradeFlowType);\n\n  const action = isOrderFlow ? \"Order\" : \"Swap\";\n\n  if (isRejectRequestProviderError(error)) {\n    return `${action} Rejected`;\n  }\n  return `${action} Failed`;\n}\n"],"names":["getErrorMessageToDisplay","error","erroredStep","isRejectRequestProviderError","getErrorScreenTitle","tradeFlowType","isOrderFlow","isOrderTradeFlowType","action"],"mappings":";;;AAKO,SAASA,wBAAAA,CACdC,OACAC,WAAAA,EACe;AACf,EAAA,IAAIC,4BAAAA,CAA6BF,KAAK,CAAA,EAAG;AACvC,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,QAAQC,WAAAA;AAAW,IACjB,KAAK,WAAA;AACH,MAAA,OAAO,2BAAA;AAAA,IACT,KAAK,mBAAA;AACH,MAAA,OAAO,wBAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAA,OAAO,kBAAA;AAAA,IACT,KAAK,iBAAA;AACH,MAAA,OAAO,0BAAA;AAAA,IACT,KAAK,kBAAA;AACH,MAAA,OAAO,2BAAA;AAAA,IACT;AAEE,MAAA,OAAO,kBAAA;AAAA;AAEb;AAEO,SAASE,mBAAAA,CACdH,OACAI,aAAAA,EACQ;AACR,EAAA,MAAMC,WAAAA,GAAcC,qBAAqBF,aAAa,CAAA;AAEtD,EAAA,MAAMG,MAAAA,GAASF,cAAc,OAAA,GAAU,MAAA;AAEvC,EAAA,IAAIH,4BAAAA,CAA6BF,KAAK,CAAA,EAAG;AACvC,IAAA,OAAO,GAAGO,MAAM,CAAA,SAAA,CAAA;AAAA,EAClB;AACA,EAAA,OAAO,GAAGA,MAAM,CAAA,OAAA,CAAA;AAClB;;;;"}

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

@@ -1,21 +1,27 @@
 import { MinTradeFlowToken } from './TradeDetails';
 import { FlowStep, ActiveStep } from './Step/types';
-export type TradeOverviewProps<Key extends string = string, Result = unknown> = {
+import { GenericStep } from './steps';
+export type MinTradeOverviewProps = {
     fromToken: MinTradeFlowToken;
     toToken: MinTradeFlowToken;
     fromAmount: string;
     toAmount: string;
+};
+export type TradeOverviewProps<Key extends string = string, Result = unknown, FlowType extends string = string> = MinTradeOverviewProps & {
+    tradeFlowType: FlowType;
     steps: FlowStep<Key>[];
     activeStep?: ActiveStep<Key>;
+    orderCancellationStep?: GenericStep;
     onHelp?: () => void;
     onDismiss?: () => void;
-    onCancel?: () => void;
+    onCancelFlow?: () => void;
     onRetry?: () => void;
-    isCancellable?: boolean;
+    onCancelOrder?: () => void;
+    isFlowCancellable?: boolean;
     explorerLink?: string;
     error?: Error | null;
     erroredStep?: Key;
     result?: Result;
 };
-export declare const TradeOverview: <Key extends string = string, Result = unknown>({ fromToken, toToken, fromAmount, toAmount, steps, activeStep, onHelp, onDismiss, onCancel, onRetry, isCancellable, explorerLink, result, error, erroredStep, }: TradeOverviewProps<Key, Result>) => import("react/jsx-runtime").JSX.Element;
+export declare const TradeOverview: <Key extends string = string, Result = unknown, FlowType extends string = string>({ fromToken, toToken, fromAmount, toAmount, steps, activeStep, orderCancellationStep, onHelp, onDismiss, onCancelFlow, onCancelOrder, onRetry, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: TradeOverviewProps<Key, Result, FlowType>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TradeOverview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeOverview.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGtE,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAYzD,MAAM,MAAM,kBAAkB,CAC5B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,IACd;IACF,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAkHF,eAAO,MAAM,aAAa,GAAI,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,OAAO,EAAE,iKAgB1E,kBAAkB,CAAC,GAAG,EAAE,MAAM,CAAC,4CAuBjC,CAAC"}
+{"version":3,"file":"TradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeOverview.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGtE,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAUzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAK3C,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,kBAAkB,CAC5B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,IAC9B,qBAAqB,GAAG;IAC1B,aAAa,EAAE,QAAQ,CAAC;IACxB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,WAAW,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAkJF,eAAO,MAAM,aAAa,GACxB,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,EAChC,8NAmBC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,4CA0B3C,CAAC"}