@velora-dex/widget 0.4.2 → 0.4.3

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\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { isSwapTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\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  tradeFlowType: TradeFlowType;\n  swapSide?: SwapSideUnion;\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  tradeFlowType,\n  swapSide = \"SELL\",\n}: TradeDetailsProps) => {\n  const isSwapFlow = isSwapTradeFlowType(tradeFlowType);\n  const isSell = swapSide === \"SELL\";\n\n  let fromTokenLabel: string;\n  let toTokenLabel: string;\n  if (isSwapFlow) {\n    // Swap Flow has special labels for BUY case\n    fromTokenLabel = isSell ? \"Swap\" : \"For (at most)\";\n    toTokenLabel = isSell ? \"For (at least)\" : \"Buy\";\n  } else {\n    fromTokenLabel = \"Pay\";\n    toTokenLabel = \"Receive\";\n  }\n\n  const fromTokenObj = {\n    token: fromToken,\n    label: fromTokenLabel,\n    amount: fromAmount,\n  };\n  const toTokenObj = {\n    token: toToken,\n    label: toTokenLabel,\n    amount: toAmount,\n  };\n\n  const [firstToken, secondToken] =\n    isSell || !isSwapFlow\n      ? [fromTokenObj, toTokenObj]\n      : // Swap Flow has reversed token order for BUY case\n        [toTokenObj, fromTokenObj];\n\n  return (\n    <div className=\"flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-card-1 text-contrast-5 dark:text-contrast-5\">\n      <TradeDetailsDisplay />\n      <div className=\"flex items-center justify-between gap-2 py-[8px] px-[16px]\">\n        <div className=\"flex items-center gap-1\">\n          <span className=\"text-xs\">{firstToken.label}</span>\n          <TokenBadge\n            address={firstToken.token.address}\n            chainId={firstToken.token.network}\n            img={firstToken.token.img}\n            symbol={firstToken.token.symbol}\n            showNetworkIcon\n            amount={formatTokenAmount(firstToken.amount, 5)}\n            classes={badgeClasses}\n          />\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"text-xs\">{secondToken.label}</span>\n          <TokenBadge\n            address={secondToken.token.address}\n            chainId={secondToken.token.network}\n            img={secondToken.token.img}\n            symbol={secondToken.token.symbol}\n            showNetworkIcon\n            amount={formatTokenAmount(secondToken.amount, 5)}\n            classes={badgeClasses}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\nexport const TradeDetails = () => {\n  const { fromToken, toToken, fromAmount, toAmount, swapSide, tradeFlowType } =\n    useTradeFlowContext();\n\n  return (\n    <TradeDetailsBase\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n};\n"],"names":["badgeClasses","root","TradeDetailsBase","t0","$","_c","fromToken","toToken","fromAmount","toAmount","tradeFlowType","swapSide","t1","undefined","t2","isSwapTradeFlowType","isSwapFlow","isSell","fromTokenLabel","toTokenLabel","T0","t10","t11","t12","t13","t14","t3","t4","t5","t6","t7","t8","t9","fromTokenObj","token","label","amount","toTokenObj","firstToken","secondToken","Symbol","for","address","network","img","symbol","formatTokenAmount","TokenBadge","t15","t16","t17","t18","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\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { isSwapTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\nimport { WarningWithTitle } from \"../Warning/Warning\";\nimport type { WarningProps } from \"../Warning/types\";\nimport type { PayReceiveInfoProps } from \"../PayReceiveInfo/types\";\nimport { useTokenPrice } from \"@/hooks/tokens/prices/useTokenPrices\";\nimport { PayReceiveInfo } from \"../PayReceiveInfo/PayReceiveInfo\";\nimport { InfoIcon } from \"lucide-react\";\nimport { SwapRate } from \"../SwapRate/SwapRate\";\nimport { parseUnits } from \"viem\";\nimport type { TokenBadgeProps } from \"../TokenBadge/types\";\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  tradeFlowType: TradeFlowType;\n  swapSide?: SwapSideUnion;\n};\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nconst TradeAnimatedProgressDetailsBase = ({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  tradeFlowType,\n  swapSide = \"SELL\",\n}: TradeDetailsProps) => {\n  const isSwapFlow = isSwapTradeFlowType(tradeFlowType);\n  const isSell = swapSide === \"SELL\";\n\n  let fromTokenLabel: string;\n  let toTokenLabel: string;\n  if (isSwapFlow) {\n    // Swap Flow has special labels for BUY case\n    fromTokenLabel = isSell ? \"Swap\" : \"For (at most)\";\n    toTokenLabel = isSell ? \"For (at least)\" : \"Buy\";\n  } else {\n    fromTokenLabel = \"Pay\";\n    toTokenLabel = \"Receive\";\n  }\n\n  const fromTokenObj = {\n    token: fromToken,\n    label: fromTokenLabel,\n    amount: fromAmount,\n  };\n  const toTokenObj = {\n    token: toToken,\n    label: toTokenLabel,\n    amount: toAmount,\n  };\n\n  const [firstToken, secondToken] =\n    isSell || !isSwapFlow\n      ? [fromTokenObj, toTokenObj]\n      : // Swap Flow has reversed token order for BUY case\n        [toTokenObj, fromTokenObj];\n\n  return (\n    <div className=\"flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-card-1 text-contrast-5 dark:text-contrast-5\">\n      <TradeDetailsDisplay />\n      <div className=\"flex items-center justify-between gap-2 py-[8px] px-[16px]\">\n        <div className=\"flex items-center gap-1\">\n          <span className=\"text-xs\">{firstToken.label}</span>\n          <TokenBadge\n            address={firstToken.token.address}\n            chainId={firstToken.token.network}\n            img={firstToken.token.img}\n            symbol={firstToken.token.symbol}\n            showNetworkIcon\n            amount={formatTokenAmount(firstToken.amount, 5)}\n            classes={badgeClasses}\n          />\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"text-xs\">{secondToken.label}</span>\n          <TokenBadge\n            address={secondToken.token.address}\n            chainId={secondToken.token.network}\n            img={secondToken.token.img}\n            symbol={secondToken.token.symbol}\n            showNetworkIcon\n            amount={formatTokenAmount(secondToken.amount, 5)}\n            classes={badgeClasses}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\ntype InfoPropsExtraInput = {\n  srcToken: MinTradeFlowToken;\n  destToken: MinTradeFlowToken;\n  srcAmountUnit: string;\n  destAmountUnit: string;\n};\n\nfunction constructPayReceiveInfoProps({\n  extra,\n  srcTokenPrice,\n  destTokenPrice,\n}: {\n  extra: InfoPropsExtraInput;\n  srcTokenPrice?: number;\n  destTokenPrice?: number;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const srcUsdAmount =\n    srcTokenPrice !== undefined\n      ? parseFloat(srcAmountUnit) * srcTokenPrice\n      : undefined;\n  const destUsdAmount =\n    destTokenPrice !== undefined\n      ? parseFloat(destAmountUnit) * destTokenPrice\n      : undefined;\n\n  const isCrossChain = srcToken.network !== destToken.network;\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: isCrossChain,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: isCrossChain,\n  };\n\n  const srcAmountWei = parseUnits(srcAmountUnit, srcToken.decimals);\n  const destAmountWei = parseUnits(destAmountUnit, destToken.decimals);\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n      usdAmount: srcUsdAmount,\n      showNetwork: false,\n      classes: {\n        section: \"p-4\",\n      },\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n      usdAmount: destUsdAmount,\n      showNetwork: false,\n      extraLabel: (\n        <div className=\"flex items-center gap-1.5 text-xs font-normal text-secondary-orange-peel-1\">\n          <InfoIcon size={16} />\n          <SwapRate\n            srcAmountWei={srcAmountWei.toString()}\n            destAmountWei={destAmountWei.toString()}\n            srcToken={srcToken}\n            destToken={destToken}\n          />\n        </div>\n      ),\n      classes: {\n        section: \"p-4\",\n      },\n    },\n    classes: {\n      root: \"bg-contrast-9 dark:bg-contrast-3\",\n      line: \"bg-contrast-7 dark:bg-contrast-2\",\n    },\n  };\n}\n\nconst warningClasses: WarningProps[\"classes\"] = {\n  root: \"bg-[rgba(255,153,0,0.05)]\",\n};\n\nconst PriceChangedWarning = () => {\n  return (\n    <WarningWithTitle\n      title=\"Price changed\"\n      message={\n        <div>\n          The price changed since your last attempt. Token amounts may differ.\n          Please review before submitting again.\n        </div>\n      }\n      classes={warningClasses}\n    />\n  );\n};\n\nconst TradeReviewDetailsBase = () => {\n  const { fromToken, toToken, fromAmount, toAmount } = useTradeFlowContext();\n  const { data: srcTokenPrice } = useTokenPrice(fromToken);\n  const { data: destTokenPrice } = useTokenPrice(toToken);\n  const payReceiveInfoProps = constructPayReceiveInfoProps({\n    extra: {\n      srcToken: fromToken,\n      destToken: toToken,\n      srcAmountUnit: fromAmount,\n      destAmountUnit: toAmount,\n    },\n    srcTokenPrice: srcTokenPrice?.price,\n    destTokenPrice: destTokenPrice?.price,\n  });\n\n  return (\n    <div className=\"flex flex-col gap-4 rounded-sm shadow-card-1 text-contrast-5 dark:text-contrast-5\">\n      <PayReceiveInfo {...payReceiveInfoProps} />\n      <PriceChangedWarning />\n    </div>\n  );\n};\n\nexport const TradeDetails = () => {\n  const {\n    fromToken,\n    toToken,\n    fromAmount,\n    toAmount,\n    swapSide,\n    tradeFlowType,\n    derivedStep,\n  } = useTradeFlowContext();\n\n  if (derivedStep === \"prepare-swap\") {\n    return <TradeReviewDetailsBase />;\n  }\n\n  return (\n    <TradeAnimatedProgressDetailsBase\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n};\n"],"names":["badgeClasses","root","TradeAnimatedProgressDetailsBase","t0","$","_c","fromToken","toToken","fromAmount","toAmount","tradeFlowType","swapSide","t1","undefined","t2","isSwapTradeFlowType","isSwapFlow","isSell","fromTokenLabel","toTokenLabel","T0","t10","t11","t12","t13","t14","t3","t4","t5","t6","t7","t8","t9","fromTokenObj","token","label","amount","toTokenObj","firstToken","secondToken","Symbol","for","address","network","img","symbol","formatTokenAmount","TokenBadge","t15","t16","t17","t18","tokenBadgeClasses","logo","constructPayReceiveInfoProps","extra","srcTokenPrice","destTokenPrice","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","srcUsdAmount","parseFloat","destUsdAmount","isCrossChain","topTokenBadgeProps","chainId","amountPosition","classes","showNetworkIcon","bottomTokenBadgeProps","srcAmountWei","parseUnits","decimals","destAmountWei","topToken","tokenBadgeProps","usdAmount","showNetwork","section","bottomToken","extraLabel","toString","line","warningClasses","PriceChangedWarning","TradeReviewDetailsBase","useTradeFlowContext","data","useTokenPrice","price","payReceiveInfoProps","TradeDetails","derivedStep"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetailsDisplay.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"sourcesContent":["import {\n  useTradeFlowContext,\n  type TradeFlowDerivedStep,\n} from \"./tradeFlowContext\";\n\n// have to import by ?url because vite can't process .lottie file without a plugin,\n// and <DotLottieReact/> expects a url.\n// .json from inside the .lottie file is larger in size (.lottie is just an archive)\nimport ApprovingLottie_1 from \"./assets/1_approving.lottie?url\";\nimport InProgressLottie_2 from \"./assets/2_in_progress.lottie?url\";\nimport ExecutingLottie_3 from \"./assets/3_executing_step.lottie?url\";\nimport CompleteLottie_4 from \"./assets/4_complete_step.lottie?url\";\nimport ErrorLottie_5 from \"./assets/5_error_step.lottie?url\";\n\nimport { DotLottieReact } from \"@lottiefiles/dotlottie-react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { lottieProps } from \"./motionProps\";\n\nconst step2lottie: Record<TradeFlowDerivedStep, string> = {\n  signature: ApprovingLottie_1,\n  auction: InProgressLottie_2,\n  \"order-submission\": ExecutingLottie_3, // Limit/OTC Order submission\n  \"swap-tx-execution\": ExecutingLottie_3,\n  \"order-execution\": ExecutingLottie_3, // Limit/OTC Order execution\n  complete: CompleteLottie_4,\n  error: ErrorLottie_5,\n};\n\nexport const TradeDetailsDisplay = () => {\n  const { derivedStep } = useTradeFlowContext();\n  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;\n\n  return (\n    <div className=\"h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-card-1 overflow-hidden\">\n      <AnimatePresence mode=\"popLayout\">\n        {lottiePath && (\n          <motion.div {...lottieProps} key={derivedStep}>\n            <DotLottieReact\n              src={lottiePath}\n              loop\n              autoplay\n              className=\"h-full w-full rounded-sm overflow-hidden\"\n            />\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n"],"names":["step2lottie","signature","ApprovingLottie_1","auction","InProgressLottie_2","ExecutingLottie_3","complete","CompleteLottie_4","error","ErrorLottie_5","TradeDetailsDisplay","$","_c","derivedStep","useTradeFlowContext","lottiePath","t0","lottieProps","t1"],"mappings":";;;;;;;;;;;;;AAkBA,MAAMA,WAAAA,GAAoD;AAAA,EACxDC,SAAAA,EAAWC,iBAAAA;AAAAA,EACXC,OAAAA,EAASC,kBAAAA;AAAAA,EACT,kBAAA,EAAoBC,iBAAAA;AAAAA;AAAAA,EACpB,mBAAA,EAAqBA,iBAAAA;AAAAA,EACrB,iBAAA,EAAmBA,iBAAAA;AAAAA;AAAAA,EACnBC,QAAAA,EAAUC,gBAAAA;AAAAA,EACVC,KAAAA,EAAOC;AACT,CAAA;AAEO,MAAMC,sBAAsBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACjC,EAAA,MAAA;AAAA,IAAAC;AAAAA,MAAwBC,mBAAAA,EAAoB;AAC5C,EAAA,MAAAC,UAAAA,GAAmBF,WAAAA,GAAcb,WAAAA,CAAYa,WAAW,CAAA,GAArC,IAAA;AAA8C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAE,eAAAF,CAAAA,QAAAI,UAAAA,EAAA;AAK1DC,IAAAA,EAAAA,GAAAD,8BACC,aAAA,CAAA,MAAA,CAAA,KAAA,EAAA,GAAgBE,aAAkBJ,GAAAA,EAAAA,WAAAA,EAAAA,sBAC/B,cAAA,EAAA,EACME,GAAAA,EAAAA,YACL,IAAA,EAAA,IAAA,EACA,UAAA,IAAA,EACU,SAAA,EAAA,6CAEd,CAAA;AACDJ,IAAAA,CAAAA,MAAAE,WAAAA;AAAAF,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAK,EAAAA,EAAA;AAXLE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,SAAe,SAAA,EAAA,0HAAA,EACb,8BAAC,eAAA,EAAA,EAAqB,IAAA,EAAA,WAAA,EACnBF,QAAAA,EAAAA,EAAAA,EAUH,CAAA,EACF,CAAA;AAAML,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAbNO,EAAAA;AAaM;;;;"}
+{"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\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { lottieProps } from \"./motionProps\";\n\nconst step2lottie: Partial<Record<TradeFlowDerivedStep, string>> = {\n  signature: ApprovingLottie_1,\n  auction: InProgressLottie_2,\n  \"order-submission\": ExecutingLottie_3, // Limit/OTC Order submission\n  \"swap-tx-execution\": ExecutingLottie_3,\n  \"order-execution\": ExecutingLottie_3, // Limit/OTC Order execution\n  complete: CompleteLottie_4,\n  error: ErrorLottie_5,\n};\n\nexport const TradeDetailsDisplay = () => {\n  const { derivedStep } = useTradeFlowContext();\n  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;\n\n  return (\n    <div className=\"h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-card-1 overflow-hidden\">\n      <AnimatePresence mode=\"popLayout\">\n        {lottiePath && (\n          <motion.div {...lottieProps} key={derivedStep}>\n            <DotLottieReact\n              src={lottiePath}\n              loop\n              autoplay\n              className=\"h-full w-full rounded-sm overflow-hidden\"\n            />\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n"],"names":["step2lottie","signature","ApprovingLottie_1","auction","InProgressLottie_2","ExecutingLottie_3","complete","CompleteLottie_4","error","ErrorLottie_5","TradeDetailsDisplay","$","_c","derivedStep","useTradeFlowContext","lottiePath","t0","lottieProps","t1"],"mappings":";;;;;;;;;;;;;AAkBA,MAAMA,WAAAA,GAA6D;AAAA,EACjEC,SAAAA,EAAWC,iBAAAA;AAAAA,EACXC,OAAAA,EAASC,kBAAAA;AAAAA,EACT,kBAAA,EAAoBC,iBAAAA;AAAAA;AAAAA,EACpB,mBAAA,EAAqBA,iBAAAA;AAAAA,EACrB,iBAAA,EAAmBA,iBAAAA;AAAAA;AAAAA,EACnBC,QAAAA,EAAUC,gBAAAA;AAAAA,EACVC,KAAAA,EAAOC;AACT,CAAA;AAEO,MAAMC,sBAAsBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACjC,EAAA,MAAA;AAAA,IAAAC;AAAAA,MAAwBC,mBAAAA,EAAoB;AAC5C,EAAA,MAAAC,UAAAA,GAAmBF,WAAAA,GAAcb,WAAAA,CAAYa,WAAW,CAAA,GAArC,IAAA;AAA8C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAE,eAAAF,CAAAA,QAAAI,UAAAA,EAAA;AAK1DC,IAAAA,EAAAA,GAAAD,8BACC,aAAA,CAAA,MAAA,CAAA,KAAA,EAAA,GAAgBE,aAAkBJ,GAAAA,EAAAA,WAAAA,EAAAA,sBAC/B,cAAA,EAAA,EACME,GAAAA,EAAAA,YACL,IAAA,EAAA,IAAA,EACA,UAAA,IAAA,EACU,SAAA,EAAA,6CAEd,CAAA;AACDJ,IAAAA,CAAAA,MAAAE,WAAAA;AAAAF,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAK,EAAAA,EAAA;AAXLE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,SAAe,SAAA,EAAA,0HAAA,EACb,8BAAC,eAAA,EAAA,EAAqB,IAAA,EAAA,WAAA,EACnBF,QAAAA,EAAAA,EAAAA,EAUH,CAAA,EACF,CAAA;AAAML,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAbNO,EAAAA;AAaM;;;;"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"TradeErrorFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorFooter.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,GAAI,4BAG9B;IACD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,4CAwBA,CAAC"}

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

