@velora-dex/widget 0.0.23 → 0.1.0-rc.1

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

@@ -6,7 +6,7 @@ import { useTradeFlowContext } from './tradeFlowContext.js';
 import { VerticalDash } from './VerticalDash.js';
 
 const StepperBase = (t0) => {
-  const $ = distExports.c(9);
+  const $ = distExports.c(16);
   let activeStep;
   let steps;
   let titleFnProps;
@@ -26,37 +26,55 @@ const StepperBase = (t0) => {
     titleFnProps = $[3];
   }
   let t1;
+  let t2;
+  let t3;
   if ($[4] !== activeStep || $[5] !== steps || $[6] !== titleFnProps) {
     const activeStepIndex = activeStep ? steps.findIndex((step) => step.key === activeStep.key) : -1;
-    let t2;
-    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-      t2 = /* @__PURE__ */ jsx("div", { className: "absolute left-[17px] top-0 bottom-[17px] flex justify-center", children: /* @__PURE__ */ jsx(VerticalDash, {}) });
-      $[8] = t2;
+    const isActiveStepLast = activeStepIndex === steps.length - 1;
+    t1 = "flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2";
+    if ($[10] !== isActiveStepLast) {
+      t2 = !isActiveStepLast && /* @__PURE__ */ jsx("div", { className: "absolute left-[17px] top-0 bottom-[17px] flex justify-center", children: /* @__PURE__ */ jsx(VerticalDash, {}) });
+      $[10] = isActiveStepLast;
+      $[11] = t2;
     } else {
-      t2 = $[8];
+      t2 = $[11];
     }
-    t1 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2", children: [
-      t2,
-      steps.map((step_0, i) => {
-        const prepareStepPropsParams = {
-          currentStep: step_0,
-          activeStepIndex,
-          currentStepIndex: i,
-          activeStep,
-          titleFnProps
-        };
-        const stepProps = prepareStepProps(prepareStepPropsParams);
-        return stepProps ? /* @__PURE__ */ jsx(Step, { ...stepProps }, step_0.key) : null;
-      })
-    ] }) });
+    t3 = steps.map((step_0, i) => {
+      const prepareStepPropsParams = {
+        currentStep: step_0,
+        activeStepIndex,
+        currentStepIndex: i,
+        activeStep,
+        titleFnProps
+      };
+      const stepProps = prepareStepProps(prepareStepPropsParams);
+      return stepProps ? /* @__PURE__ */ jsx(Step, { ...stepProps }, step_0.key) : null;
+    });
     $[4] = activeStep;
     $[5] = steps;
     $[6] = titleFnProps;
     $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
   } else {
     t1 = $[7];
+    t2 = $[8];
+    t3 = $[9];
+  }
+  let t4;
+  if ($[12] !== t1 || $[13] !== t2 || $[14] !== t3) {
+    t4 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: t1, children: [
+      t2,
+      t3
+    ] }) });
+    $[12] = t1;
+    $[13] = t2;
+    $[14] = t3;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
   }
