@velora-dex/widget 0.0.0

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

@@ -0,0 +1,104 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { useTokenPrice } from '../../../../hooks/tokens/prices/useTokenPrices.js';
+import { formatFiatPrice } from '../../../../lib/utils/formatFiatPrice.js';
+import { getSurplusAmounts } from './utils.js';
+import { useTradeFlowContext } from '../tradeFlowContext.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+const TradeCompletedHeaderBase = (t0) => {
+  const $ = distExports.c(8);
+  const {
+    tradeFlowType,
+    surplusDisplay,
+    formattedAmountInUSD
+  } = t0;
+  const t1 = tradeFlowType === "deltaOrder" ? "Order Completed" : "Swap Completed";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { className: "font-medium text-lg text-contrast-5 dark:text-contrast-9", children: t1 });
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== formattedAmountInUSD || $[3] !== surplusDisplay) {
+    t3 = surplusDisplay && /* @__PURE__ */ jsxs("div", { className: "text-xs text-contrast-2", children: [
+      "Congrats! You received a surplus of ",
+      surplusDisplay,
+      " ",
+      formattedAmountInUSD && `(${formattedAmountInUSD})`
+    ] });
+    $[2] = formattedAmountInUSD;
+    $[3] = surplusDisplay;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t2 || $[6] !== t3) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 items-center", children: [
+      t2,
+      t3
+    ] });
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  return t4;
+};
+const TradeCompletedHeader = (t0) => {
+  const $ = distExports.c(6);
+  const {
+    tradeFlowType
+  } = t0;
+  const {
+    result,
+    toToken
+  } = useTradeFlowContext();
+  const surplus = getSurplusAmounts({
+    result,
+    toToken
+  });
+  const surplusDisplay = surplus?.surplusStr ? `+${surplus.surplusStr} ${toToken.symbol ?? toToken.address}` : null;
+  const {
+    data: tokenPriceObject
+  } = useTokenPrice(toToken);
+  const tokenPrice = tokenPriceObject?.price;
+  const amountInUSD = surplus?.diffUnit && tokenPrice ? Number(surplus.diffUnit) * tokenPrice : null;
+  let t1;
+  if ($[0] !== amountInUSD) {
+    t1 = amountInUSD ? formatFiatPrice(amountInUSD) : null;
+    $[0] = amountInUSD;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const formattedAmountInUSD = t1;
+  let t2;
+  if ($[2] !== formattedAmountInUSD || $[3] !== surplusDisplay || $[4] !== tradeFlowType) {
+    t2 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType, surplusDisplay, formattedAmountInUSD });
+    $[2] = formattedAmountInUSD;
+    $[3] = surplusDisplay;
+    $[4] = tradeFlowType;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+};
+
+export { TradeCompletedHeader };
+//# sourceMappingURL=TradeCompleteHeader.js.map

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

@@ -0,0 +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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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TradeCompletedDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,qBAAqB,+CAUjC,CAAC"}

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

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { DetailWithValueList } from '../../Details/DetailWithValueList.js';
+import { useTradeCompletedDetails } from './useTradeCompleteDetails.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+const tradeCompletedDetailsClasses = {
+  root: "gap-3",
+  title: "text-contrast-4 dark:text-contrast-6",
+  value: "text-contrast-4 dark:text-contrast-7"
+};
+const TradeCompletedDetails = () => {
+  const $ = distExports.c(2);
+  const details = useTradeCompletedDetails();
+  let t0;
+  if ($[0] !== details) {
+    t0 = /* @__PURE__ */ jsx("div", { className: "flex flex-col rounded-sm border border-contrast-7 dark:border-contrast-3 p-4", children: /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: tradeCompletedDetailsClasses }) });
+    $[0] = details;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+
+export { TradeCompletedDetails };
+//# sourceMappingURL=TradeCompletedDetails.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,7 @@
+import { TradeFlowType } from '../../../../hooks/swap/tradeFlow/common/types';
+type TradeCompleteProps = {
+    tradeFlowType: TradeFlowType;
+};
+export declare const TradeComplete: ({ tradeFlowType }: TradeCompleteProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAMzE,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,mBAAmB,kBAAkB,4CAQlE,CAAC"}

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

@@ -0,0 +1,60 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { TradeCompletedDetails } from './TradeCompletedDetails.js';
+import { TradeCompletedHeader } from './TradeCompleteHeader.js';
+import { TradeDetailsDisplay } from '../TradeDetailsDisplay.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+const TradeComplete = (t0) => {
+  const $ = distExports.c(6);
+  const {
+    tradeFlowType
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm border border-contrast-4 dark:border-contrast-2 shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5", children: /* @__PURE__ */ jsx(TradeDetailsDisplay, {}) });
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== tradeFlowType) {
+    t2 = /* @__PURE__ */ jsx(TradeCompletedHeader, { tradeFlowType });
+    $[1] = tradeFlowType;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx(TradeCompletedDetails, {});
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== t2) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      t1,
+      t2,
+      t3
+    ] });
+    $[4] = t2;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  return t4;
+};
+
+export { TradeComplete };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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 border border-contrast-4 dark:border-contrast-2 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,yLAAA,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;;;;"}

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