@@ -6,12 +6,12 @@ const TradeErrorFooter = (t0) => {
   const $ = distExports.c(7);
   const {
     onDismiss,
-    onRetry
+    onResubmit
   } = 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;
+  if ($[0] !== onResubmit) {
+    t1 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onResubmit, children: "Resubmit this Trade" });
+    $[0] = onResubmit;
     $[1] = t1;
   } else {
     t1 = $[1];

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

@@ -1 +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,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;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,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;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,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OApBNM,EAAAA;AAoBM;;;;"}
+{"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  onResubmit,\n}: {\n  onDismiss?: () => void;\n  onResubmit?: () => 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={onResubmit}\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","onResubmit","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,UAAAA,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,UAAAA,EACV,QAAA,EAAA,qBAAA,EAED,CAAA;AAASH,IAAAA,CAAAA,MAAAG,UAAAA;AAAAH,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,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,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;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,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OApBNM,EAAAA;AAoBM;;;;"}

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

@@ -13,20 +13,36 @@ export type PreWrapTradeOverviewProps = MinTradeOverviewProps & {
     preWrapETH: boolean;
 };
 export type TradeOverviewProps<Key extends string = string, Result = unknown, FlowType extends string = string> = MinTradeOverviewProps & {
+    /** type of the flow */
     tradeFlowType: FlowType;
+    /** steps of the flow */
     steps: FlowStep<Key>[];
+    /** step that is currently active */
     activeStep?: ActiveStep<Key>;
+    /** step within the order cancellation subflow */
     orderCancellationStep?: GenericStep;
+    /** shows the help modal */
     onHelp?: () => void;
+    /** cancels the flow and dismisses the overview */
     onDismiss?: () => void;
+    /** cancels the flow */
     onCancelFlow?: () => void;
-    onRetry?: () => void;
+    /** switches to resubmit step */
+    onResubmit?: () => void;
+    /** restarts the flow in resubmit step */
+    onRestartFlow?: () => void;
+    /** cancels the order (still within the flow) */
     onCancelOrder?: () => void;
+    /** whether the flow can be cancelled */
     isFlowCancellable?: boolean;
+    /** link to the transaction explorer */
     explorerLink?: string;
+    /** error that occurred during the flow */
     error?: Error | null;
+    /** step that caused the error */
     erroredStep?: Key;
+    /** result of the flow */
     result?: Result;
 };
-export declare const TradeOverview: <Key extends string = string, Result = unknown, FlowType extends string = string>({ fromToken, toToken, fromAmount, toAmount, swapSide, steps, activeStep, orderCancellationStep, onHelp, onDismiss, onCancelFlow, onCancelOrder, onRetry, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: TradeOverviewProps<Key, Result, FlowType>) => import("react/jsx-runtime").JSX.Element;
+export declare const TradeOverview: <Key extends string = string, Result = unknown, FlowType extends string = string>({ fromToken, toToken, fromAmount, toAmount, swapSide, steps, activeStep, orderCancellationStep, onHelp, onDismiss, onCancelFlow, onCancelOrder, onResubmit, onRestartFlow, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: TradeOverviewProps<Key, Result, FlowType>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TradeOverview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeOverview.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGtE,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAUzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAarD,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,GAAG;IAC9D,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAC5B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,IAC9B,qBAAqB,GAAG;IAC1B,aAAa,EAAE,QAAQ,CAAC;IACxB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,WAAW,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA2KF,eAAO,MAAM,aAAa,GACxB,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,EAChC,wOAoBC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,4CA2B3C,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;AAMtE,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAUzD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAarD,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,GAAG;IAC9D,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAC5B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,IAC9B,qBAAqB,GAAG;IAC1B,uBAAuB;IACvB,aAAa,EAAE,QAAQ,CAAC;IACxB,wBAAwB;IACxB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;IACvB,oCAAoC;IACpC,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IAC7B,iDAAiD;IACjD,qBAAqB,CAAC,EAAE,WAAW,CAAC;IACpC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,iCAAiC;IACjC,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAqMF,eAAO,MAAM,aAAa,GACxB,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,EAChC,0PAqBC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,4CA4B3C,CAAC"}

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

@@ -5,180 +5,211 @@ import { CardHeader, CardContent, CardFooter, Card } from '../../ui/card.js';
 import { TradeOverviewHeader } from './TradeOverviewHeader.js';
 import { TradeDetails } from './TradeDetails.js';
 import { Stepper } from './Stepper.js';
-import { TradeOverviewFooter } from './TradeOverviewFooter.js';
+import { ApproveAndSubmitFooter, TradeOverviewFooter } from './TradeOverviewFooter.js';
 import { TradeFlowContext, useTradeFlowContext } from './tradeFlowContext.js';
 import { TradeComplete } from './TradeComplete/index.js';
 import { TradeCompletedFooter } from './TradeComplete/TradeCompleteFooter.js';
 import { TradeErrorFooter } from './TradeError/TradeErrorFooter.js';
 import { TradeError } from './TradeError/index.js';
+import { isNonFlowStep } from './utils/isNonFlowStep.js';
 import { cn } from '../../../lib/utils/index.js';
 import { WIDGET_MIN_HEIGHT_CLASSNAME } from '../../../core/constants.js';
 import { motion } from 'motion/react';
 import { headerProps, tradeDetailsProps, completedFlowProps, flowProps, footerProps } from './motionProps.js';
 
 const Content = () => {
-  const $ = distExports.c(17);
+  const $ = distExports.c(18);
   const {
     result,
     error,
     erroredStep,
-    tradeFlowType
+    tradeFlowType,
+    derivedStep
   } = useTradeFlowContext();
   let step;
   let content;
-  if (error) {
+  if (derivedStep && isNonFlowStep(derivedStep)) {
+    step = "prepare-swap";
     let t02;
-    if ($[0] !== error || $[1] !== erroredStep || $[2] !== tradeFlowType) {
-      t02 = /* @__PURE__ */ jsx(TradeError, { error, erroredStep, tradeFlowType });
-      $[0] = error;
-      $[1] = erroredStep;
-      $[2] = tradeFlowType;
-      $[3] = t02;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t02 = /* @__PURE__ */ jsx(Stepper, {});
+      $[0] = t02;
     } else {
-      t02 = $[3];
+      t02 = $[0];
     }
     content = t02;
-    step = "error";
   } else {
-    if (result) {
+    if (error) {
       let t02;
-      if ($[4] !== result.tradeFlowType) {
-        t02 = /* @__PURE__ */ jsx(TradeComplete, { tradeFlowType: result.tradeFlowType });
-        $[4] = result.tradeFlowType;
-        $[5] = t02;
+      if ($[1] !== error || $[2] !== erroredStep || $[3] !== tradeFlowType) {
+        t02 = /* @__PURE__ */ jsx(TradeError, { error, erroredStep, tradeFlowType });
+        $[1] = error;
+        $[2] = erroredStep;
+        $[3] = tradeFlowType;
+        $[4] = t02;
       } else {
-        t02 = $[5];
+        t02 = $[4];
       }
       content = t02;
-      step = "complete";
+      step = "error";
     } else {
-      let t02;
-      if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-        t02 = /* @__PURE__ */ jsx(Stepper, {});
-        $[6] = t02;
+      if (result) {
+        let t02;
+        if ($[5] !== result.tradeFlowType) {
+          t02 = /* @__PURE__ */ jsx(TradeComplete, { tradeFlowType: result.tradeFlowType });
+          $[5] = result.tradeFlowType;
+          $[6] = t02;
+        } else {
+          t02 = $[6];
+        }
+        content = t02;
+        step = "complete";
       } else {
-        t02 = $[6];
+        let t02;
+        if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+          t02 = /* @__PURE__ */ jsx(Stepper, {});
+          $[7] = t02;
+        } else {
+          t02 = $[7];
+        }
+        content = t02;
+        step = "in-progress";
       }
-      content = t02;
-      step = "in-progress";
     }
   }
   const contentMotionProps = step === "complete" ? completedFlowProps : flowProps;
   const t0 = `details-${step}`;
   let t1;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = /* @__PURE__ */ jsx(TradeDetails, {});
-    $[7] = t1;
+    $[8] = t1;
   } else {
-    t1 = $[7];
+    t1 = $[8];
   }
   let t2;
-  if ($[8] !== t0) {
+  if ($[9] !== t0) {
     t2 = /* @__PURE__ */ createElement(motion.div, { ...tradeDetailsProps, key: t0 }, t1);
-    $[8] = t0;
-    $[9] = t2;
+    $[9] = t0;
+    $[10] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[10];
   }
   const t3 = `flow-${step}`;
   let t4;
-  if ($[10] !== content || $[11] !== contentMotionProps || $[12] !== t3) {
+  if ($[11] !== content || $[12] !== contentMotionProps || $[13] !== t3) {
     t4 = /* @__PURE__ */ createElement(motion.div, { ...contentMotionProps, key: t3 }, content);
-    $[10] = content;
-    $[11] = contentMotionProps;
-    $[12] = t3;
-    $[13] = t4;
+    $[11] = content;
+    $[12] = contentMotionProps;
+    $[13] = t3;
+    $[14] = t4;
   } else {
-    t4 = $[13];
+    t4 = $[14];
   }
   let t5;
-  if ($[14] !== t2 || $[15] !== t4) {
+  if ($[15] !== t2 || $[16] !== t4) {
     t5 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
       t2,
       t4
     ] });
-    $[14] = t2;
-    $[15] = t4;
-    $[16] = t5;
+    $[15] = t2;
+    $[16] = t4;
+    $[17] = t5;
   } else {
-    t5 = $[16];
+    t5 = $[17];
   }
   return t5;
 };
 const Footer = (t0) => {
-  const $ = distExports.c(13);
+  const $ = distExports.c(16);
   const {
     onDismiss,
     onCancelFlow,
     onCancelOrder,
-    onRetry
+    onResubmit,
+    onRestartFlow
   } = t0;
   const {
     result,
-    error
+    error,
+    derivedStep
   } = useTradeFlowContext();
   let step;
   let content;
-  if (error) {
-    step = "error";
+  if (derivedStep && isNonFlowStep(derivedStep)) {
+    step = "prepare-swap";
     let t12;
-    if ($[0] !== onDismiss || $[1] !== onRetry) {
-      t12 = /* @__PURE__ */ jsx(TradeErrorFooter, { onDismiss, onRetry });
+    if ($[0] !== onDismiss || $[1] !== onRestartFlow) {
+      t12 = /* @__PURE__ */ jsx(ApproveAndSubmitFooter, { onDismiss, onRestartFlow });
       $[0] = onDismiss;
-      $[1] = onRetry;
+      $[1] = onRestartFlow;
       $[2] = t12;
     } else {
       t12 = $[2];
     }
     content = t12;
   } else {
-    if (result) {
-      step = "complete";
+    if (error) {
+      step = "error";
       let t12;
-      if ($[3] !== onCancelOrder || $[4] !== onDismiss) {
-        t12 = /* @__PURE__ */ jsx(TradeCompletedFooter, { onDismiss, onCancelOrder });
-        $[3] = onCancelOrder;
-        $[4] = onDismiss;
+      if ($[3] !== onDismiss || $[4] !== onResubmit) {
+        t12 = /* @__PURE__ */ jsx(TradeErrorFooter, { onDismiss, onResubmit });
+        $[3] = onDismiss;
+        $[4] = onResubmit;
         $[5] = t12;
       } else {
         t12 = $[5];
       }
       content = t12;
     } else {
-      step = "in-progress";
-      let t12;
-      if ($[6] !== onCancelFlow || $[7] !== onCancelOrder || $[8] !== onDismiss) {
-        t12 = /* @__PURE__ */ jsx(TradeOverviewFooter, { onDismiss, onCancelFlow, onCancelOrder });
-        $[6] = onCancelFlow;
-        $[7] = onCancelOrder;
-        $[8] = onDismiss;
-        $[9] = t12;
+      if (result) {
+        step = "complete";
+        let t12;
+        if ($[6] !== onCancelOrder || $[7] !== onDismiss) {
+          t12 = /* @__PURE__ */ jsx(TradeCompletedFooter, { onDismiss, onCancelOrder });
+          $[6] = onCancelOrder;
+          $[7] = onDismiss;
+          $[8] = t12;
+        } else {
+          t12 = $[8];
+        }
+        content = t12;
       } else {
-        t12 = $[9];
+        step = "in-progress";
+        let t12;
+        if ($[9] !== onCancelFlow || $[10] !== onCancelOrder || $[11] !== onDismiss) {
+          t12 = /* @__PURE__ */ jsx(TradeOverviewFooter, { onDismiss, onCancelFlow, onCancelOrder });
+          $[9] = onCancelFlow;
+          $[10] = onCancelOrder;
+          $[11] = onDismiss;
+          $[12] = t12;
+        } else {
+          t12 = $[12];
+        }
+        content = t12;
       }
-      content = t12;
     }
   }
   const t1 = `footer-${step}`;
   let t2;
-  if ($[10] !== content || $[11] !== t1) {
+  if ($[13] !== content || $[14] !== t1) {
     t2 = /* @__PURE__ */ createElement(motion.div, { ...footerProps, key: t1 }, content);
-    $[10] = content;
-    $[11] = t1;
-    $[12] = t2;
+    $[13] = content;
+    $[14] = t1;
+    $[15] = t2;
   } else {
-    t2 = $[12];
+    t2 = $[15];
   }
   return t2;
 };
 const TradeOverviewBase = (t0) => {
-  const $ = distExports.c(16);
+  const $ = distExports.c(17);
   const {
     onHelp,
     onDismiss,
     onCancelFlow,
-    onRetry,
-    onCancelOrder
+    onResubmit,
+    onCancelOrder,
+    onRestartFlow
   } = t0;
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -216,28 +247,29 @@ const TradeOverviewBase = (t0) => {
     t4 = $[7];
   }
   let t5;
-  if ($[8] !== onCancelFlow || $[9] !== onCancelOrder || $[10] !== onDismiss || $[11] !== onRetry) {
-    t5 = /* @__PURE__ */ jsx(CardFooter, { className: "p-0 pt-6 mt-auto", children: /* @__PURE__ */ jsx(Footer, { onDismiss, onCancelFlow, onRetry, onCancelOrder }) });
+  if ($[8] !== onCancelFlow || $[9] !== onCancelOrder || $[10] !== onDismiss || $[11] !== onRestartFlow || $[12] !== onResubmit) {
+    t5 = /* @__PURE__ */ jsx(CardFooter, { className: "p-0 pt-6 mt-auto", children: /* @__PURE__ */ jsx(Footer, { onDismiss, onCancelFlow, onResubmit, onCancelOrder, onRestartFlow }) });
     $[8] = onCancelFlow;
     $[9] = onCancelOrder;
     $[10] = onDismiss;
-    $[11] = onRetry;
-    $[12] = t5;
+    $[11] = onRestartFlow;
+    $[12] = onResubmit;
+    $[13] = t5;
   } else {
-    t5 = $[12];
+    t5 = $[13];
   }
   let t6;
-  if ($[13] !== t3 || $[14] !== t5) {
+  if ($[14] !== t3 || $[15] !== t5) {
     t6 = /* @__PURE__ */ jsxs(Card, { className: t1, children: [
       t3,
       t4,
       t5
     ] });
-    $[13] = t3;
-    $[14] = t5;
-    $[15] = t6;
+    $[14] = t3;
+    $[15] = t5;
+    $[16] = t6;
   } else {
-    t6 = $[15];
+    t6 = $[16];
   }
   return t6;
 };
@@ -309,7 +341,7 @@ const TradeOverviewProvider = (t0) => {
   return t2;
 };
 const TradeOverview = (t0) => {
-  const $ = distExports.c(22);
+  const $ = distExports.c(23);
   const {
     fromToken,
     toToken,
@@ -323,7 +355,8 @@ const TradeOverview = (t0) => {
     onDismiss,
     onCancelFlow,
     onCancelOrder,
-    onRetry,
+    onResubmit,
+    onRestartFlow,
     isFlowCancellable,
     explorerLink,
     result,
@@ -332,38 +365,39 @@ const TradeOverview = (t0) => {
     tradeFlowType
   } = t0;
   let t1;
-  if ($[0] !== onCancelFlow || $[1] !== onCancelOrder || $[2] !== onDismiss || $[3] !== onHelp || $[4] !== onRetry) {
-    t1 = /* @__PURE__ */ jsx(TradeOverviewBase, { onHelp, onDismiss, onCancelFlow, onRetry, onCancelOrder });
+  if ($[0] !== onCancelFlow || $[1] !== onCancelOrder || $[2] !== onDismiss || $[3] !== onHelp || $[4] !== onRestartFlow || $[5] !== onResubmit) {
+    t1 = /* @__PURE__ */ jsx(TradeOverviewBase, { onHelp, onDismiss, onCancelFlow, onResubmit, onCancelOrder, onRestartFlow });
     $[0] = onCancelFlow;
     $[1] = onCancelOrder;
     $[2] = onDismiss;
     $[3] = onHelp;
-    $[4] = onRetry;
-    $[5] = t1;
+    $[4] = onRestartFlow;
+    $[5] = onResubmit;
+    $[6] = t1;
   } else {
-    t1 = $[5];
+    t1 = $[6];
   }
   let t2;
-  if ($[6] !== activeStep || $[7] !== error || $[8] !== erroredStep || $[9] !== explorerLink || $[10] !== fromAmount || $[11] !== fromToken || $[12] !== isFlowCancellable || $[13] !== orderCancellationStep || $[14] !== result || $[15] !== steps || $[16] !== swapSide || $[17] !== t1 || $[18] !== toAmount || $[19] !== toToken || $[20] !== tradeFlowType) {
+  if ($[7] !== activeStep || $[8] !== error || $[9] !== erroredStep || $[10] !== explorerLink || $[11] !== fromAmount || $[12] !== fromToken || $[13] !== isFlowCancellable || $[14] !== orderCancellationStep || $[15] !== result || $[16] !== steps || $[17] !== swapSide || $[18] !== t1 || $[19] !== toAmount || $[20] !== toToken || $[21] !== tradeFlowType) {
     t2 = /* @__PURE__ */ jsx(TradeOverviewProvider, { fromToken, toToken, fromAmount, toAmount, activeStep, orderCancellationStep, steps, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, swapSide, children: t1 });
-    $[6] = activeStep;
-    $[7] = error;
-    $[8] = erroredStep;
-    $[9] = explorerLink;
-    $[10] = fromAmount;
-    $[11] = fromToken;
-    $[12] = isFlowCancellable;
-    $[13] = orderCancellationStep;
-    $[14] = result;
-    $[15] = steps;
-    $[16] = swapSide;
-    $[17] = t1;
-    $[18] = toAmount;
-    $[19] = toToken;
-    $[20] = tradeFlowType;
-    $[21] = t2;
+    $[7] = activeStep;
+    $[8] = error;
+    $[9] = erroredStep;
+    $[10] = explorerLink;
+    $[11] = fromAmount;
+    $[12] = fromToken;
+    $[13] = isFlowCancellable;
+    $[14] = orderCancellationStep;
+    $[15] = result;
+    $[16] = steps;
+    $[17] = swapSide;
+    $[18] = t1;
+    $[19] = toAmount;
+    $[20] = toToken;
+    $[21] = tradeFlowType;
+    $[22] = t2;
   } else {
-    t2 = $[21];
+    t2 = $[22];
   }
   return t2;
 };