@velora-dex/widget 0.0.14 → 0.0.16

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":"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"}
+{"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.js

@@ -5,16 +5,6 @@ import { formatTokenAmount } from '../../../lib/utils/formatTokenBalance.js';
 import { useTradeFlowContext } from './tradeFlowContext.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 badgeClasses = {
   root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium"
 };
@@ -103,7 +93,7 @@ const TradeDetailsBase = (t0) => {
   }
   let t16;
   if ($[19] !== t15 || $[20] !== t8) {
-    t16 = /* @__PURE__ */ jsxs("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: [
+    t16 = /* @__PURE__ */ jsxs("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", children: [
       t1,
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-[8px] px-[16px]", children: [
         t8,

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetails.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"sourcesContent":["import { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { TradeDetailsDisplay } from \"./TradeDetailsDisplay\";\n\nexport type MinTradeFlowToken = Pick<\n  Token,\n  \"address\" | \"network\" | \"img\" | \"symbol\" | \"decimals\"\n>;\n\n// --- Details ---\ntype TradeDetailsProps = {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nconst TradeDetailsBase = ({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n}: TradeDetailsProps) => (\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 className=\"flex items-center justify-between py-[8px] px-[16px]\">\n      <div className=\"flex items-center gap-1\">\n        <span className=\"text-xs\">Swap</span>\n        <TokenBadge\n          address={fromToken.address}\n          chainId={fromToken.network}\n          img={fromToken.img}\n          symbol={fromToken.symbol}\n          showNetworkIcon\n          amount={formatTokenAmount(fromAmount)}\n          classes={badgeClasses}\n        />\n      </div>\n      <div className=\"flex items-center gap-1\">\n        <span className=\"text-xs\">For (at least)</span>\n        <TokenBadge\n          address={toToken.address}\n          chainId={toToken.network}\n          img={toToken.img}\n          symbol={toToken.symbol}\n          showNetworkIcon\n          amount={formatTokenAmount(toAmount)}\n          classes={badgeClasses}\n        />\n      </div>\n    </div>\n  </div>\n);\nexport const TradeDetails = () => {\n  const { fromToken, toToken, fromAmount, toAmount } = useTradeFlowContext();\n  return (\n    <TradeDetailsBase\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"names":["badgeClasses","root","TradeDetailsBase","t0","$","_c","fromToken","toToken","fromAmount","toAmount","t1","Symbol","for","t2","t3","address","t4","network","t5","img","t6","symbol","t7","formatTokenAmount","t8","t9","t10","t11","t12","t13","t14","t15","t16","TradeDetails","useTradeFlowContext"],"mappings":"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"}
+{"version":3,"file":"TradeDetails.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"sourcesContent":["import { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { TradeDetailsDisplay } from \"./TradeDetailsDisplay\";\n\nexport type MinTradeFlowToken = Pick<\n  Token,\n  \"address\" | \"network\" | \"img\" | \"symbol\" | \"decimals\"\n>;\n\n// --- Details ---\ntype TradeDetailsProps = {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nconst TradeDetailsBase = ({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n}: TradeDetailsProps) => (\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 className=\"flex items-center justify-between py-[8px] px-[16px]\">\n      <div className=\"flex items-center gap-1\">\n        <span className=\"text-xs\">Swap</span>\n        <TokenBadge\n          address={fromToken.address}\n          chainId={fromToken.network}\n          img={fromToken.img}\n          symbol={fromToken.symbol}\n          showNetworkIcon\n          amount={formatTokenAmount(fromAmount)}\n          classes={badgeClasses}\n        />\n      </div>\n      <div className=\"flex items-center gap-1\">\n        <span className=\"text-xs\">For (at least)</span>\n        <TokenBadge\n          address={toToken.address}\n          chainId={toToken.network}\n          img={toToken.img}\n          symbol={toToken.symbol}\n          showNetworkIcon\n          amount={formatTokenAmount(toAmount)}\n          classes={badgeClasses}\n        />\n      </div>\n    </div>\n  </div>\n);\nexport const TradeDetails = () => {\n  const { fromToken, toToken, fromAmount, toAmount } = useTradeFlowContext();\n  return (\n    <TradeDetailsBase\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"names":["badgeClasses","root","TradeDetailsBase","t0","$","_c","fromToken","toToken","fromAmount","toAmount","t1","Symbol","for","t2","t3","address","t4","network","t5","img","t6","symbol","t7","formatTokenAmount","t8","t9","t10","t11","t12","t13","t14","t15","t16","TradeDetails","useTradeFlowContext"],"mappings":";;;;;;;AAmBA,MAAMA,YAAAA,GAAe;AAAA,EACnBC,IAAAA,EAAM;AACR,CAAA;AAEA,MAAMC,mBAAmBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAN,EAAAA;AAKN,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAO,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAEhBF,IAAAA,EAAAA,uBAAC,mBAAA,EAAA,EAAmB,CAAA;AAAGN,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAS,EAAAA;AAAA,EAAA,IAAAT,EAAA,CAAA,CAAA,KAAAO,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAGnBC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,MAAA,EAAA,EAAgB,SAAA,EAAA,SAAA,EAAU,QAAA,EAAA,MAAA,EAAI,CAAA;AAAOT,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA;AAE1B,EAAA,MAAAU,KAAAR,SAAAA,CAASS,OAAAA;AACT,EAAA,MAAAC,KAAAV,SAAAA,CAASW,OAAAA;AACb,EAAA,MAAAC,KAAAZ,SAAAA,CAASa,GAAAA;AACN,EAAA,MAAAC,KAAAd,SAAAA,CAASe,MAAAA;AAAO,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAlB,CAAAA,QAAAI,UAAAA,EAAA;AAEhBc,IAAAA,EAAAA,GAAAC,kBAAkBf,UAAU,CAAA;AAACJ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAkB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAlB,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAoB,EAAAA;AAAA,EAAA,IAAApB,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,CAAAS,WAAAX,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,CAAAa,GAAAA,IAAAf,CAAAA,QAAAE,SAAAA,CAAAW,OAAAA,IAAAb,CAAAA,CAAA,CAAA,CAAA,KAAAE,UAAAe,MAAAA,IAAAjB,CAAAA,CAAA,CAAA,CAAA,KAAAkB,EAAAA,EAAA;AARzCE,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,yBAAA,EACbX,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,sBACA,GAAA,CAAC,UAAA,EAAA,EACU,OAAA,EAAAC,EAAAA,EACA,SAAAE,EAAAA,EACJ,GAAA,EAAAE,EAAAA,EACG,MAAA,EAAAE,IACR,eAAA,EAAA,IAAA,EACQ,MAAA,EAAAE,EAAAA,EACCtB,SAAAA,YAAAA,EAAY;AAAA,KAAA,EAEzB,CAAA;AAAMI,IAAAA,CAAAA,CAAA,CAAA,IAAAE,SAAAA,CAAAS,OAAAA;AAAAX,IAAAA,CAAAA,CAAA,CAAA,IAAAE,SAAAA,CAAAa,GAAAA;AAAAf,IAAAA,CAAAA,CAAA,CAAA,IAAAE,SAAAA,CAAAW,OAAAA;AAAAb,IAAAA,CAAAA,CAAA,CAAA,IAAAE,SAAAA,CAAAe,MAAAA;AAAAjB,IAAAA,CAAAA,MAAAkB,EAAAA;AAAAlB,IAAAA,CAAAA,MAAAoB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAApB,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAqB,EAAAA;AAAA,EAAA,IAAArB,EAAA,EAAA,CAAA,KAAAO,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAEJa,IAAAA,EAAAA,mBAAA,GAAA,CAAA,MAAA,EAAA,EAAgB,SAAA,EAAA,SAAA,EAAU,QAAA,EAAA,gBAAA,EAAc,CAAA;AAAOrB,IAAAA,CAAAA,OAAAqB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAArB,EAAA,EAAA,CAAA;AAAA;AAEpC,EAAA,MAAAsB,MAAAnB,OAAAA,CAAOQ,OAAAA;AACP,EAAA,MAAAY,MAAApB,OAAAA,CAAOU,OAAAA;AACX,EAAA,MAAAW,MAAArB,OAAAA,CAAOY,GAAAA;AACJ,EAAA,MAAAU,MAAAtB,OAAAA,CAAOc,MAAAA;AAAO,EAAA,IAAAS,GAAAA;AAAA,EAAA,IAAA1B,CAAAA,SAAAK,QAAAA,EAAA;AAEdqB,IAAAA,GAAAA,GAAAP,kBAAkBd,QAAQ,CAAA;AAACL,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAA0B,GAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA1B,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,IAAA2B,GAAAA;AAAA,EAAA,IAAA3B,CAAAA,CAAA,EAAA,CAAA,KAAA0B,GAAAA,IAAA1B,EAAA,EAAA,CAAA,KAAAG,OAAAA,CAAAQ,OAAAA,IAAAX,CAAAA,CAAA,EAAA,MAAAG,OAAAA,CAAAY,GAAAA,IAAAf,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,CAAAU,WAAAb,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,CAAAc,MAAAA,EAAA;AARvCU,IAAAA,GAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,yBAAA,EACbN,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,sBACA,GAAA,CAAC,UAAA,EAAA,EACU,OAAA,EAAAC,GAAAA,EACA,SAAAC,GAAAA,EACJ,GAAA,EAAAC,GAAAA,EACG,MAAA,EAAAC,KACR,eAAA,EAAA,IAAA,EACQ,MAAA,EAAAC,GAAAA,EACC9B,SAAAA,YAAAA,EAAY;AAAA,KAAA,EAEzB,CAAA;AAAMI,IAAAA,CAAAA,OAAA0B,GAAAA;AAAA1B,IAAAA,CAAAA,CAAA,EAAA,IAAAG,OAAAA,CAAAQ,OAAAA;AAAAX,IAAAA,CAAAA,CAAA,EAAA,IAAAG,OAAAA,CAAAY,GAAAA;AAAAf,IAAAA,CAAAA,CAAA,EAAA,IAAAG,OAAAA,CAAAU,OAAAA;AAAAb,IAAAA,CAAAA,CAAA,EAAA,IAAAG,OAAAA,CAAAc,MAAAA;AAAAjB,IAAAA,CAAAA,OAAA2B,GAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA3B,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,IAAA4B,GAAAA;AAAA,EAAA,IAAA5B,EAAA,EAAA,CAAA,KAAA2B,OAAA3B,CAAAA,SAAAoB,EAAAA,EAAA;AA1BVQ,IAAAA,GAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,yIAAA,EACbtB,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,sBACA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,sDAAA,EACbc,QAAAA,EAAAA;AAAAA,QAAAA,EAAAA;AAAAA,QAYAO;AAAAA,OAAAA,EAYF;AAAA,KAAA,EACF,CAAA;AAAM3B,IAAAA,CAAAA,OAAA2B,GAAAA;AAAA3B,IAAAA,CAAAA,OAAAoB,EAAAA;AAAApB,IAAAA,CAAAA,OAAA4B,GAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA5B,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,OA5BN4B,GAAAA;AA4BM,CAAA;AAED,MAAMC,eAAeA,MAAA;AAAA,EAAA,MAAA7B,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAC1B,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC;AAAAA,MAAqDyB,mBAAAA,EAAoB;AAAE,EAAA,IAAA/B,EAAAA;AAAA,EAAA,IAAAC,CAAAA,CAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,QAAAG,OAAAA,EAAA;AAEzEJ,IAAAA,EAAAA,mBAAA,GAAA,CAAC,gBAAA,EAAA,EACYG,SAAAA,EACFC,OAAAA,EACGC,YACFC,QAAAA,EAAQ,CAAA;AAClBL,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAK,QAAAA;AAAAL,IAAAA,CAAAA,MAAAG,OAAAA;AAAAH,IAAAA,CAAAA,MAAAD,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAC,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OALFD,EAAAA;AAKE;;;;"}

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

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

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

@@ -1,26 +1,45 @@
 import { jsx } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
+import { useTradeFlowContext } from './tradeFlowContext.js';
+import ApprovingLottie_1 from './assets/1_approving.lottie.js';
+import InProgressLottie_2 from './assets/2_in_progress.lottie.js';
+import ExecutingLottie_3 from './assets/3_executing_step.lottie.js';
+import CompleteLottie_4 from './assets/4_complete_step.lottie.js';
+import ErrorLottie_5 from './assets/5_error_step.lottie.js';
+import { DotLottieReact } from '@lottiefiles/dotlottie-react';
 
-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 step2lottie = {
+  "approve-spending": ApprovingLottie_1,
+  "swap-tx-confirmation": InProgressLottie_2,
+  auction: InProgressLottie_2,
+  "swap-tx-execution": ExecutingLottie_3,
+  "order-execution": ExecutingLottie_3,
+  complete: CompleteLottie_4,
+  error: ErrorLottie_5
 };
 const TradeDetailsDisplay = () => {
-  const $ = distExports.c(1);
+  const $ = distExports.c(4);
+  const {
+    derivedStep
+  } = useTradeFlowContext();
+  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsx("div", { className: "h-[144px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-contrast-4 dark:border-contrast-2 shadow-[0px_4px_16px_rgba(9,22,46,0.05)]" });
-    $[0] = t0;
+  if ($[0] !== lottiePath) {
+    t0 = lottiePath && /* @__PURE__ */ jsx(DotLottieReact, { src: lottiePath, loop: true, autoplay: true, className: "h-full w-full rounded-sm overflow-hidden" });
+    $[0] = lottiePath;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t0) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-[0px_4px_16px_rgba(9,22,46,0.05)]", children: t0 });
+    $[2] = t0;
+    $[3] = t1;
   } else {
-    t0 = $[0];
+    t1 = $[3];
   }
-  return t0;
+  return t1;
 };
 
 export { TradeDetailsDisplay };

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

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

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

@@ -0,0 +1,5 @@
+export declare const TradeErrorDetails: ({ errorTitle, errorMessage, }: {
+    errorTitle: string;
+    errorMessage: string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TradeErrorDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TradeErrorDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorDetails.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,GAAI,+BAG/B;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,4CAkBA,CAAC"}

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

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+
+const TradeErrorDetails = (t0) => {
+  const $ = distExports.c(8);
+  const {
+    errorTitle,
+    errorMessage
+  } = t0;
+  let t1;
+  if ($[0] !== errorTitle) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "text-center text-lg font-semibold dark:text-contrast-9 pb-3", children: errorTitle });
+    $[0] = errorTitle;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== errorMessage) {
+    t2 = errorMessage && /* @__PURE__ */ jsxs("div", { className: "text-center text-xs dark:text-contrast-6 mb-3 overflow-hidden line-clamp-2", children: [
+      "Your swap order has failed due to",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "text-secondary-radical-red-1", children: errorMessage }),
+      "."
+    ] });
+    $[2] = errorMessage;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx("div", { className: "text-center text-xs dark:text-contrast-6", children: "Please resubmit your trade to try again or dismiss this window to go back to the trading interface." });
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t1 || $[6] !== t2) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col px-4 pt-0 pb-12", children: [
+      t1,
+      t2,
+      t3
+    ] });
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  return t4;
+};
+
+export { TradeErrorDetails };
+//# sourceMappingURL=TradeErrorDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TradeErrorDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorDetails.tsx"],"sourcesContent":["export const TradeErrorDetails = ({\n  errorTitle,\n  errorMessage,\n}: {\n  errorTitle: string;\n  errorMessage: string | null;\n}) => {\n  return (\n    <div className=\"flex flex-col px-4 pt-0 pb-12\">\n      <div className=\"text-center text-lg font-semibold dark:text-contrast-9 pb-3\">\n        {errorTitle}\n      </div>\n      {errorMessage && (\n        <div className=\"text-center text-xs dark:text-contrast-6 mb-3 overflow-hidden line-clamp-2\">\n          Your swap order has failed due to{\" \"}\n          <span className=\"text-secondary-radical-red-1\">{errorMessage}</span>.\n        </div>\n      )}\n      <div className=\"text-center text-xs dark:text-contrast-6\">\n        Please resubmit your trade to try again or dismiss this window to go\n        back to the trading interface.\n      </div>\n    </div>\n  );\n};\n"],"names":["TradeErrorDetails","t0","$","_c","errorTitle","errorMessage","t1","t2","t3","Symbol","for","t4"],"mappings":";;;AAAO,MAAMA,oBAAoBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,UAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAMjC,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,UAAAA,EAAA;AAGKE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,6DAAA,EACZF,QAAAA,EAAAA,UAAAA,EACH,CAAA;AAAMF,IAAAA,CAAAA,MAAAE,UAAAA;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;AACLE,IAAAA,EAAAA,GAAAF,YAAAA,oBACC,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,4EAAA,EAA6E,QAAA,EAAA;AAAA,MAAA,mCAAA;AAAA,MACxD,GAAA;AAAA,sBAClC,GAAA,WAAgB,SAAA,EAAA,8BAAA,EAAgCA,QAAAA,EAAAA,YAAAA,EAAa,CAAA;AAAA,MAAO;AAAA,KAAA,EACtE,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,KAAAO,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACDF,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,0CAAA,EAA2C,QAAA,EAAA,qGAAA,EAG1D,CAAA;AAAMN,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAS,EAAAA;AAAA,EAAA,IAAAT,EAAA,CAAA,CAAA,KAAAI,MAAAJ,CAAAA,QAAAK,EAAAA,EAAA;AAbRI,IAAAA,EAAAA,iCAAe,SAAA,EAAA,+BAAA,EACbL,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGCC,EAAAA;AAAAA,MAMDC;AAAAA,KAAAA,EAIF,CAAA;AAAMN,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAdNS,EAAAA;AAcM;;;;"}

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