-  return t1;
+  return t4;
 };
 const Stepper = () => {
   const $ = distExports.c(7);

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["// import { Informative } from \"../Informative/Informative\";\nimport { Step } from \"./Step/Step\";\nimport type { ActiveStep, FlowStep } from \"./Step/types\";\nimport { prepareStepProps } from \"./Step/utils\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n  steps: FlowStep<Key>[];\n  activeStep?: ActiveStep<Key>;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst StepperBase = <Key extends string = string>({\n  steps,\n  activeStep,\n  ...titleFnProps\n}: StepperProps<Key>) => {\n  const activeStepIndex = activeStep\n    ? steps.findIndex((step) => step.key === activeStep.key)\n    : -1;\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n        {/* Vertical line positioned absolutely */}\n        <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n          <VerticalDash />\n        </div>\n        {steps.map((step, i) => {\n          const prepareStepPropsParams = {\n            currentStep: step,\n            activeStepIndex,\n            currentStepIndex: i,\n            activeStep,\n            titleFnProps,\n          };\n\n          const stepProps = prepareStepProps(prepareStepPropsParams);\n\n          return stepProps ? <Step key={step.key} {...stepProps} /> : null;\n        })}\n      </div>\n\n      {/* show StepperHint on the last step, @TODO reenable when we have conditional hints */}\n      {/* {steps.length - activeStepIndex === 1 && <StepperHint />} */}\n    </>\n  );\n};\n\n/* const StepperHint = () => (\n  <Informative\n    title=\"Did you know?\"\n    description=\"There may be a network issue (such as sudden gas price spike) that is delaying your order\"\n    classes={{ root: \"mb-4\" }}\n  />\n); */\n\nexport const Stepper = () => {\n  const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n    useTradeFlowContext();\n\n  return (\n    <StepperBase\n      steps={steps}\n      activeStep={activeStep}\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"names":["StepperBase","t0","$","_c","activeStep","steps","titleFnProps","t1","activeStepIndex","findIndex","step","key","t2","Symbol","for","map","step_0","i","prepareStepPropsParams","currentStep","currentStepIndex","stepProps","prepareStepProps","Stepper","fromToken","toToken","fromAmount","toAmount","useTradeFlowContext"],"mappings":"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"}
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["// import { Informative } from \"../Informative/Informative\";\nimport { Step } from \"./Step/Step\";\nimport type { ActiveStep, FlowStep } from \"./Step/types\";\nimport { prepareStepProps } from \"./Step/utils\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n  steps: FlowStep<Key>[];\n  activeStep?: ActiveStep<Key>;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst StepperBase = <Key extends string = string>({\n  steps,\n  activeStep,\n  ...titleFnProps\n}: StepperProps<Key>) => {\n  const activeStepIndex = activeStep\n    ? steps.findIndex((step) => step.key === activeStep.key)\n    : -1;\n\n  const isActiveStepLast = activeStepIndex === steps.length - 1;\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n        {/* Vertical line positioned absolutely */}\n        {!isActiveStepLast && (\n          // show vertical line only if there will be more than 1 step displayed\n          <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n            <VerticalDash />\n          </div>\n        )}\n        {steps.map((step, i) => {\n          const prepareStepPropsParams = {\n            currentStep: step,\n            activeStepIndex,\n            currentStepIndex: i,\n            activeStep,\n            titleFnProps,\n          };\n\n          const stepProps = prepareStepProps(prepareStepPropsParams);\n\n          return stepProps ? <Step key={step.key} {...stepProps} /> : null;\n        })}\n      </div>\n\n      {/* show StepperHint on the last step, @TODO reenable when we have conditional hints */}\n      {/* {steps.length - activeStepIndex === 1 && <StepperHint />} */}\n    </>\n  );\n};\n\n/* const StepperHint = () => (\n  <Informative\n    title=\"Did you know?\"\n    description=\"There may be a network issue (such as sudden gas price spike) that is delaying your order\"\n    classes={{ root: \"mb-4\" }}\n  />\n); */\n\nexport const Stepper = () => {\n  const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n    useTradeFlowContext();\n\n  return (\n    <StepperBase\n      steps={steps}\n      activeStep={activeStep}\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"names":["StepperBase","t0","$","_c","activeStep","steps","titleFnProps","t1","t2","t3","activeStepIndex","findIndex","step","key","isActiveStepLast","length","map","step_0","i","prepareStepPropsParams","currentStep","currentStepIndex","stepProps","prepareStepProps","t4","Stepper","fromToken","toToken","fromAmount","toAmount","useTradeFlowContext"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\n\ntype TradeCompletedFooterProps = {\n  onDismiss?: () => void;\n  explorerLink?: string;\n};\n\nconst TradeCompletedFooterBase = ({\n  onDismiss,\n  explorerLink,\n}: TradeCompletedFooterProps) => {\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      <Button\n        variant=\"default\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onDismiss}\n      >\n        Make Another Trade\n      </Button>\n      {explorerLink && (\n        <Button\n          variant=\"secondary\"\n          size=\"xl\"\n          radius=\"sm\"\n          className=\"w-full text-sm\"\n          asChild\n        >\n          <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n            View On Explorer\n          </a>\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport const TradeCompletedFooter = ({\n  onDismiss,\n}: Pick<TradeCompletedFooterProps, \"onDismiss\">) => {\n  const { explorerLink } = useTradeFlowContext();\n  return (\n    <TradeCompletedFooterBase\n      onDismiss={onDismiss}\n      explorerLink={explorerLink}\n    />\n  );\n};\n"],"names":["TradeCompletedFooterBase","t0","$","_c","onDismiss","explorerLink","t1","t2","t3","TradeCompletedFooter","useTradeFlowContext"],"mappings":";;;;;AAQA,MAAMA,2BAA2BC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAGN,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,SAAAA,EAAA;AAGtBE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,SAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDF,OAAAA,EAAAA,SAAAA,EACV,QAAA,EAAA,oBAAA,EAED,CAAA;AAASF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAG,YAAAA,EAAA;AACRE,IAAAA,EAAAA,GAAAF,YAAAA,wBACE,MAAA,EAAA,EACS,OAAA,EAAA,aACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACV,eAEA,QAAA,kBAAA,GAAA,QAASA,IAAAA,EAAAA,YAAAA,EAAkB,KAAA,qBAAA,EAA6B,MAAA,EAAA,QAAA,EAAS,QAAA,EAAA,kBAAA,EAEjE,CAAA,EACF,CAAA;AACDH,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAI,MAAAJ,CAAAA,QAAAK,EAAAA,EAAA;AAtBHC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,2CAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MASCC;AAAAA,KAAAA,EAaH,CAAA;AAAML,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAvBNM,EAAAA;AAuBM,CAAA;AAIH,MAAMC,uBAAuBR,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAGnC,EAAA,MAAA;AAAA,IAAAI;AAAAA,MAAyBK,mBAAAA,EAAoB;AAAE,EAAA,IAAAJ,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAG,gBAAAH,CAAAA,QAAAE,SAAAA,EAAA;AAE7CE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,wBAAA,EAAA,EACYF,SAAAA,EACGC,YAAAA,EAAY,CAAA;AAC1BH,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAHFI,EAAAA;AAGE;;;;"}
+{"version":3,"file":"TradeCompleteFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\n\ntype TradeCompletedFooterProps = {\n  onDismiss?: () => void;\n  explorerLink?: string;\n};\n\nconst TradeCompletedFooterBase = ({\n  onDismiss,\n  explorerLink,\n}: TradeCompletedFooterProps) => {\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      <Button\n        variant=\"default\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onDismiss}\n      >\n        Make Another Trade\n      </Button>\n      {explorerLink && (\n        <Button\n          variant=\"secondary\"\n          size=\"xl\"\n          radius=\"sm\"\n          className=\"w-full text-sm\"\n          asChild\n        >\n          <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n            View On Explorer\n          </a>\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport const TradeCompletedFooter = ({\n  onDismiss,\n}: Pick<TradeCompletedFooterProps, \"onDismiss\">) => {\n  const { explorerLink } = useTradeFlowContext();\n  return (\n    <TradeCompletedFooterBase\n      onDismiss={onDismiss}\n      explorerLink={explorerLink}\n    />\n  );\n};\n"],"names":["TradeCompletedFooterBase","t0","$","_c","onDismiss","explorerLink","t1","t2","t3","TradeCompletedFooter","useTradeFlowContext"],"mappings":";;;;;AAQA,MAAMA,2BAA2BC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAGN,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,SAAAA,EAAA;AAGtBE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,SAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDF,OAAAA,EAAAA,SAAAA,EACV,QAAA,EAAA,oBAAA,EAED,CAAA;AAASF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAG,YAAAA,EAAA;AACRE,IAAAA,EAAAA,GAAAF,YAAAA,wBACE,MAAA,EAAA,EACS,OAAA,EAAA,aACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACV,eAEA,QAAA,kBAAA,GAAA,QAASA,IAAAA,EAAAA,YAAAA,EAAkB,KAAA,qBAAA,EAA6B,MAAA,EAAA,QAAA,EAAS,QAAA,EAAA,kBAAA,EAEjE,CAAA,EACF,CAAA;AACDH,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAI,MAAAJ,CAAAA,QAAAK,EAAAA,EAAA;AAtBHC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,2CAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MASCC;AAAAA,KAAAA,EAaH,CAAA;AAAML,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAvBNM,EAAAA;AAuBM,CAAA;AAIH,MAAMC,uBAAuBR,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAGnC,EAAA,MAAA;AAAA,IAAAI;AAAAA,MAAyBK,mBAAAA,EAAoB;AAAE,EAAA,IAAAJ,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAG,gBAAAH,CAAAA,QAAAE,SAAAA,EAAA;AAE7CE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,wBAAA,EAAA,EACYF,SAAAA,EACGC,YAAAA,EAAY,CAAA;AAC1BH,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAHFI,EAAAA;AAGE;;;;"}

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 { 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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeCompletedDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.tsx"],"sourcesContent":["import { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { useTradeCompletedDetails } from \"./useTradeCompleteDetails\";\n\nconst tradeCompletedDetailsClasses = {\n  root: \"gap-3\",\n  title: \"text-contrast-4 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-7\",\n};\n\nexport const TradeCompletedDetails = () => {\n  const details = useTradeCompletedDetails();\n  return (\n    <div className=\"flex flex-col rounded-sm border border-contrast-7 dark:border-contrast-3 p-4\">\n      <DetailWithValueList\n        details={details}\n        classes={tradeCompletedDetailsClasses}\n      />\n    </div>\n  );\n};\n"],"names":["tradeCompletedDetailsClasses","root","title","value","TradeCompletedDetails","$","_c","details","useTradeCompletedDetails","t0"],"mappings":";;;;;AAGA,MAAMA,4BAAAA,GAA+B;AAAA,EACnCC,IAAAA,EAAM,OAAA;AAAA,EACNC,KAAAA,EAAO,sCAAA;AAAA,EACPC,KAAAA,EAAO;AACT,CAAA;AAEO,MAAMC,wBAAwBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACnC,EAAA,MAAAC,UAAgBC,wBAAAA,EAAyB;AAAE,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,OAAAA,EAAA;AAEzCE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,SAAe,SAAA,EAAA,8EAAA,EACb,8BAAC,mBAAA,EAAA,EACUF,OAAAA,EACAP,OAAAA,gCAA4B,CAAA,EAEzC,CAAA;AAAMK,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OALNI,EAAAA;AAKM;;;;"}
+{"version":3,"file":"TradeCompletedDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.tsx"],"sourcesContent":["import { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { useTradeCompletedDetails } from \"./useTradeCompleteDetails\";\n\nconst tradeCompletedDetailsClasses = {\n  root: \"gap-3\",\n  title: \"text-contrast-4 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-7\",\n};\n\nexport const TradeCompletedDetails = () => {\n  const details = useTradeCompletedDetails();\n  return (\n    <div className=\"flex flex-col rounded-sm border border-contrast-7 dark:border-contrast-3 p-4\">\n      <DetailWithValueList\n        details={details}\n        classes={tradeCompletedDetailsClasses}\n      />\n    </div>\n  );\n};\n"],"names":["tradeCompletedDetailsClasses","root","title","value","TradeCompletedDetails","$","_c","details","useTradeCompletedDetails","t0"],"mappings":";;;;;AAGA,MAAMA,4BAAAA,GAA+B;AAAA,EACnCC,IAAAA,EAAM,OAAA;AAAA,EACNC,KAAAA,EAAO,sCAAA;AAAA,EACPC,KAAAA,EAAO;AACT,CAAA;AAEO,MAAMC,wBAAwBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACnC,EAAA,MAAAC,UAAgBC,wBAAAA,EAAyB;AAAE,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,OAAAA,EAAA;AAEzCE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,SAAe,SAAA,EAAA,8EAAA,EACb,8BAAC,mBAAA,EAAA,EACUF,OAAAA,EACAP,OAAAA,gCAA4B,CAAA,EAEzC,CAAA;AAAMK,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OALNI,EAAAA;AAKM;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\nimport { TradeCompletedDetails } from \"./TradeCompletedDetails\";\nimport { TradeCompletedHeader } from \"./TradeCompleteHeader\";\nimport { TradeDetailsDisplay } from \"../TradeDetailsDisplay\";\n\ntype TradeCompleteProps = {\n  tradeFlowType: TradeFlowType;\n};\n\nexport const TradeComplete = ({ tradeFlowType }: TradeCompleteProps) => (\n  <div className=\"flex flex-col gap-4\">\n    <div className=\"flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5\">\n      <TradeDetailsDisplay />\n    </div>\n    <TradeCompletedHeader tradeFlowType={tradeFlowType} />\n    <TradeCompletedDetails />\n  </div>\n);\n"],"names":["TradeComplete","t0","$","_c","tradeFlowType","t1","Symbol","for","t2","t3","t4"],"mappings":";;;;;;AAUO,MAAMA,gBAAgBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAAqC,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAH,EAAA,CAAA,CAAA,KAAAI,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAE/DF,IAAAA,EAAAA,uBAAA,KAAA,EAAA,EAAe,SAAA,EAAA,yIAAA,EACb,QAAA,kBAAA,GAAA,CAAC,uBAAmB,CAAA,EACtB,CAAA;AAAMH,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAE,aAAAA,EAAA;AACNI,IAAAA,EAAAA,uBAAC,wBAAoCJ,aAAAA,EAAa,CAAA;AAAIF,IAAAA,CAAAA,MAAAE,aAAAA;AAAAF,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,EAAA,CAAA,CAAA,KAAAI,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACtDE,IAAAA,EAAAA,uBAAC,qBAAA,EAAA,EAAqB,CAAA;AAAGP,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAQ,EAAAA;AAAA,EAAA,IAAAR,CAAAA,QAAAM,EAAAA,EAAA;AAL3BE,IAAAA,EAAAA,iCAAe,SAAA,EAAA,qBAAA,EACbL,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGAG,EAAAA;AAAAA,MACAC;AAAAA,KAAAA,EACF,CAAA;AAAMP,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OANNQ,EAAAA;AAMM;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\nimport { TradeCompletedDetails } from \"./TradeCompletedDetails\";\nimport { TradeCompletedHeader } from \"./TradeCompleteHeader\";\nimport { TradeDetailsDisplay } from \"../TradeDetailsDisplay\";\n\ntype TradeCompleteProps = {\n  tradeFlowType: TradeFlowType;\n};\n\nexport const TradeComplete = ({ tradeFlowType }: TradeCompleteProps) => (\n  <div className=\"flex flex-col gap-4\">\n    <div className=\"flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5\">\n      <TradeDetailsDisplay />\n    </div>\n    <TradeCompletedHeader tradeFlowType={tradeFlowType} />\n    <TradeCompletedDetails />\n  </div>\n);\n"],"names":["TradeComplete","t0","$","_c","tradeFlowType","t1","Symbol","for","t2","t3","t4"],"mappings":";;;;;;AAUO,MAAMA,gBAAgBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAAqC,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAH,EAAA,CAAA,CAAA,KAAAI,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAE/DF,IAAAA,EAAAA,uBAAA,KAAA,EAAA,EAAe,SAAA,EAAA,yIAAA,EACb,QAAA,kBAAA,GAAA,CAAC,uBAAmB,CAAA,EACtB,CAAA;AAAMH,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAE,aAAAA,EAAA;AACNI,IAAAA,EAAAA,uBAAC,wBAAoCJ,aAAAA,EAAa,CAAA;AAAIF,IAAAA,CAAAA,MAAAE,aAAAA;AAAAF,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,EAAA,CAAA,CAAA,KAAAI,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACtDE,IAAAA,EAAAA,uBAAC,qBAAA,EAAA,EAAqB,CAAA;AAAGP,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAQ,EAAAA;AAAA,EAAA,IAAAR,CAAAA,QAAAM,EAAAA,EAAA;AAL3BE,IAAAA,EAAAA,iCAAe,SAAA,EAAA,qBAAA,EACbL,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGAG,EAAAA;AAAAA,MACAC;AAAAA,KAAAA,EACF,CAAA;AAAMP,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OANNQ,EAAAA;AAMM;;;;"}

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":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAS3D,wBAAgB,wBAAwB,IAAI,eAAe,EAAE,CAgD5D"}
+{"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"}

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