@@ -0,0 +1,3 @@
+import { DetailWithValue } from '../../Details/types';
+export declare function useTradeCompletedDetails(): DetailWithValue[];
+//# sourceMappingURL=useTradeCompleteDetails.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,101 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { TokenBadge } from '../../TokenBadge/TokenBadge.js';
+import { useTradeFlowContext } from '../tradeFlowContext.js';
+import { getResultAmounts } from './utils.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+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
+    });
+    $[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;
+  return details;
+}
+
+export { useTradeCompletedDetails };
+//# sourceMappingURL=useTradeCompleteDetails.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,25 @@
+import { TradeFlowResult } from '../../../../hooks/swap/tradeFlow/common/types';
+import { MinTradeFlowToken } from '../TradeDetails';
+type ResultAmounts = {
+    fromAmountWei: string;
+    toAmountWei: string;
+    fromAmountUnit: string;
+    toAmountUnit: string;
+    rateStr: string | null;
+};
+type ResultAmountsInput = {
+    result?: TradeFlowResult;
+    fromToken: MinTradeFlowToken;
+    toToken: MinTradeFlowToken;
+};
+export declare function getResultAmounts({ result, fromToken, toToken, }: ResultAmountsInput): ResultAmounts;
+type SurplusAmounts = {
+    expectedAmount: bigint;
+    receivedAmount: bigint;
+    diffWei: bigint;
+    diffUnit: string;
+    surplusStr: string | null;
+};
+export declare function getSurplusAmounts({ result, toToken, }: Pick<ResultAmountsInput, "result" | "toToken">): SurplusAmounts | null;
+export {};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,102 @@
+import { formatTokenBalanceClean } from '../../../../lib/utils/formatTokenBalance.js';
+import { calcRate } from '../../../../lib/utils/rate.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+function getResultAmounts({
+  result,
+  fromToken,
+  toToken
+}) {
+  if (!result) {
+    return {
+      fromAmountWei: "0",
+      toAmountWei: "0",
+      fromAmountUnit: "0",
+      toAmountUnit: "0",
+      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 {
+    srcToken,
+    destToken,
+    srcAmount,
+    destAmount
+  } = isBuy ? {
+    srcToken: fromToken,
+    destToken: toToken,
+    srcAmount: fromAmountUnit,
+    destAmount: toAmountUnit
+  } : {
+    srcToken: toToken,
+    destToken: fromToken,
+    srcAmount: toAmountUnit,
+    destAmount: fromAmountUnit
+  };
+  const rates = calcRate(srcAmount, destAmount);
+  const rateStr = rates ? `1 ${srcToken.symbol ?? srcToken.address} = ${rates.rateFormatted} ${destToken.symbol ?? destToken.address}` : null;
+  return {
+    fromAmountWei,
+    toAmountWei,
+    fromAmountUnit,
+    toAmountUnit,
+    ...rates,
+    rateStr
+  };
+}
+function getSurplusAmounts({
+  result,
+  toToken
+}) {
+  if (!result) {
+    return null;
+  }
+  if (result.tradeFlowType !== "deltaOrder") {
+    return null;
+  }
+  const txs = result.deltaOrder.lastOrderState?.transactions;
+  if (!txs || txs.length === 0) {
+    return null;
+  }
+  const expectedAmount = BigInt(result.deltaOrder.lastOrderState?.order.expectedDestAmount || result.deltaOrder.sentOrder.order.expectedDestAmount);
+  const actualReceived = txs.reduce((acc, tx) => {
+    return acc + BigInt(tx.receivedAmount);
+  }, 0n);
+  const diffWei = actualReceived - expectedAmount;
+  const diffUnit = formatTokenBalanceClean(diffWei, toToken.decimals, 2);
+  const surplusStr = Number(diffUnit) > 0 ? diffUnit : null;
+  return {
+    expectedAmount,
+    receivedAmount: actualReceived,
+    diffWei,
+    diffUnit,
+    surplusStr
+  };
+}
+
+export { getResultAmounts, getSurplusAmounts };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,4 @@
+import { Token } from '../../../tokens/state/types';
+export type MinTradeFlowToken = Pick<Token, "address" | "network" | "img" | "symbol" | "decimals">;
+export declare const TradeDetails: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TradeDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TradeDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAIlD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,EACL,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CACtD,CAAC;AAkDF,eAAO,MAAM,YAAY,+CAUxB,CAAC"}