@@ -0,0 +1,5 @@
+export declare const TradeErrorFooter: ({ onDismiss, onRetry, }: {
+    onDismiss?: () => void;
+    onRetry?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TradeErrorFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TradeErrorFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorFooter.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,GAAI,yBAG9B;IACD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,4CAwBA,CAAC"}

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

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { Button } from '../../../ui/button.js';
+
+const TradeErrorFooter = (t0) => {
+  const $ = distExports.c(7);
+  const {
+    onDismiss,
+    onRetry
+  } = t0;
+  let t1;
+  if ($[0] !== onRetry) {
+    t1 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onRetry, children: "Resubmit this Trade" });
+    $[0] = onRetry;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== onDismiss) {
+    t2 = /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Dismiss" });
+    $[2] = onDismiss;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center w-full gap-4", children: [
+      t1,
+      t2
+    ] });
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+
+export { TradeErrorFooter };
+//# sourceMappingURL=TradeErrorFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TradeErrorFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\n\nexport const TradeErrorFooter = ({\n  onDismiss,\n  onRetry,\n}: {\n  onDismiss?: () => void;\n  onRetry?: () => void;\n}) => {\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={onRetry}\n      >\n        Resubmit this Trade\n      </Button>\n\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n    </div>\n  );\n};\n"],"names":["TradeErrorFooter","t0","$","_c","onDismiss","onRetry","t1","t2","t3"],"mappings":";;;;AAEO,MAAMA,mBAAmBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAMhC,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAG,OAAAA,EAAA;AAGKC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,SAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDD,OAAAA,EAAAA,OAAAA,EACV,QAAA,EAAA,qBAAA,EAED,CAAA;AAASH,IAAAA,CAAAA,MAAAG,OAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAE,SAAAA,EAAA;AAETG,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,WAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDH,OAAAA,EAAAA,SAAAA,EACV,QAAA,EAAA,SAAA,EAED,CAAA;AAASF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,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;AAnBXC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,2CAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAUAC;AAAAA,KAAAA,EASF,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,OApBNM,EAAAA;AAoBM;;;;"}

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

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

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

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

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

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { TradeDetailsDisplay } from '../TradeDetailsDisplay.js';
+import { TradeErrorDetails } from './TradeErrorDetails.js';
+import { getErrorMessageToDisplay, getErrorScreenTitle } from './utils.js';
+
+const TradeError = (t0) => {
+  const $ = distExports.c(9);
+  const {
+    error,
+    erroredStep
+  } = t0;
+  let t1;
+  if ($[0] !== error || $[1] !== erroredStep) {
+    t1 = getErrorMessageToDisplay(error, erroredStep);
+    $[0] = error;
+    $[1] = erroredStep;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const errorMessage = t1;
+  let t2;
+  if ($[3] !== error) {
+    t2 = getErrorScreenTitle(error);
+    $[3] = error;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const errorTitle = t2;
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx(TradeDetailsDisplay, {});
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== errorMessage || $[7] !== errorTitle) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      t3,
+      /* @__PURE__ */ jsx(TradeErrorDetails, { errorTitle, errorMessage })
+    ] });
+    $[6] = errorMessage;
+    $[7] = errorTitle;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+};
+
+export { TradeError };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"sourcesContent":["import { TradeDetailsDisplay } from \"../TradeDetailsDisplay\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport { TradeErrorDetails } from \"./TradeErrorDetails\";\nimport { getErrorMessageToDisplay, getErrorScreenTitle } from \"./utils\";\n\nexport const TradeError = ({\n  error,\n  erroredStep,\n}: {\n  error?: Error | null;\n  erroredStep?: TradeFlowStep;\n}) => {\n  const errorMessage = getErrorMessageToDisplay(error, erroredStep);\n  const errorTitle = getErrorScreenTitle(error);\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <TradeDetailsDisplay />\n      <TradeErrorDetails errorTitle={errorTitle} errorMessage={errorMessage} />\n    </div>\n  );\n};\n"],"names":["TradeError","t0","$","_c","error","erroredStep","t1","getErrorMessageToDisplay","errorMessage","t2","getErrorScreenTitle","errorTitle","t3","Symbol","for","t4"],"mappings":";;;;;;AAKO,MAAMA,aAAaC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,KAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAM1B,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAE,SAAAF,CAAAA,QAAAG,WAAAA,EAAA;AACsBC,IAAAA,EAAAA,GAAAC,wBAAAA,CAAyBH,OAAOC,WAAW,CAAA;AAACH,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAG,WAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAjE,EAAA,MAAAM,YAAAA,GAAqBF,EAAAA;AAA6C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAE,KAAAA,EAAA;AAC/CK,IAAAA,EAAAA,GAAAC,oBAAoBN,KAAK,CAAA;AAACF,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA;AAA7C,EAAA,MAAAS,UAAAA,GAAmBF,EAAAA;AAA2B,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAW,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAG1CF,IAAAA,EAAAA,uBAAC,mBAAA,EAAA,EAAmB,CAAA;AAAGV,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAa,EAAAA;AAAA,EAAA,IAAAb,EAAA,CAAA,CAAA,KAAAM,gBAAAN,CAAAA,QAAAS,UAAAA,EAAA;AADzBI,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qBAAA,EACbH,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,sBACA,GAAA,CAAC,iBAAA,EAAA,EAA8BD,UAAAA,EAA0BH,YAAAA,EAAY;AAAA,KAAA,EACvE,CAAA;AAAMN,IAAAA,CAAAA,MAAAM,YAAAA;AAAAN,IAAAA,CAAAA,MAAAS,UAAAA;AAAAT,IAAAA,CAAAA,MAAAa,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAHNa,EAAAA;AAGM;;;;"}

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

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

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

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

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