@@ -1,89 +1,57 @@
 import { jsx } from 'react/jsx-runtime';
-import { d as distExports } from '../../../../_virtual/index.js';
+import { useTokenTransfersFromReceipt } from '../../../../tokens/utils/transferAmountsFromReceipt.js';
 import { TokenBadge } from '../../TokenBadge/TokenBadge.js';
 import { useTradeFlowContext } from '../tradeFlowContext.js';
-import { getResultAmounts } from './utils.js';
+import { getExpectedTransferAmounts, getResultAmounts } from './utils.js';
+import { useMemo } from 'react';
 
 const badgeClasses = {
   root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium"
 };
 function useTradeCompletedDetails() {
-  const $ = distExports.c(22);
   const {
     fromToken,
     toToken,
     result
   } = useTradeFlowContext();
-  let t0;
-  if ($[0] !== fromToken || $[1] !== result || $[2] !== toToken) {
-    t0 = getResultAmounts({
-      result,
-      fromToken,
-      toToken
+  const resultWeiAmounts = useMemo(() => {
+    return getExpectedTransferAmounts({
+      result
     });
-    $[0] = fromToken;
-    $[1] = result;
-    $[2] = toToken;
-    $[3] = t0;
-  } else {
-    t0 = $[3];
-  }
-  const amounts = t0;
-  let t1;
-  if ($[4] !== amounts.fromAmountUnit || $[5] !== fromToken.address || $[6] !== fromToken.img || $[7] !== fromToken.network || $[8] !== fromToken.symbol) {
-    t1 = {
-      key: "sold",
-      title: "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 })
-    };
-    $[4] = amounts.fromAmountUnit;
-    $[5] = fromToken.address;
-    $[6] = fromToken.img;
-    $[7] = fromToken.network;
-    $[8] = fromToken.symbol;
-    $[9] = t1;
-  } else {
-    t1 = $[9];
-  }
-  let t2;
-  if ($[10] !== amounts.toAmountUnit || $[11] !== toToken.address || $[12] !== toToken.img || $[13] !== toToken.network || $[14] !== toToken.symbol) {
-    t2 = {
-      key: "received",
-      title: "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 })
-    };
-    $[10] = amounts.toAmountUnit;
-    $[11] = toToken.address;
-    $[12] = toToken.img;
-    $[13] = toToken.network;
-    $[14] = toToken.symbol;
-    $[15] = t2;
-  } else {
-    t2 = $[15];
-  }
-  let t3;
-  if ($[16] !== amounts.rateStr) {
-    t3 = {
-      key: "rate",
-      title: "Best Rate",
-      value: amounts.rateStr
-    };
-    $[16] = amounts.rateStr;
-    $[17] = t3;
-  } else {
-    t3 = $[17];
-  }
-  let t4;
-  if ($[18] !== t1 || $[19] !== t2 || $[20] !== t3) {
-    t4 = [t1, t2, t3];
-    $[18] = t1;
-    $[19] = t2;
-    $[20] = t3;
-    $[21] = t4;
-  } else {
-    t4 = $[21];
-  }
-  const details = t4;
+  }, [result]);
+  const receipt = result?.tradeFlowType === "marketSwap" ? result.swap.receipt : void 0;
+  const {
+    data: tokenTransfers
+  } = useTokenTransfersFromReceipt({
+    receipt,
+    tokens: [fromToken, toToken],
+    senderAddress: result?.account,
+    receiverAddress: result?.receiverAddress,
+    chainId: fromToken.network,
+    expectedTokenTransfers: resultWeiAmounts?.tokensMap
+  });
+  const fromAmountFinal = tokenTransfers?.[fromToken.address]?.sentAmount ?? resultWeiAmounts?.fromAmountWei;
+  const toAmountFinal = tokenTransfers?.[toToken.address]?.receivedAmount ?? resultWeiAmounts?.toAmountWei;
+  const amounts = getResultAmounts({
+    fromAmountWei: fromAmountFinal,
+    toAmountWei: toAmountFinal,
+    isBuy: resultWeiAmounts?.isBuy,
+    fromToken,
+    toToken
+  });
+  const details = [{
+    key: "sold",
+    title: "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",
+    value: /* @__PURE__ */ jsx(TokenBadge, { address: toToken.address, chainId: toToken.network, img: toToken.img, symbol: toToken.symbol, showNetworkIcon: true, amount: amounts.toAmountUnit, classes: badgeClasses })
+  }, {
+    key: "rate",
+    title: "Best Rate",
+    value: amounts.rateStr
+  }];
   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 type { DetailWithValue } from \"../../Details/types\";\nimport { TokenBadge } from \"../../TokenBadge/TokenBadge\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { getResultAmounts } from \"./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\n  const amounts = getResultAmounts({\n    result,\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","$","_c","fromToken","toToken","result","useTradeFlowContext","t0","getResultAmounts","amounts","t1","fromAmountUnit","address","img","network","symbol","key","title","value","t2","toAmountUnit","t3","rateStr","t4","details"],"mappings":"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"}
+{"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;;;;"}

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

@@ -1,18 +1,34 @@
 import { TradeFlowResult } from '../../../../hooks/swap/tradeFlow/common/types';
 import { MinTradeFlowToken } from '../TradeDetails';
+import { default as Big } from 'big.js';
+import { Address } from 'viem';
+import { TokenTransfers } from '../../../../tokens/utils/transferAmountsFromReceipt';
 type ResultAmounts = {
     fromAmountWei: string;
     toAmountWei: string;
     fromAmountUnit: string;
     toAmountUnit: string;
     rateStr: string | null;
+    rate?: Big;
+    rateFormatted?: string;
+};
+type RawAmountsAndSide = {
+    fromAmountWei: string;
+    toAmountWei: string;
+    tokensMap: Record<Address, TokenTransfers>;
+    isBuy: boolean;
 };
 type ResultAmountsInput = {
-    result?: TradeFlowResult;
+    fromAmountWei?: string | bigint;
+    toAmountWei?: string | bigint;
+    isBuy?: boolean;
     fromToken: MinTradeFlowToken;
     toToken: MinTradeFlowToken;
 };
-export declare function getResultAmounts({ result, fromToken, toToken, }: ResultAmountsInput): ResultAmounts;
+export declare function getExpectedTransferAmounts({ result, }: {
+    result?: TradeFlowResult;
+}): RawAmountsAndSide | undefined;
+export declare function getResultAmounts({ fromAmountWei, toAmountWei, isBuy, fromToken, toToken, }: ResultAmountsInput): ResultAmounts;
 type SurplusAmounts = {
     expectedAmount: bigint;
     receivedAmount: bigint;
@@ -20,6 +36,10 @@ type SurplusAmounts = {
     diffUnit: string;
     surplusStr: string | null;
 };
-export declare function getSurplusAmounts({ result, toToken, }: Pick<ResultAmountsInput, "result" | "toToken">): SurplusAmounts | null;
+type SurplusAmountsInput = {
+    result?: TradeFlowResult;
+    toToken: MinTradeFlowToken;
+};
+export declare function getSurplusAmounts({ result, toToken, }: SurplusAmountsInput): SurplusAmounts | null;
 export {};
 //# sourceMappingURL=utils.d.ts.map

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;AAEzD,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;CACxB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,SAAS,EACT,OAAO,GACR,EAAE,kBAAkB,GAAG,aAAa,CAgEpC;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,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,GACR,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,SAAS,CAAC,GAAG,cAAc,GAAG,IAAI,CAsCxE"}
+{"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"}

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

@@ -1,12 +1,74 @@
 import { formatTokenBalanceClean } from '../../../../lib/utils/formatTokenBalance.js';
 import { calcRate } from '../../../../lib/utils/rate.js';
 
+function getExpectedTransferAmounts({
+  result
+}) {
+  if (!result) {
+    return;
+  }
+  if (result.tradeFlowType === "deltaOrder") {
+    const {
+      srcToken: srcToken2,
+      destToken: destToken2
+    } = result.deltaOrder.sentOrder.order;
+    const fromAmountWei2 = result.deltaOrder.lastOrderState?.order.srcAmount || result.deltaOrder.sentOrder.order.srcAmount;
+    const toAmountWei2 = result.deltaOrder.lastOrderState?.order.destAmount || result.deltaOrder.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,
+      // @TODO add BUY support for Delta when available
+      isBuy: false
+    };
+  }
+  const {
+    srcToken,
+    destToken
+  } = result.marketPrice;
+  const fromAmountWei = result.marketPrice.srcAmount;
+  const toAmountWei = result.marketPrice.destAmount;
+  const tokensMap = {
+    [srcToken]: {
+      token: srcToken,
+      sentAmount: BigInt(fromAmountWei),
+      receivedAmount: 0n
+    },
+    [destToken]: {
+      token: destToken,
+      sentAmount: 0n,
+      receivedAmount: BigInt(toAmountWei)
+    }
+  };
+  return {
+    fromAmountWei,
+    toAmountWei,
+    tokensMap,
+    isBuy: result.marketPrice.side === "BUY"
+  };
+}
 function getResultAmounts({
-  result,
+  fromAmountWei,
+  toAmountWei,
+  isBuy,
   fromToken,
   toToken
 }) {
-  if (!result) {
+  if (!fromAmountWei || !toAmountWei || isBuy === void 0) {
     return {
       fromAmountWei: "0",
       toAmountWei: "0",
@@ -15,20 +77,6 @@ function getResultAmounts({
       rateStr: null
     };
   }
-  let fromAmountWei;
-  let toAmountWei;
-  let isBuy;
-  if (result.tradeFlowType === "deltaOrder") {
-    fromAmountWei = result.deltaOrder.lastOrderState?.order.srcAmount || result.deltaOrder.sentOrder.order.srcAmount;
-    toAmountWei = result.deltaOrder.lastOrderState?.order.destAmount || result.deltaOrder.sentOrder.order.destAmount;
-    isBuy = false;
-  } else if (result.tradeFlowType === "marketSwap") {
-    fromAmountWei = result.marketPrice.srcAmount;
-    toAmountWei = result.marketPrice.destAmount;
-    isBuy = result.marketPrice.side === "BUY";
-  } else {
-    throw new Error("Invalid trade flow type");
-  }
   const fromAmountUnit = formatTokenBalanceClean(fromAmountWei, fromToken.decimals);
   const toAmountUnit = formatTokenBalanceClean(toAmountWei, toToken.decimals);
   const {
@@ -50,8 +98,8 @@ function getResultAmounts({
   const rates = calcRate(srcAmount, destAmount);
   const rateStr = rates ? `1 ${srcToken.symbol ?? srcToken.address} = ${rates.rateFormatted} ${destToken.symbol ?? destToken.address}` : null;
   return {
-    fromAmountWei,
-    toAmountWei,
+    fromAmountWei: fromAmountWei.toString(),
+    toAmountWei: toAmountWei.toString(),
     fromAmountUnit,
     toAmountUnit,
     ...rates,
@@ -72,7 +120,7 @@ function getSurplusAmounts({
   if (!txs || txs.length === 0) {
     return null;
   }
-  const expectedAmount = BigInt(result.deltaOrder.lastOrderState?.order.expectedDestAmount || result.deltaOrder.sentOrder.order.expectedDestAmount);
+  const expectedAmount = BigInt(result.deltaOrder.lastOrderState?.order.expectedAmount || result.deltaOrder.sentOrder.order.expectedAmount);
   const actualReceived = txs.reduce((acc, tx) => {
     return acc + BigInt(tx.receivedAmount);
   }, 0n);
@@ -88,5 +136,5 @@ function getSurplusAmounts({
   };
 }
 
-export { getResultAmounts, getSurplusAmounts };
+export { getExpectedTransferAmounts, getResultAmounts, getSurplusAmounts };
 //# sourceMappingURL=utils.js.map

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\";\n\ntype ResultAmounts = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  fromAmountUnit: string;\n  toAmountUnit: string;\n  rateStr: string | null;\n};\n\ntype ResultAmountsInput = {\n  result?: TradeFlowResult;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getResultAmounts({\n  result,\n  fromToken,\n  toToken,\n}: ResultAmountsInput): ResultAmounts {\n  if (!result) {\n    return {\n      fromAmountWei: \"0\",\n      toAmountWei: \"0\",\n      fromAmountUnit: \"0\",\n      toAmountUnit: \"0\",\n      rateStr: null,\n    };\n  }\n\n  let fromAmountWei: string;\n  let toAmountWei: string;\n  let isBuy: boolean;\n  if (result.tradeFlowType === \"deltaOrder\") {\n    fromAmountWei =\n      result.deltaOrder.lastOrderState?.order.srcAmount ||\n      result.deltaOrder.sentOrder.order.srcAmount;\n    toAmountWei =\n      result.deltaOrder.lastOrderState?.order.destAmount ||\n      result.deltaOrder.sentOrder.order.destAmount;\n\n    isBuy = false;\n  } else if (result.tradeFlowType === \"marketSwap\") {\n    fromAmountWei = result.marketPrice.srcAmount;\n    toAmountWei = result.marketPrice.destAmount;\n    isBuy = result.marketPrice.side === \"BUY\";\n  } else {\n    throw new Error(\"Invalid trade flow type\");\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,\n    toAmountWei,\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\nexport function getSurplusAmounts({\n  result,\n  toToken,\n}: Pick<ResultAmountsInput, \"result\" | \"toToken\">): 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.expectedDestAmount ||\n      result.deltaOrder.sentOrder.order.expectedDestAmount\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":["getResultAmounts","result","fromToken","toToken","fromAmountWei","toAmountWei","fromAmountUnit","toAmountUnit","rateStr","isBuy","tradeFlowType","deltaOrder","lastOrderState","order","srcAmount","sentOrder","destAmount","marketPrice","side","Error","formatTokenBalanceClean","decimals","srcToken","destToken","rates","calcRate","symbol","address","rateFormatted","getSurplusAmounts","txs","transactions","length","expectedAmount","BigInt","expectedDestAmount","actualReceived","reduce","acc","tx","receivedAmount","diffWei","diffUnit","surplusStr","Number"],"mappings":";;;AAmBO,SAASA,gBAAAA,CAAiB;AAAA,EAC/BC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC;AACkB,CAAA,EAAkB;AACpC,EAAA,IAAI,CAACF,MAAAA,EAAQ;AACX,IAAA,OAAO;AAAA,MACLG,aAAAA,EAAe,GAAA;AAAA,MACfC,WAAAA,EAAa,GAAA;AAAA,MACbC,cAAAA,EAAgB,GAAA;AAAA,MAChBC,YAAAA,EAAc,GAAA;AAAA,MACdC,OAAAA,EAAS;AAAA,KACX;AAAA;AAGF,EAAA,IAAIJ,aAAAA;AACJ,EAAA,IAAIC,WAAAA;AACJ,EAAA,IAAII,KAAAA;AACJ,EAAA,IAAIR,MAAAA,CAAOS,kBAAkB,YAAA,EAAc;AACzCN,IAAAA,aAAAA,GACEH,MAAAA,CAAOU,WAAWC,cAAAA,EAAgBC,KAAAA,CAAMC,aACxCb,MAAAA,CAAOU,UAAAA,CAAWI,UAAUF,KAAAA,CAAMC,SAAAA;AACpCT,IAAAA,WAAAA,GACEJ,MAAAA,CAAOU,WAAWC,cAAAA,EAAgBC,KAAAA,CAAMG,cACxCf,MAAAA,CAAOU,UAAAA,CAAWI,UAAUF,KAAAA,CAAMG,UAAAA;AAEpCP,IAAAA,KAAAA,GAAQ,KAAA;AAAA,GACV,MAAA,IAAWR,MAAAA,CAAOS,aAAAA,KAAkB,YAAA,EAAc;AAChDN,IAAAA,aAAAA,GAAgBH,OAAOgB,WAAAA,CAAYH,SAAAA;AACnCT,IAAAA,WAAAA,GAAcJ,OAAOgB,WAAAA,CAAYD,UAAAA;AACjCP,IAAAA,KAAAA,GAAQR,MAAAA,CAAOgB,YAAYC,IAAAA,KAAS,KAAA;AAAA,GACtC,MAAO;AACL,IAAA,MAAM,IAAIC,MAAM,yBAAyB,CAAA;AAAA;AAG3C,EAAA,MAAMb,cAAAA,GAAiBc,uBAAAA,CACrBhB,aAAAA,EACAF,SAAAA,CAAUmB,QACZ,CAAA;AACA,EAAA,MAAMd,YAAAA,GAAea,uBAAAA,CAAwBf,WAAAA,EAAaF,OAAAA,CAAQkB,QAAQ,CAAA;AAE1E,EAAA,MAAM;AAAA,IAAEC,QAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAAWT,SAAAA;AAAAA,IAAWE;AAAAA,MAAeP,KAAAA,GACnD;AAAA,IACEa,QAAAA,EAAUpB,SAAAA;AAAAA,IACVqB,SAAAA,EAAWpB,OAAAA;AAAAA,IACXW,SAAAA,EAAWR,cAAAA;AAAAA,IACXU,UAAAA,EAAYT;AAAAA,GACd,GACA;AAAA,IACEe,QAAAA,EAAUnB,OAAAA;AAAAA,IACVoB,SAAAA,EAAWrB,SAAAA;AAAAA,IACXY,SAAAA,EAAWP,YAAAA;AAAAA,IACXS,UAAAA,EAAYV;AAAAA,GACd;AAEJ,EAAA,MAAMkB,KAAAA,GAAQC,QAAAA,CAASX,SAAAA,EAAWE,UAAU,CAAA;AAC5C,EAAA,MAAMR,OAAAA,GAAUgB,KAAAA,GACZ,CAAA,EAAA,EAAKF,QAAAA,CAASI,UAAUJ,QAAAA,CAASK,OAAO,CAAA,GAAA,EAAMH,KAAAA,CAAMI,aAAa,CAAA,CAAA,EAAIL,SAAAA,CAAUG,MAAAA,IAAUH,SAAAA,CAAUI,OAAO,CAAA,CAAA,GAC1G,IAAA;AAEJ,EAAA,OAAO;AAAA,IACLvB,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACA,GAAGiB,KAAAA;AAAAA,IACHhB;AAAAA,GACF;AACF;AAUO,SAASqB,iBAAAA,CAAkB;AAAA,EAChC5B,MAAAA;AAAAA,EACAE;AAC8C,CAAA,EAA0B;AACxE,EAAA,IAAI,CAACF,MAAAA,EAAQ;AACX,IAAA,OAAO,IAAA;AAAA;AAGT,EAAA,IAAIA,MAAAA,CAAOS,kBAAkB,YAAA,EAAc;AAEzC,IAAA,OAAO,IAAA;AAAA;AAGT,EAAA,MAAMoB,GAAAA,GAAM7B,MAAAA,CAAOU,UAAAA,CAAWC,cAAAA,EAAgBmB,YAAAA;AAC9C,EAAA,IAAI,CAACD,GAAAA,IAAOA,GAAAA,CAAIE,MAAAA,KAAW,CAAA,EAAG;AAC5B,IAAA,OAAO,IAAA;AAAA;AAIT,EAAA,MAAMC,cAAAA,GAAiBC,MAAAA,CACrBjC,MAAAA,CAAOU,UAAAA,CAAWC,cAAAA,EAAgBC,KAAAA,CAAMsB,kBAAAA,IACtClC,MAAAA,CAAOU,UAAAA,CAAWI,SAAAA,CAAUF,KAAAA,CAAMsB,kBACtC,CAAA;AAEA,EAAA,MAAMC,cAAAA,GAAiBN,GAAAA,CAAIO,MAAAA,CAAO,CAACC,KAAKC,EAAAA,KAAO;AAC7C,IAAA,OAAOD,GAAAA,GAAMJ,MAAAA,CAAOK,EAAAA,CAAGC,cAAc,CAAA;AAAA,KACpC,EAAE,CAAA;AAEL,EAAA,MAAMC,UAAUL,cAAAA,GAAiBH,cAAAA;AAEjC,EAAA,MAAMS,QAAAA,GAAWtB,uBAAAA,CAAwBqB,OAAAA,EAAStC,OAAAA,CAAQkB,UAAU,CAAC,CAAA;AAErE,EAAA,MAAMsB,UAAAA,GAAaC,MAAAA,CAAOF,QAAQ,CAAA,GAAI,IAAIA,QAAAA,GAAW,IAAA;AAErD,EAAA,OAAO;AAAA,IACLT,cAAAA;AAAAA,IACAO,cAAAA,EAAgBJ,cAAAA;AAAAA,IAChBK,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  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":"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"}