@@ -0,0 +1,30 @@
+import { isRejectRequestProviderError } from '../../../../lib/utils/providerErrors.js';
+
+function getErrorMessageToDisplay(error, erroredStep) {
+  if (isRejectRequestProviderError(error)) {
+    return null;
+  }
+  switch (erroredStep) {
+    case "approve-spending":
+      return "an approval signature issue";
+    case "swap-tx-confirmation":
+      return "a swap confirmation issue";
+    case "swap-tx-execution":
+      return "a swap execution issue";
+    case "auction":
+      return "an order submission issue";
+    case "order-execution":
+      return "an order execution issue";
+    default:
+      return "an unknown error";
+  }
+}
+function getErrorScreenTitle(error) {
+  if (isRejectRequestProviderError(error)) {
+    return "Swap Rejected";
+  }
+  return "Swap Failed";
+}
+
+export { getErrorMessageToDisplay, getErrorScreenTitle };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/utils.ts"],"sourcesContent":["import { isRejectRequestProviderError } from \"@/lib/utils/providerErrors\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\n\nexport function getErrorMessageToDisplay(\n  error: unknown,\n  erroredStep?: TradeFlowStep\n): string | null {\n  if (isRejectRequestProviderError(error)) {\n    return null;\n  }\n  switch (erroredStep) {\n    case \"approve-spending\":\n      return \"an approval signature issue\";\n    case \"swap-tx-confirmation\":\n      return \"a swap confirmation issue\";\n    case \"swap-tx-execution\":\n      return \"a swap execution issue\";\n    case \"auction\":\n      return \"an order submission issue\";\n    case \"order-execution\":\n      return \"an order execution issue\";\n    default:\n      // can display a raw error.message here if we want\n      return \"an unknown error\";\n  }\n}\n\nexport function getErrorScreenTitle(error: unknown): string {\n  if (isRejectRequestProviderError(error)) {\n    return \"Swap Rejected\";\n  }\n  return \"Swap Failed\";\n}\n"],"names":["getErrorMessageToDisplay","error","erroredStep","isRejectRequestProviderError","getErrorScreenTitle"],"mappings":";;AAGO,SAASA,wBAAAA,CACdC,OACAC,WAAAA,EACe;AACf,EAAA,IAAIC,4BAAAA,CAA6BF,KAAK,CAAA,EAAG;AACvC,IAAA,OAAO,IAAA;AAAA;AAET,EAAA,QAAQC,WAAAA;AAAW,IACjB,KAAK,kBAAA;AACH,MAAA,OAAO,6BAAA;AAAA,IACT,KAAK,sBAAA;AACH,MAAA,OAAO,2BAAA;AAAA,IACT,KAAK,mBAAA;AACH,MAAA,OAAO,wBAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAA,OAAO,2BAAA;AAAA,IACT,KAAK,iBAAA;AACH,MAAA,OAAO,0BAAA;AAAA,IACT;AAEE,MAAA,OAAO,kBAAA;AAAA;AAEb;AAEO,SAASE,oBAAoBH,KAAAA,EAAwB;AAC1D,EAAA,IAAIE,4BAAAA,CAA6BF,KAAK,CAAA,EAAG;AACvC,IAAA,OAAO,eAAA;AAAA;AAET,EAAA,OAAO,aAAA;AACT;;;;"}

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

@@ -10,10 +10,12 @@ export type TradeOverviewProps<Key extends string = string, Result = unknown> =
     onHelp?: () => void;
     onDismiss?: () => void;
     onCancel?: () => void;
+    onRetry?: () => void;
     isCancellable?: boolean;
     explorerLink?: string;
     error?: Error | null;
+    erroredStep?: Key;
     result?: Result;
 };
-export declare const TradeOverview: <Key extends string = string, Result = unknown>({ fromToken, toToken, fromAmount, toAmount, steps, activeStep, onHelp, onDismiss, onCancel, isCancellable, explorerLink, result, error, }: TradeOverviewProps<Key, Result>) => import("react/jsx-runtime").JSX.Element;
+export declare const TradeOverview: <Key extends string = string, Result = unknown>({ fromToken, toToken, fromAmount, toAmount, steps, activeStep, onHelp, onDismiss, onCancel, onRetry, isCancellable, explorerLink, result, error, erroredStep, }: TradeOverviewProps<Key, Result>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TradeOverview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeOverview.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAUvC,MAAM,MAAM,kBAAkB,CAC5B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,IACd;IACF,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAiGF,eAAO,MAAM,aAAa,GAAI,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,OAAO,EAAE,2IAc1E,kBAAkB,CAAC,GAAG,EAAE,MAAM,CAAC,4CAqBjC,CAAC"}
+{"version":3,"file":"TradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeOverview.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAavC,MAAM,MAAM,kBAAkB,CAC5B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,IACd;IACF,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAyHF,eAAO,MAAM,aAAa,GAAI,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,OAAO,EAAE,iKAgB1E,kBAAkB,CAAC,GAAG,EAAE,MAAM,CAAC,4CAuBjC,CAAC"}