@velora-dex/widget 0.8.1 → 0.8.3-dev.0

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetails.js","names":["TokenBadge","formatTokenAmount","Token","useTradeFlowContext","TradeDetailsDisplay","SwapSideUnion","TradeFlowType","isSwapTradeFlowType","WarningWithTitle","WarningProps","PayReceiveInfoProps","useTokenPrice","PayReceiveInfo","InfoIcon","SwapRate","parseUnits","TokenBadgeProps","MinTradeFlowToken","Pick","TradeDetailsProps","fromToken","toToken","fromAmount","toAmount","tradeFlowType","swapSide","badgeClasses","root","TradeAnimatedProgressDetailsBase","t0","$","_c","t1","undefined","t2","isSwapFlow","isSell","fromTokenLabel","toTokenLabel","T0","t10","t11","t12","t13","t14","t15","t3","t4","t5","t6","t7","t8","t9","fromTokenObj","token","label","amount","toTokenObj","firstToken","secondToken","Symbol","for","address","network","img","symbol","t16","t17","t18","t19","tokenBadgeClasses","logo","InfoPropsExtraInput","srcToken","destToken","srcAmountUnit","destAmountUnit","constructPayReceiveInfoProps","extra","srcTokenPrice","destTokenPrice","formattedSrcAmount","formattedDestAmount","srcUsdAmount","parseFloat","destUsdAmount","isCrossChain","topTokenBadgeProps","chainId","amountPosition","const","classes","showNetworkIcon","bottomTokenBadgeProps","srcAmountWei","decimals","destAmountWei","topToken","tokenBadgeProps","usdAmount","showNetwork","section","bottomToken","extraLabel","toString","line","warningClasses","PriceChangedWarning","TradeReviewDetailsBase","data","price","payReceiveInfoProps","TradeDetails","derivedStep"],"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            explorerLink\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            explorerLink\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"],"mappings":"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"}
+{"version":3,"file":"TradeDetails.js","names":["TokenBadge","formatTokenAmount","Token","useTradeFlowContext","TradeDetailsDisplay","SwapSideUnion","TradeFlowType","isSwapTradeFlowType","WarningWithTitle","WarningProps","PayReceiveInfoProps","useTokenPrice","PayReceiveInfo","InfoIcon","SwapRate","parseUnits","TokenBadgeProps","MinTradeFlowToken","Pick","TradeDetailsProps","fromToken","toToken","fromAmount","toAmount","tradeFlowType","swapSide","badgeClasses","root","TradeAnimatedProgressDetailsBase","t0","$","_c","t1","undefined","t2","isSwapFlow","isSell","fromTokenLabel","toTokenLabel","T0","t10","t11","t12","t13","t14","t15","t3","t4","t5","t6","t7","t8","t9","fromTokenObj","token","label","amount","toTokenObj","firstToken","secondToken","Symbol","for","address","network","img","symbol","t16","t17","t18","t19","tokenBadgeClasses","logo","InfoPropsExtraInput","srcToken","destToken","srcAmountUnit","destAmountUnit","constructPayReceiveInfoProps","extra","srcTokenPrice","destTokenPrice","formattedSrcAmount","formattedDestAmount","srcUsdAmount","parseFloat","destUsdAmount","isCrossChain","topTokenBadgeProps","chainId","amountPosition","const","classes","showNetworkIcon","bottomTokenBadgeProps","srcAmountWei","decimals","destAmountWei","topToken","tokenBadgeProps","usdAmount","showNetwork","section","bottomToken","extraLabel","toString","line","warningClasses","PriceChangedWarning","TradeReviewDetailsBase","data","price","payReceiveInfoProps","TradeDetails","derivedStep"],"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            explorerLink\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            explorerLink\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"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetailsDisplay.js","names":["useTradeFlowContext","TradeFlowDerivedStep","ApprovingLottie_1","InProgressLottie_2","ExecutingLottie_3","CompleteLottie_4","ErrorLottie_5","DotLottieReact","AnimatePresence","motion","lottieProps","step2lottie","Partial","Record","signature","auction","complete","error","TradeDetailsDisplay","$","_c","derivedStep","lottiePath","t0","t1"],"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"],"mappings":";;;;;;;;;;;;;AAkBA,IAAMW,IAA6D;CACjEG,WAAWZ;CACXa,SAASZ;CACT,oBAAoBC;CACpB,qBAAqBA;CACrB,mBAAmBA;CACnBY,UAAUX;CACVY,OAAOX;CACR,EAEYY,UAAsB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACjC,EAAAC,mBAAwBrB,GAAqB,EAC7CsB,IAAmBD,IAAcV,EAAYU,KAA1B,MAA8CE;AAAA,CAAAJ,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAK1DC,IAAAD,KACC,kBAAA,EAAA,KAAA;EAAA,GAAgBZ;EAAkBW,KAAAA;EAQnC,EAPG,kBAAC,GAAD;EACOC,KAAAA;EACL,MAAA;EACA,UAAA;EACU,WAAA;EAEd,CAAA,CACD,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAK;AAEC,QAFDL,EAAA,OAAAI,IAECC,IAAAL,EAAA,MAbNK,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GAAsB,MAAA;aACnBD;GAWL,CAAA;EAAM,CAAA,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,IAbNA"}
+{"version":3,"file":"TradeDetailsDisplay.js","names":["useTradeFlowContext","TradeFlowDerivedStep","ApprovingLottie_1","InProgressLottie_2","ExecutingLottie_3","CompleteLottie_4","ErrorLottie_5","DotLottieReact","AnimatePresence","motion","lottieProps","step2lottie","Partial","Record","signature","auction","complete","error","TradeDetailsDisplay","$","_c","derivedStep","lottiePath","t0","t1"],"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"],"mappings":";;;;;;;;;;;;;AAkBA,IAAMW,IAA6D;CACjEG,WAAWZ;CACXa,SAASZ;CACT,oBAAoBC;CACpB,qBAAqBA;CACrB,mBAAmBA;CACnBY,UAAUX;CACVY,OAAOX;CACR,EAEYY,UAAsB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACjC,EAAAC,mBAAwBrB,GAAqB,EAC7CsB,IAAmBD,IAAcV,EAAYU,KAA1B,MAA8CE;CAAA,AAAAJ,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAK1DC,IAAAD,KACC,kBAAA,EAAA,KAAA;EAAA,GAAgBZ;EAAkBW,KAAAA;EAQnC,EAPG,kBAAC,GAAD;EACOC,KAAAA;EACL,MAAA;EACA,UAAA;EACU,WAAA;EAEd,CAAA,CACD,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAK;CAEC,OAFDL,EAAA,OAAAI,IAECC,IAAAL,EAAA,MAbNK,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GAAsB,MAAA;aACnBD;GAWL,CAAA;EAAM,CAAA,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,IAbNA"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeErrorDetails.js","names":["ErrorText","t0","$","_c","children","t1","TradeErrorBody","errorPartial","t2","Symbol","for","t3","TradeErrorDetails","errorTitle","errorMessage"],"sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorDetails.tsx"],"sourcesContent":["const ErrorText = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <div className=\"text-center text-xs dark:text-contrast-6 mb-3 overflow-hidden line-clamp-2\">\n      {children}\n    </div>\n  );\n};\n\nconst TradeErrorBody = ({ errorPartial }: { errorPartial: string | null }) => {\n  return (\n    <>\n      {errorPartial && (\n        <ErrorText>\n          Your swap order has failed due to{\" \"}\n          <span className=\"text-secondary-radical-red-1\">{errorPartial}</span>.\n        </ErrorText>\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    </>\n  );\n};\n\nexport const TradeErrorDetails = ({\n  errorTitle,\n  errorMessage,\n  errorPartial,\n}: {\n  errorTitle: string;\n  errorMessage: string | null;\n  errorPartial: 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        <ErrorText>{errorMessage}</ErrorText>\n      ) : (\n        <TradeErrorBody errorPartial={errorPartial} />\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,IAAMA,KAAYC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,gBAAAH,GAA2CI;AAIpD,QAJoDH,EAAA,OAAAE,IAIpDC,IAAAH,EAAA,MAFNG,IAAA,kBAAA,OAAA;EAAe,WAAA;EACZD;EACG,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IAFNA;GAMEC,KAAiBL,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAI,oBAAAN,GAAiDI;AAAA,CAAAH,EAAA,OAAAK,IAQlEF,IAAAH,EAAA,MALAG,IAAAE,KACC,kBAAC,GAAD,EAAA,UAAA;EAAW;EACyB;EAClC,kBAAA,QAAA;GAAgB,WAAA;aAAgCA;GAAoB,CAAA;;EAEvE,EAAA,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAG;CAAA,IAAAG;AAAA,CAAAN,EAAA,OAAAO,OAAAC,IAAA,4BAAA,IACDF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAA2C;EAGpD,CAAA,EAAAN,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAAA,IAAAS;AACL,QADKT,EAAA,OAAAG,IACLM,IAAAT,EAAA,MAXHS,IAAA,kBAAA,GAAA,EAAA,UAAA,CACGN,GAMDG,EAIC,EAAA,CAAA,EAAAN,EAAA,KAAAG,GAAAH,EAAA,KAAAS,IAXHA;GAeSC,KAAoBX,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAU,eAAAC,iBAAAP,oBAAAN,GAQjCI;AAAA,CAAAH,EAAA,OAAAW,IAKWR,IAAAH,EAAA,MAFNG,IAAA,kBAAA,OAAA;EAAe,WAAA;YACZQ;EACG,CAAA,EAAAX,EAAA,KAAAW,GAAAX,EAAA,KAAAG;CAAA,IAAAG;AAAA,CAAAN,EAAA,OAAAY,KAAAZ,EAAA,OAAAK,KACLC,IAAAM,IACC,kBAAC,GAAD,EAAA,UAAYA,GAGb,CAAA,GADC,kBAAC,GAAD,EAA8BP,iBAC/B,CAAA,EAAAL,EAAA,KAAAY,GAAAZ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAAA,IAAAS;AACG,QADHT,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KARHG,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEN,GAGCG,EAKG;KAAAN,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAS,KAAAA,IAAAT,EAAA,IATNS"}
+{"version":3,"file":"TradeErrorDetails.js","names":["ErrorText","t0","$","_c","children","t1","TradeErrorBody","errorPartial","t2","Symbol","for","t3","TradeErrorDetails","errorTitle","errorMessage"],"sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorDetails.tsx"],"sourcesContent":["const ErrorText = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <div className=\"text-center text-xs dark:text-contrast-6 mb-3 overflow-hidden line-clamp-2\">\n      {children}\n    </div>\n  );\n};\n\nconst TradeErrorBody = ({ errorPartial }: { errorPartial: string | null }) => {\n  return (\n    <>\n      {errorPartial && (\n        <ErrorText>\n          Your swap order has failed due to{\" \"}\n          <span className=\"text-secondary-radical-red-1\">{errorPartial}</span>.\n        </ErrorText>\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    </>\n  );\n};\n\nexport const TradeErrorDetails = ({\n  errorTitle,\n  errorMessage,\n  errorPartial,\n}: {\n  errorTitle: string;\n  errorMessage: string | null;\n  errorPartial: 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        <ErrorText>{errorMessage}</ErrorText>\n      ) : (\n        <TradeErrorBody errorPartial={errorPartial} />\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,IAAMA,KAAYC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,gBAAAH,GAA2CI;CAIpD,OAJoDH,EAAA,OAAAE,IAIpDC,IAAAH,EAAA,MAFNG,IAAA,kBAAA,OAAA;EAAe,WAAA;EACZD;EACG,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IAFNA;GAMEC,KAAiBL,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAI,oBAAAN,GAAiDI;CAAA,AAAAH,EAAA,OAAAK,IAQlEF,IAAAH,EAAA,MALAG,IAAAE,KACC,kBAAC,GAAD,EAAA,UAAA;EAAW;EACyB;EAClC,kBAAA,QAAA;GAAgB,WAAA;aAAgCA;GAAoB,CAAA;;EAEvE,EAAA,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAG;CAAA,IAAAG;CAAA,AAAAN,EAAA,OAAAO,OAAAC,IAAA,4BAAA,IACDF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAA2C;EAGpD,CAAA,EAAAN,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAAA,IAAAS;CACL,OADKT,EAAA,OAAAG,IACLM,IAAAT,EAAA,MAXHS,IAAA,kBAAA,GAAA,EAAA,UAAA,CACGN,GAMDG,EAIC,EAAA,CAAA,EAAAN,EAAA,KAAAG,GAAAH,EAAA,KAAAS,IAXHA;GAeSC,KAAoBX,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAU,eAAAC,iBAAAP,oBAAAN,GAQjCI;CAAA,AAAAH,EAAA,OAAAW,IAKWR,IAAAH,EAAA,MAFNG,IAAA,kBAAA,OAAA;EAAe,WAAA;YACZQ;EACG,CAAA,EAAAX,EAAA,KAAAW,GAAAX,EAAA,KAAAG;CAAA,IAAAG;CAAA,AAAAN,EAAA,OAAAY,KAAAZ,EAAA,OAAAK,KACLC,IAAAM,IACC,kBAAC,GAAD,EAAA,UAAYA,GAGb,CAAA,GADC,kBAAC,GAAD,EAA8BP,iBAC/B,CAAA,EAAAL,EAAA,KAAAY,GAAAZ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAAA,IAAAS;CACG,OADHT,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KARHG,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEN,GAGCG,EAKG;KAAAN,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAS,KAAAA,IAAAT,EAAA,IATNS"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeErrorFooter.js","names":["Button","TradeErrorFooter","t0","$","_c","onDismiss","onResubmit","t1","t2","t3"],"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"],"mappings":";;;;AAEA,IAAaC,KAAmBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,cAAAC,kBAAAJ,GAMhCK;AAAA,CAAAJ,EAAA,OAAAG,IAWcC,IAAAJ,EAAA,MARTI,IAAA,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACDD,SAAAA;YACV;EAEQ,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAAA,IAAAC;AAAA,CAAAL,EAAA,OAAAE,IAUAG,IAAAL,EAAA,MARTK,IAAA,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACDH,SAAAA;YACV;EAEQ,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAK;CAAA,IAAAC;AACL,QADKN,EAAA,OAAAI,KAAAJ,EAAA,OAAAK,KAnBXC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEF,GAUAC,EASI;KAAAL,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,KAAAA,IAAAN,EAAA,IApBNM"}
+{"version":3,"file":"TradeErrorFooter.js","names":["Button","TradeErrorFooter","t0","$","_c","onDismiss","onResubmit","t1","t2","t3"],"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"],"mappings":";;;;AAEA,IAAaC,KAAmBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,cAAAC,kBAAAJ,GAMhCK;CAAA,AAAAJ,EAAA,OAAAG,IAWcC,IAAAJ,EAAA,MARTI,IAAA,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACDD,SAAAA;YACV;EAEQ,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAAA,IAAAC;CAAA,AAAAL,EAAA,OAAAE,IAUAG,IAAAL,EAAA,MARTK,IAAA,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACDH,SAAAA;YACV;EAEQ,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAK;CAAA,IAAAC;CACL,OADKN,EAAA,OAAAI,KAAAJ,EAAA,OAAAK,KAnBXC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEF,GAUAC,EASI;KAAAL,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,KAAAA,IAAAN,EAAA,IApBNM"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TradeFlowType","TradeFlowStep","TradeErrorDetails","getErrorMessageToDisplay","getErrorScreenTitle","TradeError","t0","$","_c","error","erroredStep","tradeFlowType","t1","errorMessage","errorPartial","t2","errorTitle","t3"],"sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport { TradeErrorDetails } from \"./TradeErrorDetails\";\nimport { getErrorMessageToDisplay, getErrorScreenTitle } from \"./utils\";\n\nexport const TradeError = ({\n  error,\n  erroredStep,\n  tradeFlowType,\n}: {\n  error?: Error | null;\n  erroredStep?: TradeFlowStep;\n  tradeFlowType: TradeFlowType;\n}) => {\n  const { errorMessage, errorPartial } = getErrorMessageToDisplay(\n    error,\n    erroredStep\n  );\n  const errorTitle = getErrorScreenTitle(error, tradeFlowType);\n  return (\n    <TradeErrorDetails\n      errorTitle={errorTitle}\n      errorMessage={errorMessage}\n      errorPartial={errorPartial}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaK,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,gBAAAC,qBAAAL,GAQ1BM;AAAA,CAAAL,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KACwCE,IAAAT,EACrCM,GACAC,EACD,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAHD,IAAA,EAAAM,iBAAAC,oBAAuCF,GAGrCG;AAAA,CAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KACiBI,IAAAX,EAAoBK,GAAOE,EAAc,EAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAA5D,IAAAS,IAAmBD,GAA0CE;AAMzD,QANyDV,EAAA,OAAAM,KAAAN,EAAA,OAAAO,KAAAP,EAAA,OAAAS,KAE3DC,IAAA,kBAAC,GAAD;EACcD;EACEH;EACAC;EACd,CAAA,EAAAP,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAS,GAAAT,EAAA,KAAAU,KAAAA,IAAAV,EAAA,IAJFU"}
+{"version":3,"file":"index.js","names":["TradeFlowType","TradeFlowStep","TradeErrorDetails","getErrorMessageToDisplay","getErrorScreenTitle","TradeError","t0","$","_c","error","erroredStep","tradeFlowType","t1","errorMessage","errorPartial","t2","errorTitle","t3"],"sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport { TradeErrorDetails } from \"./TradeErrorDetails\";\nimport { getErrorMessageToDisplay, getErrorScreenTitle } from \"./utils\";\n\nexport const TradeError = ({\n  error,\n  erroredStep,\n  tradeFlowType,\n}: {\n  error?: Error | null;\n  erroredStep?: TradeFlowStep;\n  tradeFlowType: TradeFlowType;\n}) => {\n  const { errorMessage, errorPartial } = getErrorMessageToDisplay(\n    error,\n    erroredStep\n  );\n  const errorTitle = getErrorScreenTitle(error, tradeFlowType);\n  return (\n    <TradeErrorDetails\n      errorTitle={errorTitle}\n      errorMessage={errorMessage}\n      errorPartial={errorPartial}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaK,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,gBAAAC,qBAAAL,GAQ1BM;CAAA,AAAAL,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KACwCE,IAAAT,EACrCM,GACAC,EACD,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAHD,IAAA,EAAAM,iBAAAC,oBAAuCF,GAGrCG;CAAA,AAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KACiBI,IAAAX,EAAoBK,GAAOE,EAAc,EAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAA5D,IAAAS,IAAmBD,GAA0CE;CAMzD,OANyDV,EAAA,OAAAM,KAAAN,EAAA,OAAAO,KAAAP,EAAA,OAAAS,KAE3DC,IAAA,kBAAC,GAAD;EACcD;EACEH;EACAC;EACd,CAAA,EAAAP,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAS,GAAAT,EAAA,KAAAU,KAAAA,IAAAV,EAAA,IAJFU"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["isRejectRequestProviderError","TradeFlowStep","TradeFlowType","isOrderTradeFlowType","DeltaOrderFailedError","isDeltaOrderFailedError","isCanceledDeltaAuction","isTransactionCancelledError","isDeltaOrderCancelled","error","order","getErrorPartialMessage","erroredStep","getErrorMessage","getErrorMessageToDisplay","errorPartial","errorMessage","getErrorScreenTitle","tradeFlowType","isOrderFlow","action"],"sources":["../../../../../src/components/widget/TradeOverview/TradeError/utils.ts"],"sourcesContent":["import { isRejectRequestProviderError } from \"@/lib/utils/providerErrors\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\nimport {\n  DeltaOrderFailedError,\n  isDeltaOrderFailedError,\n} from \"@/hooks/swap/prices/delta/queries/errors\";\nimport { isCanceledDeltaAuction } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { isTransactionCancelledError } from \"@/hooks/swap/tradeFlow/common/errors\";\n\nfunction isDeltaOrderCancelled(error: unknown): error is DeltaOrderFailedError {\n  return isDeltaOrderFailedError(error) && isCanceledDeltaAuction(error.order);\n}\n\nfunction getErrorPartialMessage(\n  error: unknown,\n  erroredStep?: TradeFlowStep\n): string | null {\n  if (isRejectRequestProviderError(error)) {\n    return null;\n  }\n  if (isDeltaOrderCancelled(error)) {\n    return null; // no TradeFlowStep for cancellation, must handle separately from erroredStep\n  }\n  switch (erroredStep) {\n    case \"signature\":\n      return \"an order signatures issue\";\n    case \"swap-tx-execution\":\n      return \"a swap execution issue\";\n    case \"auction\":\n      return \"an auction issue\";\n    case \"order-execution\":\n      return \"an order execution issue\";\n    case \"order-submission\":\n      return \"an order submission issue\";\n    default:\n      // @TODO parse and display API errors\n      return \"an unknown error\";\n  }\n}\n\nfunction getErrorMessage(error: unknown): string | null {\n  if (isTransactionCancelledError(error)) {\n    return \"Your order has been cancelled following your request\";\n  }\n  return null;\n}\n\nexport function getErrorMessageToDisplay(\n  error: unknown,\n  erroredStep?: TradeFlowStep\n): {\n  errorPartial: string | null;\n  errorMessage: string | null;\n} {\n  const errorPartial = getErrorPartialMessage(error, erroredStep);\n  const errorMessage = getErrorMessage(error);\n  return {\n    errorPartial,\n    errorMessage,\n  };\n}\n\nexport function getErrorScreenTitle(\n  error: unknown,\n  tradeFlowType: TradeFlowType\n): string {\n  const isOrderFlow = isOrderTradeFlowType(tradeFlowType);\n\n  const action = isOrderFlow ? \"Order\" : \"Swap\";\n\n  if (isDeltaOrderCancelled(error)) {\n    return `${action} Cancelled`;\n  }\n  if (isRejectRequestProviderError(error)) {\n    return `${action} Rejected`;\n  }\n  if (isTransactionCancelledError(error)) {\n    return `${action} Cancelled`;\n  }\n  return `${action} Failed`;\n}\n"],"mappings":";;;;;;AAWA,SAASQ,EAAsBC,GAAgD;AAC7E,QAAOJ,EAAwBI,EAAM,IAAIH,EAAuBG,EAAMC,MAAM;;AAG9E,SAASC,EACPF,GACAG,GACe;AAIf,KAHIZ,EAA6BS,EAAM,IAGnCD,EAAsBC,EAAM,CAC9B,QAAO;AAET,SAAQG,GAAR;EACE,KAAK,YACH,QAAO;EACT,KAAK,oBACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK,kBACH,QAAO;EACT,KAAK,mBACH,QAAO;EACT,QAEE,QAAO;;;AAIb,SAASC,EAAgBJ,GAA+B;AAItD,QAHIF,EAA4BE,EAAM,GAC7B,yDAEF;;AAGT,SAAgBK,EACdL,GACAG,GAIA;AAGA,QAAO;EACLG,cAHmBJ,EAAuBF,GAAOG,EAAY;EAI7DI,cAHmBH,EAAgBJ,EAAM;EAI1C;;AAGH,SAAgBQ,EACdR,GACAS,GACQ;CAGR,IAAME,IAFcjB,EAAqBe,EAAc,GAE1B,UAAU;AAWvC,QATIV,EAAsBC,EAAM,GACvB,GAAGW,EAAM,cAEdpB,EAA6BS,EAAM,GAC9B,GAAGW,EAAM,aAEdb,EAA4BE,EAAM,GAC7B,GAAGW,EAAM,cAEX,GAAGA,EAAM"}
+{"version":3,"file":"utils.js","names":["isRejectRequestProviderError","TradeFlowStep","TradeFlowType","isOrderTradeFlowType","DeltaOrderFailedError","isDeltaOrderFailedError","isCanceledDeltaAuction","isTransactionCancelledError","isDeltaOrderCancelled","error","order","getErrorPartialMessage","erroredStep","getErrorMessage","getErrorMessageToDisplay","errorPartial","errorMessage","getErrorScreenTitle","tradeFlowType","isOrderFlow","action"],"sources":["../../../../../src/components/widget/TradeOverview/TradeError/utils.ts"],"sourcesContent":["import { isRejectRequestProviderError } from \"@/lib/utils/providerErrors\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\nimport {\n  DeltaOrderFailedError,\n  isDeltaOrderFailedError,\n} from \"@/hooks/swap/prices/delta/queries/errors\";\nimport { isCanceledDeltaAuction } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { isTransactionCancelledError } from \"@/hooks/swap/tradeFlow/common/errors\";\n\nfunction isDeltaOrderCancelled(error: unknown): error is DeltaOrderFailedError {\n  return isDeltaOrderFailedError(error) && isCanceledDeltaAuction(error.order);\n}\n\nfunction getErrorPartialMessage(\n  error: unknown,\n  erroredStep?: TradeFlowStep\n): string | null {\n  if (isRejectRequestProviderError(error)) {\n    return null;\n  }\n  if (isDeltaOrderCancelled(error)) {\n    return null; // no TradeFlowStep for cancellation, must handle separately from erroredStep\n  }\n  switch (erroredStep) {\n    case \"signature\":\n      return \"an order signatures issue\";\n    case \"swap-tx-execution\":\n      return \"a swap execution issue\";\n    case \"auction\":\n      return \"an auction issue\";\n    case \"order-execution\":\n      return \"an order execution issue\";\n    case \"order-submission\":\n      return \"an order submission issue\";\n    default:\n      // @TODO parse and display API errors\n      return \"an unknown error\";\n  }\n}\n\nfunction getErrorMessage(error: unknown): string | null {\n  if (isTransactionCancelledError(error)) {\n    return \"Your order has been cancelled following your request\";\n  }\n  return null;\n}\n\nexport function getErrorMessageToDisplay(\n  error: unknown,\n  erroredStep?: TradeFlowStep\n): {\n  errorPartial: string | null;\n  errorMessage: string | null;\n} {\n  const errorPartial = getErrorPartialMessage(error, erroredStep);\n  const errorMessage = getErrorMessage(error);\n  return {\n    errorPartial,\n    errorMessage,\n  };\n}\n\nexport function getErrorScreenTitle(\n  error: unknown,\n  tradeFlowType: TradeFlowType\n): string {\n  const isOrderFlow = isOrderTradeFlowType(tradeFlowType);\n\n  const action = isOrderFlow ? \"Order\" : \"Swap\";\n\n  if (isDeltaOrderCancelled(error)) {\n    return `${action} Cancelled`;\n  }\n  if (isRejectRequestProviderError(error)) {\n    return `${action} Rejected`;\n  }\n  if (isTransactionCancelledError(error)) {\n    return `${action} Cancelled`;\n  }\n  return `${action} Failed`;\n}\n"],"mappings":";;;;;;AAWA,SAASQ,EAAsBC,GAAgD;CAC7E,OAAOJ,EAAwBI,EAAM,IAAIH,EAAuBG,EAAMC,MAAM;;AAG9E,SAASC,EACPF,GACAG,GACe;CAIf,IAHIZ,EAA6BS,EAAM,IAGnCD,EAAsBC,EAAM,EAC9B,OAAO;CAET,QAAQG,GAAR;EACE,KAAK,aACH,OAAO;EACT,KAAK,qBACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,mBACH,OAAO;EACT,KAAK,oBACH,OAAO;EACT,SAEE,OAAO;;;AAIb,SAASC,EAAgBJ,GAA+B;CAItD,OAHIF,EAA4BE,EAAM,GAC7B,yDAEF;;AAGT,SAAgBK,EACdL,GACAG,GAIA;CAGA,OAAO;EACLG,cAHmBJ,EAAuBF,GAAOG,EAGjDG;EACAC,cAHmBH,EAAgBJ,EAGnCO;EACD;;AAGH,SAAgBC,EACdR,GACAS,GACQ;CAGR,IAAME,IAFcjB,EAAqBe,EAE1BC,GAAc,UAAU;CAWvC,OATIX,EAAsBC,EAAM,GACvB,GAAGW,EAAM,cAEdpB,EAA6BS,EAAM,GAC9B,GAAGW,EAAM,aAEdb,EAA4BE,EAAM,GAC7B,GAAGW,EAAM,cAEX,GAAGA,EAAM"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeOverview.js","names":["Card","CardHeader","CardContent","CardFooter","TradeOverviewHeader","TradeDetails","MinTradeFlowToken","Stepper","ApproveAndSubmitFooter","TradeOverviewFooter","FlowStep","ActiveStep","TradeFlowContext","useTradeFlowContext","TradeFlowContextProps","TradeComplete","TradeCompletedFooter","TradeErrorFooter","TradeError","CancelOrderStepKey","isNonFlowStep","cn","WIDGET_MIN_HEIGHT_CLASSNAME","SwapSideUnion","motion","JSX","completedFlowProps","flowProps","footerProps","headerProps","tradeDetailsProps","TradeFlowType","MinTradeOverviewProps","fromToken","toToken","fromAmount","toAmount","swapSide","PreWrapTradeOverviewProps","preWrapETH","TradeOverviewProps","tradeFlowType","FlowType","steps","Key","activeStep","orderCancellationStep","onHelp","onDismiss","onCancelFlow","onResubmit","onRestartFlow","onCancelOrder","isFlowCancellable","explorerLink","error","Error","erroredStep","result","Result","Content","$","_c","derivedStep","step","content","t0","Symbol","for","contentMotionProps","t1","t2","t3","t4","t5","Footer","TradeOverviewBase","t6","TradeOverviewProviderProps","children","React","ReactNode","TradeOverviewProvider","contextValue","TradeOverview"],"sources":["../../../../src/components/widget/TradeOverview/TradeOverview.tsx"],"sourcesContent":["import {\n  Card,\n  CardHeader,\n  CardContent,\n  CardFooter,\n} from \"@/components/ui/card\";\nimport { TradeOverviewHeader } from \"./TradeOverviewHeader\";\nimport { TradeDetails, type MinTradeFlowToken } from \"./TradeDetails\";\nimport { Stepper } from \"./Stepper\";\nimport {\n  ApproveAndSubmitFooter,\n  TradeOverviewFooter,\n} from \"./TradeOverviewFooter\";\nimport type { FlowStep, ActiveStep } from \"./Step/types\";\nimport {\n  TradeFlowContext,\n  useTradeFlowContext,\n  type TradeFlowContextProps,\n} from \"./tradeFlowContext\";\nimport { TradeComplete } from \"./TradeComplete\";\nimport { TradeCompletedFooter } from \"./TradeComplete/TradeCompleteFooter\";\nimport { TradeErrorFooter } from \"./TradeError/TradeErrorFooter\";\nimport { TradeError } from \"./TradeError\";\nimport { type CancelOrderStepKey } from \"./steps\";\nimport { isNonFlowStep } from \"./utils/isNonFlowStep\";\nimport { cn } from \"@/lib/utils\";\nimport { WIDGET_MIN_HEIGHT_CLASSNAME } from \"@/core/constants\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport { motion } from \"motion/react\";\nimport type { JSX } from \"react\";\n\nimport {\n  completedFlowProps,\n  flowProps,\n  footerProps,\n  headerProps,\n  tradeDetailsProps,\n} from \"./motionProps\";\nimport type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\n// --- Main TradeOverview ---\nexport type MinTradeOverviewProps = {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n  swapSide?: SwapSideUnion;\n};\n\nexport type PreWrapTradeOverviewProps = MinTradeOverviewProps & {\n  preWrapETH: boolean;\n};\n\nexport type TradeOverviewProps<\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends TradeFlowType = TradeFlowType,\n> = MinTradeOverviewProps & {\n  /** type of the flow */\n  tradeFlowType: FlowType;\n  /** steps of the flow */\n  steps: FlowStep<Key>[];\n  /** step that is currently active */\n  activeStep?: ActiveStep<Key>;\n  /** step within the order cancellation subflow */\n  orderCancellationStep?: CancelOrderStepKey;\n  /** shows the help modal */\n  onHelp?: () => void;\n  /** cancels the flow and dismisses the overview */\n  onDismiss?: () => void;\n  /** cancels the flow */\n  onCancelFlow?: () => void;\n  /** switches to resubmit step */\n  onResubmit?: () => void;\n  /** restarts the flow in resubmit step */\n  onRestartFlow?: () => void;\n  /** cancels the order (still within the flow) */\n  onCancelOrder?: () => void;\n  /** whether the flow can be cancelled */\n  isFlowCancellable?: boolean;\n  /** link to the transaction explorer */\n  explorerLink?: string;\n  /** error that occurred during the flow */\n  error?: Error | null;\n  /** step that caused the error */\n  erroredStep?: Key;\n  /** result of the flow */\n  result?: Result;\n};\n\nconst Content = () => {\n  const { result, error, erroredStep, tradeFlowType, derivedStep } =\n    useTradeFlowContext();\n\n  let step: \"in-progress\" | \"complete\" | \"error\" | \"prepare-swap\";\n  let content: JSX.Element;\n  if (derivedStep && isNonFlowStep(derivedStep)) {\n    step = \"prepare-swap\";\n    content = <Stepper />;\n  } else if (error) {\n    content = (\n      <TradeError\n        error={error}\n        erroredStep={erroredStep}\n        tradeFlowType={tradeFlowType}\n      />\n    );\n    step = \"error\";\n  } else if (result) {\n    content = <TradeComplete tradeFlowType={result.tradeFlowType} />;\n    step = \"complete\";\n  } else {\n    content = <Stepper />;\n    step = \"in-progress\";\n  }\n\n  const contentMotionProps =\n    step === \"complete\" ? completedFlowProps : flowProps;\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <motion.div {...tradeDetailsProps} key={`details-${step}`}>\n        <TradeDetails />\n      </motion.div>\n      <motion.div {...contentMotionProps} key={`flow-${step}`}>\n        {content}\n      </motion.div>\n    </div>\n  );\n};\n\nconst Footer = ({\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n  onResubmit,\n  onRestartFlow,\n}: Pick<\n  TradeOverviewProps,\n  | \"onDismiss\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\n>) => {\n  const { result, error, derivedStep } = useTradeFlowContext();\n\n  let step: \"in-progress\" | \"complete\" | \"error\" | \"prepare-swap\";\n  let content: JSX.Element;\n  if (derivedStep && isNonFlowStep(derivedStep)) {\n    step = \"prepare-swap\";\n    content = (\n      <ApproveAndSubmitFooter\n        onDismiss={onDismiss}\n        onRestartFlow={onRestartFlow}\n      />\n    );\n  } else if (error) {\n    step = \"error\";\n    content = (\n      <TradeErrorFooter onDismiss={onDismiss} onResubmit={onResubmit} />\n    );\n  } else if (result) {\n    step = \"complete\";\n    content = (\n      <TradeCompletedFooter\n        onDismiss={onDismiss}\n        onCancelOrder={onCancelOrder}\n      />\n    );\n  } else {\n    step = \"in-progress\";\n    content = (\n      <TradeOverviewFooter\n        onDismiss={onDismiss}\n        onCancelFlow={onCancelFlow}\n        onCancelOrder={onCancelOrder}\n      />\n    );\n  }\n\n  return (\n    <motion.div {...footerProps} key={`footer-${step}`}>\n      {content}\n    </motion.div>\n  );\n};\n\nconst TradeOverviewBase = ({\n  onHelp,\n  onDismiss,\n  onCancelFlow,\n  onResubmit,\n  onCancelOrder,\n  onRestartFlow,\n}: Pick<\n  TradeOverviewProps,\n  | \"onHelp\"\n  | \"onDismiss\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\n>) => {\n  return (\n    <Card\n      className={cn(\n        \"max-w-[460px] bg-contrast-8 dark:bg-contrast-2 rounded-2xl p-[24px] shadow-[0px_-1px_0px_0px_rgba(13,107,202,0.05)_inset] gap-0 border-none\",\n        WIDGET_MIN_HEIGHT_CLASSNAME\n      )}\n    >\n      <CardHeader className=\"p-0\">\n        <motion.div {...headerProps} key=\"trade-overview-header\">\n          <TradeOverviewHeader\n            onBack={() => {\n              onDismiss?.();\n              onCancelFlow?.();\n            }}\n            onHelp={onHelp}\n          />\n        </motion.div>\n      </CardHeader>\n      <CardContent className=\"p-0\">\n        <Content />\n      </CardContent>\n      <CardFooter className=\"p-0 pt-6 mt-auto\">\n        <Footer\n          onDismiss={onDismiss}\n          onCancelFlow={onCancelFlow}\n          onResubmit={onResubmit}\n          onCancelOrder={onCancelOrder}\n          onRestartFlow={onRestartFlow}\n        />\n      </CardFooter>\n    </Card>\n  );\n};\n\ntype TradeOverviewProviderProps<\n  Key extends string = string,\n  Result = unknown,\n> = TradeFlowContextProps<Key, Result> & {\n  children: React.ReactNode;\n};\n\nconst TradeOverviewProvider = <Key extends string = string, Result = unknown>({\n  children,\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  activeStep,\n  orderCancellationStep,\n  steps,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: TradeOverviewProviderProps<Key, Result>) => {\n  const contextValue = {\n    fromToken,\n    toToken,\n    fromAmount,\n    toAmount,\n    swapSide,\n    activeStep,\n    orderCancellationStep,\n    steps,\n    isFlowCancellable,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  };\n  return (\n    <TradeFlowContext.Provider value={contextValue}>\n      {children}\n    </TradeFlowContext.Provider>\n  );\n};\n\nexport const TradeOverview = <\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends TradeFlowType = TradeFlowType,\n>({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  steps,\n  activeStep,\n  orderCancellationStep,\n  onHelp,\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n  onResubmit,\n  onRestartFlow,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: TradeOverviewProps<Key, Result, FlowType>) => {\n  return (\n    <TradeOverviewProvider\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      steps={steps}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      swapSide={swapSide}\n    >\n      <TradeOverviewBase\n        onHelp={onHelp}\n        onDismiss={onDismiss}\n        onCancelFlow={onCancelFlow}\n        onResubmit={onResubmit}\n        onCancelOrder={onCancelOrder}\n        onRestartFlow={onRestartFlow}\n      />\n    </TradeOverviewProvider>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TradeOverview.js","names":["Card","CardHeader","CardContent","CardFooter","TradeOverviewHeader","TradeDetails","MinTradeFlowToken","Stepper","ApproveAndSubmitFooter","TradeOverviewFooter","FlowStep","ActiveStep","TradeFlowContext","useTradeFlowContext","TradeFlowContextProps","TradeComplete","TradeCompletedFooter","TradeErrorFooter","TradeError","CancelOrderStepKey","isNonFlowStep","cn","WIDGET_MIN_HEIGHT_CLASSNAME","SwapSideUnion","motion","JSX","completedFlowProps","flowProps","footerProps","headerProps","tradeDetailsProps","TradeFlowType","MinTradeOverviewProps","fromToken","toToken","fromAmount","toAmount","swapSide","PreWrapTradeOverviewProps","preWrapETH","TradeOverviewProps","tradeFlowType","FlowType","steps","Key","activeStep","orderCancellationStep","onHelp","onDismiss","onCancelFlow","onResubmit","onRestartFlow","onCancelOrder","isFlowCancellable","explorerLink","error","Error","erroredStep","result","Result","Content","$","_c","derivedStep","step","content","t0","Symbol","for","contentMotionProps","t1","t2","t3","t4","t5","Footer","TradeOverviewBase","t6","TradeOverviewProviderProps","children","React","ReactNode","TradeOverviewProvider","contextValue","TradeOverview"],"sources":["../../../../src/components/widget/TradeOverview/TradeOverview.tsx"],"sourcesContent":["import {\n  Card,\n  CardHeader,\n  CardContent,\n  CardFooter,\n} from \"@/components/ui/card\";\nimport { TradeOverviewHeader } from \"./TradeOverviewHeader\";\nimport { TradeDetails, type MinTradeFlowToken } from \"./TradeDetails\";\nimport { Stepper } from \"./Stepper\";\nimport {\n  ApproveAndSubmitFooter,\n  TradeOverviewFooter,\n} from \"./TradeOverviewFooter\";\nimport type { FlowStep, ActiveStep } from \"./Step/types\";\nimport {\n  TradeFlowContext,\n  useTradeFlowContext,\n  type TradeFlowContextProps,\n} from \"./tradeFlowContext\";\nimport { TradeComplete } from \"./TradeComplete\";\nimport { TradeCompletedFooter } from \"./TradeComplete/TradeCompleteFooter\";\nimport { TradeErrorFooter } from \"./TradeError/TradeErrorFooter\";\nimport { TradeError } from \"./TradeError\";\nimport { type CancelOrderStepKey } from \"./steps\";\nimport { isNonFlowStep } from \"./utils/isNonFlowStep\";\nimport { cn } from \"@/lib/utils\";\nimport { WIDGET_MIN_HEIGHT_CLASSNAME } from \"@/core/constants\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport { motion } from \"motion/react\";\nimport type { JSX } from \"react\";\n\nimport {\n  completedFlowProps,\n  flowProps,\n  footerProps,\n  headerProps,\n  tradeDetailsProps,\n} from \"./motionProps\";\nimport type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\n// --- Main TradeOverview ---\nexport type MinTradeOverviewProps = {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n  swapSide?: SwapSideUnion;\n};\n\nexport type PreWrapTradeOverviewProps = MinTradeOverviewProps & {\n  preWrapETH: boolean;\n};\n\nexport type TradeOverviewProps<\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends TradeFlowType = TradeFlowType,\n> = MinTradeOverviewProps & {\n  /** type of the flow */\n  tradeFlowType: FlowType;\n  /** steps of the flow */\n  steps: FlowStep<Key>[];\n  /** step that is currently active */\n  activeStep?: ActiveStep<Key>;\n  /** step within the order cancellation subflow */\n  orderCancellationStep?: CancelOrderStepKey;\n  /** shows the help modal */\n  onHelp?: () => void;\n  /** cancels the flow and dismisses the overview */\n  onDismiss?: () => void;\n  /** cancels the flow */\n  onCancelFlow?: () => void;\n  /** switches to resubmit step */\n  onResubmit?: () => void;\n  /** restarts the flow in resubmit step */\n  onRestartFlow?: () => void;\n  /** cancels the order (still within the flow) */\n  onCancelOrder?: () => void;\n  /** whether the flow can be cancelled */\n  isFlowCancellable?: boolean;\n  /** link to the transaction explorer */\n  explorerLink?: string;\n  /** error that occurred during the flow */\n  error?: Error | null;\n  /** step that caused the error */\n  erroredStep?: Key;\n  /** result of the flow */\n  result?: Result;\n};\n\nconst Content = () => {\n  const { result, error, erroredStep, tradeFlowType, derivedStep } =\n    useTradeFlowContext();\n\n  let step: \"in-progress\" | \"complete\" | \"error\" | \"prepare-swap\";\n  let content: JSX.Element;\n  if (derivedStep && isNonFlowStep(derivedStep)) {\n    step = \"prepare-swap\";\n    content = <Stepper />;\n  } else if (error) {\n    content = (\n      <TradeError\n        error={error}\n        erroredStep={erroredStep}\n        tradeFlowType={tradeFlowType}\n      />\n    );\n    step = \"error\";\n  } else if (result) {\n    content = <TradeComplete tradeFlowType={result.tradeFlowType} />;\n    step = \"complete\";\n  } else {\n    content = <Stepper />;\n    step = \"in-progress\";\n  }\n\n  const contentMotionProps =\n    step === \"complete\" ? completedFlowProps : flowProps;\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <motion.div {...tradeDetailsProps} key={`details-${step}`}>\n        <TradeDetails />\n      </motion.div>\n      <motion.div {...contentMotionProps} key={`flow-${step}`}>\n        {content}\n      </motion.div>\n    </div>\n  );\n};\n\nconst Footer = ({\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n  onResubmit,\n  onRestartFlow,\n}: Pick<\n  TradeOverviewProps,\n  | \"onDismiss\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\n>) => {\n  const { result, error, derivedStep } = useTradeFlowContext();\n\n  let step: \"in-progress\" | \"complete\" | \"error\" | \"prepare-swap\";\n  let content: JSX.Element;\n  if (derivedStep && isNonFlowStep(derivedStep)) {\n    step = \"prepare-swap\";\n    content = (\n      <ApproveAndSubmitFooter\n        onDismiss={onDismiss}\n        onRestartFlow={onRestartFlow}\n      />\n    );\n  } else if (error) {\n    step = \"error\";\n    content = (\n      <TradeErrorFooter onDismiss={onDismiss} onResubmit={onResubmit} />\n    );\n  } else if (result) {\n    step = \"complete\";\n    content = (\n      <TradeCompletedFooter\n        onDismiss={onDismiss}\n        onCancelOrder={onCancelOrder}\n      />\n    );\n  } else {\n    step = \"in-progress\";\n    content = (\n      <TradeOverviewFooter\n        onDismiss={onDismiss}\n        onCancelFlow={onCancelFlow}\n        onCancelOrder={onCancelOrder}\n      />\n    );\n  }\n\n  return (\n    <motion.div {...footerProps} key={`footer-${step}`}>\n      {content}\n    </motion.div>\n  );\n};\n\nconst TradeOverviewBase = ({\n  onHelp,\n  onDismiss,\n  onCancelFlow,\n  onResubmit,\n  onCancelOrder,\n  onRestartFlow,\n}: Pick<\n  TradeOverviewProps,\n  | \"onHelp\"\n  | \"onDismiss\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\n>) => {\n  return (\n    <Card\n      className={cn(\n        \"max-w-[460px] bg-contrast-8 dark:bg-contrast-2 rounded-2xl p-[24px] shadow-[0px_-1px_0px_0px_rgba(13,107,202,0.05)_inset] gap-0 border-none\",\n        WIDGET_MIN_HEIGHT_CLASSNAME\n      )}\n    >\n      <CardHeader className=\"p-0\">\n        <motion.div {...headerProps} key=\"trade-overview-header\">\n          <TradeOverviewHeader\n            onBack={() => {\n              onDismiss?.();\n              onCancelFlow?.();\n            }}\n            onHelp={onHelp}\n          />\n        </motion.div>\n      </CardHeader>\n      <CardContent className=\"p-0\">\n        <Content />\n      </CardContent>\n      <CardFooter className=\"p-0 pt-6 mt-auto\">\n        <Footer\n          onDismiss={onDismiss}\n          onCancelFlow={onCancelFlow}\n          onResubmit={onResubmit}\n          onCancelOrder={onCancelOrder}\n          onRestartFlow={onRestartFlow}\n        />\n      </CardFooter>\n    </Card>\n  );\n};\n\ntype TradeOverviewProviderProps<\n  Key extends string = string,\n  Result = unknown,\n> = TradeFlowContextProps<Key, Result> & {\n  children: React.ReactNode;\n};\n\nconst TradeOverviewProvider = <Key extends string = string, Result = unknown>({\n  children,\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  activeStep,\n  orderCancellationStep,\n  steps,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: TradeOverviewProviderProps<Key, Result>) => {\n  const contextValue = {\n    fromToken,\n    toToken,\n    fromAmount,\n    toAmount,\n    swapSide,\n    activeStep,\n    orderCancellationStep,\n    steps,\n    isFlowCancellable,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  };\n  return (\n    <TradeFlowContext.Provider value={contextValue}>\n      {children}\n    </TradeFlowContext.Provider>\n  );\n};\n\nexport const TradeOverview = <\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends TradeFlowType = TradeFlowType,\n>({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  steps,\n  activeStep,\n  orderCancellationStep,\n  onHelp,\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n  onResubmit,\n  onRestartFlow,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: TradeOverviewProps<Key, Result, FlowType>) => {\n  return (\n    <TradeOverviewProvider\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      steps={steps}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      swapSide={swapSide}\n    >\n      <TradeOverviewBase\n        onHelp={onHelp}\n        onDismiss={onDismiss}\n        onCancelFlow={onCancelFlow}\n        onResubmit={onResubmit}\n        onCancelOrder={onCancelOrder}\n        onRestartFlow={onRestartFlow}\n      />\n    </TradeOverviewProvider>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeOverviewFooter.js","names":["Button","useTradeFlowContext","cn","DismissButton","MarkRequired","CancelButtonWithDrawer","TradeOverviewFooterProps","onDismiss","onCancelFlow","onCancelOrder","onRestartFlow","TradeOverviewFooterBaseProps","isFlowCancellable","explorerLink","TradeOverviewFooterBase","t0","$","_c","t1","cancelFlowAndDismiss","t2","TradeOverviewFooter","DismissFooter","oneButtonOnly","t3","t4","t5","ApproveAndSubmitFooter","ViewOrCancelFooter","buttonClassName"],"sources":["../../../../src/components/widget/TradeOverview/TradeOverviewFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { cn } from \"@/lib/utils\";\nimport { DismissButton } from \"../Button/DismissButton\";\nimport type { MarkRequired } from \"ts-essentials\";\nimport { CancelButtonWithDrawer } from \"./CancelButtonWithDrawer\";\n\n// --- Footer ---\ntype TradeOverviewFooterProps = {\n  onDismiss?: () => void;\n  onCancelFlow?: () => void;\n  onCancelOrder?: () => void;\n  onRestartFlow?: () => void;\n};\n\ntype TradeOverviewFooterBaseProps = TradeOverviewFooterProps & {\n  isFlowCancellable?: boolean;\n  explorerLink?: string;\n};\n\nconst TradeOverviewFooterBase = ({\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n  isFlowCancellable,\n  explorerLink,\n}: TradeOverviewFooterBaseProps) => {\n  const cancelFlowAndDismiss = () => {\n    onDismiss?.();\n    onCancelFlow?.();\n  };\n  if (isFlowCancellable || onCancelOrder) {\n    return (\n      <ViewOrCancelFooter\n        onCancelFlow={cancelFlowAndDismiss}\n        onCancelOrder={onCancelOrder}\n        explorerLink={explorerLink}\n      />\n    );\n  }\n  return (\n    <DismissFooter\n      onDismiss={cancelFlowAndDismiss}\n      explorerLink={explorerLink}\n    />\n  );\n};\n\nexport const TradeOverviewFooter = ({\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n}: TradeOverviewFooterProps) => {\n  const { isFlowCancellable, explorerLink } = useTradeFlowContext();\n\n  return (\n    <TradeOverviewFooterBase\n      onDismiss={onDismiss}\n      onCancelFlow={onCancelFlow}\n      onCancelOrder={onCancelOrder}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n    />\n  );\n};\n\nexport const DismissFooter = ({\n  onDismiss,\n  explorerLink,\n}: Pick<TradeOverviewFooterBaseProps, \"onDismiss\" | \"explorerLink\">) => {\n  const oneButtonOnly = !explorerLink;\n  return (\n    <div className=\"flex justify-center w-full gap-[16px]\">\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className={cn(\"text-sm\", {\n          \"w-full\": oneButtonOnly,\n          \"w-[118px]\": !oneButtonOnly,\n        })}\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n      {explorerLink && (\n        <Button\n          variant=\"secondary\"\n          size=\"xl\"\n          radius=\"sm\"\n          className=\"flex-1 text-sm\"\n          asChild\n        >\n          <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n            View On Explorer\n          </a>\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport const ApproveAndSubmitFooter = ({\n  onDismiss,\n  onRestartFlow,\n}: Pick<TradeOverviewFooterBaseProps, \"onDismiss\" | \"onRestartFlow\">) => {\n  return (\n    <div className=\"flex justify-center w-full gap-[16px]\">\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"text-sm w-[118px]\"\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n\n      <Button\n        variant=\"cta\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"flex-1 text-sm\"\n        onClick={onRestartFlow}\n      >\n        Approve and Submit\n      </Button>\n    </div>\n  );\n};\n\nexport const ViewOrCancelFooter = ({\n  onCancelFlow,\n  onCancelOrder,\n  explorerLink,\n}: MarkRequired<\n  Pick<\n    TradeOverviewFooterBaseProps,\n    \"onCancelFlow\" | \"onCancelOrder\" | \"explorerLink\"\n  >,\n  \"onCancelFlow\"\n>) => {\n  const oneButtonOnly = !explorerLink;\n  const buttonClassName = cn({\n    \"w-full\": oneButtonOnly,\n    \"w-[118px]\": !oneButtonOnly,\n  });\n\n  return (\n    <div className=\"flex justify-center w-full gap-[16px]\">\n      {onCancelOrder ? (\n        <CancelButtonWithDrawer\n          onCancelOrder={onCancelOrder}\n          className={buttonClassName}\n        />\n      ) : (\n        <DismissButton\n          variant=\"secondary\"\n          className={buttonClassName}\n          onClick={onCancelFlow}\n        >\n          Dismiss\n        </DismissButton>\n      )}\n      {explorerLink && (\n        <Button\n          variant=\"secondary\"\n          size=\"xl\"\n          radius=\"sm\"\n          className=\"flex-1 text-sm\"\n          asChild\n        >\n          <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n            View On Explorer\n          </a>\n        </Button>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TradeOverviewFooter.js","names":["Button","useTradeFlowContext","cn","DismissButton","MarkRequired","CancelButtonWithDrawer","TradeOverviewFooterProps","onDismiss","onCancelFlow","onCancelOrder","onRestartFlow","TradeOverviewFooterBaseProps","isFlowCancellable","explorerLink","TradeOverviewFooterBase","t0","$","_c","t1","cancelFlowAndDismiss","t2","TradeOverviewFooter","DismissFooter","oneButtonOnly","t3","t4","t5","ApproveAndSubmitFooter","ViewOrCancelFooter","buttonClassName"],"sources":["../../../../src/components/widget/TradeOverview/TradeOverviewFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { cn } from \"@/lib/utils\";\nimport { DismissButton } from \"../Button/DismissButton\";\nimport type { MarkRequired } from \"ts-essentials\";\nimport { CancelButtonWithDrawer } from \"./CancelButtonWithDrawer\";\n\n// --- Footer ---\ntype TradeOverviewFooterProps = {\n  onDismiss?: () => void;\n  onCancelFlow?: () => void;\n  onCancelOrder?: () => void;\n  onRestartFlow?: () => void;\n};\n\ntype TradeOverviewFooterBaseProps = TradeOverviewFooterProps & {\n  isFlowCancellable?: boolean;\n  explorerLink?: string;\n};\n\nconst TradeOverviewFooterBase = ({\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n  isFlowCancellable,\n  explorerLink,\n}: TradeOverviewFooterBaseProps) => {\n  const cancelFlowAndDismiss = () => {\n    onDismiss?.();\n    onCancelFlow?.();\n  };\n  if (isFlowCancellable || onCancelOrder) {\n    return (\n      <ViewOrCancelFooter\n        onCancelFlow={cancelFlowAndDismiss}\n        onCancelOrder={onCancelOrder}\n        explorerLink={explorerLink}\n      />\n    );\n  }\n  return (\n    <DismissFooter\n      onDismiss={cancelFlowAndDismiss}\n      explorerLink={explorerLink}\n    />\n  );\n};\n\nexport const TradeOverviewFooter = ({\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n}: TradeOverviewFooterProps) => {\n  const { isFlowCancellable, explorerLink } = useTradeFlowContext();\n\n  return (\n    <TradeOverviewFooterBase\n      onDismiss={onDismiss}\n      onCancelFlow={onCancelFlow}\n      onCancelOrder={onCancelOrder}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n    />\n  );\n};\n\nexport const DismissFooter = ({\n  onDismiss,\n  explorerLink,\n}: Pick<TradeOverviewFooterBaseProps, \"onDismiss\" | \"explorerLink\">) => {\n  const oneButtonOnly = !explorerLink;\n  return (\n    <div className=\"flex justify-center w-full gap-[16px]\">\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className={cn(\"text-sm\", {\n          \"w-full\": oneButtonOnly,\n          \"w-[118px]\": !oneButtonOnly,\n        })}\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n      {explorerLink && (\n        <Button\n          variant=\"secondary\"\n          size=\"xl\"\n          radius=\"sm\"\n          className=\"flex-1 text-sm\"\n          asChild\n        >\n          <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n            View On Explorer\n          </a>\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport const ApproveAndSubmitFooter = ({\n  onDismiss,\n  onRestartFlow,\n}: Pick<TradeOverviewFooterBaseProps, \"onDismiss\" | \"onRestartFlow\">) => {\n  return (\n    <div className=\"flex justify-center w-full gap-[16px]\">\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"text-sm w-[118px]\"\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n\n      <Button\n        variant=\"cta\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"flex-1 text-sm\"\n        onClick={onRestartFlow}\n      >\n        Approve and Submit\n      </Button>\n    </div>\n  );\n};\n\nexport const ViewOrCancelFooter = ({\n  onCancelFlow,\n  onCancelOrder,\n  explorerLink,\n}: MarkRequired<\n  Pick<\n    TradeOverviewFooterBaseProps,\n    \"onCancelFlow\" | \"onCancelOrder\" | \"explorerLink\"\n  >,\n  \"onCancelFlow\"\n>) => {\n  const oneButtonOnly = !explorerLink;\n  const buttonClassName = cn({\n    \"w-full\": oneButtonOnly,\n    \"w-[118px]\": !oneButtonOnly,\n  });\n\n  return (\n    <div className=\"flex justify-center w-full gap-[16px]\">\n      {onCancelOrder ? (\n        <CancelButtonWithDrawer\n          onCancelOrder={onCancelOrder}\n          className={buttonClassName}\n        />\n      ) : (\n        <DismissButton\n          variant=\"secondary\"\n          className={buttonClassName}\n          onClick={onCancelFlow}\n        >\n          Dismiss\n        </DismissButton>\n      )}\n      {explorerLink && (\n        <Button\n          variant=\"secondary\"\n          size=\"xl\"\n          radius=\"sm\"\n          className=\"flex-1 text-sm\"\n          asChild\n        >\n          <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n            View On Explorer\n          </a>\n        </Button>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeOverviewHeader.js","names":["ArrowLeft","TradeOverviewHeaderProps","onBack","onHelp","TradeOverviewHeader","t0","$","_c","t1","Symbol","for","t2","t3","t4"],"sources":["../../../../src/components/widget/TradeOverview/TradeOverviewHeader.tsx"],"sourcesContent":["import { ArrowLeft } from \"lucide-react\";\n// import { Badge } from \"@/components/ui/badge\";\n\n// --- Header ---\ntype TradeOverviewHeaderProps = {\n  onBack?: () => void;\n  onHelp?: () => void;\n};\n\nexport const TradeOverviewHeader = ({\n  onBack,\n  onHelp: _,\n}: TradeOverviewHeaderProps) => (\n  <div className=\"flex items-center pb-2 pt-1 gap-[16px]\">\n    <button onClick={onBack} className=\"transition cursor-pointer\">\n      <ArrowLeft className=\"text-contrast-5 dark:text-contrast-5\" />\n    </button>\n    <div className=\"text-lg font-semibold text-contrast-1 dark:text-contrast-7\">\n      Trade Overview\n    </div>\n    {/* <Badge\n      variant=\"outline\"\n      onClick={onHelp}\n      className=\"ml-auto rounded-[43px] text-contrast-1 bg-contrast-6 dark:text-contrast-7 dark:bg-contrast-3 py-[4px] px-[12px] border-none\"\n      asChild\n    >\n      <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">\n        GET HELP\n      </a>\n    </Badge> */}\n  </div>\n);\n"],"mappings":";;;;AASA,IAAaI,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAL,cAAAG,GAGTG;AAAA,CAAAF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAGrBF,IAAA,kBAAC,GAAD,EAAqB,WAAA,wCAAyC,CAAA,EAAAF,EAAA,KAAAE,KAAAA,IAAAF,EAAA;CAAA,IAAAK;AAAA,CAAAL,EAAA,OAAAJ,IACvDS,IAAAL,EAAA,MAFTK,IAAA,kBAAA,UAAA;EAAiBT,SAAAA;EAAkB,WAAA;YACjCM;EACO,CAAA,EAAAF,EAAA,KAAAJ,GAAAI,EAAA,KAAAK;CAAA,IAAAC;AAAA,CAAAN,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IACTE,IAAA,kBAAA,OAAA;EAAe,WAAA;YAA6D;EAEtE,CAAA,EAAAN,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAAA,IAAAO;AAWF,QAXEP,EAAA,OAAAK,IAWFE,IAAAP,EAAA,MAjBNO,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEF,GAGAC,EAaI;KAAAN,EAAA,KAAAK,GAAAL,EAAA,KAAAO,IAjBNA"}
+{"version":3,"file":"TradeOverviewHeader.js","names":["ArrowLeft","TradeOverviewHeaderProps","onBack","onHelp","TradeOverviewHeader","t0","$","_c","t1","Symbol","for","t2","t3","t4"],"sources":["../../../../src/components/widget/TradeOverview/TradeOverviewHeader.tsx"],"sourcesContent":["import { ArrowLeft } from \"lucide-react\";\n// import { Badge } from \"@/components/ui/badge\";\n\n// --- Header ---\ntype TradeOverviewHeaderProps = {\n  onBack?: () => void;\n  onHelp?: () => void;\n};\n\nexport const TradeOverviewHeader = ({\n  onBack,\n  onHelp: _,\n}: TradeOverviewHeaderProps) => (\n  <div className=\"flex items-center pb-2 pt-1 gap-[16px]\">\n    <button onClick={onBack} className=\"transition cursor-pointer\">\n      <ArrowLeft className=\"text-contrast-5 dark:text-contrast-5\" />\n    </button>\n    <div className=\"text-lg font-semibold text-contrast-1 dark:text-contrast-7\">\n      Trade Overview\n    </div>\n    {/* <Badge\n      variant=\"outline\"\n      onClick={onHelp}\n      className=\"ml-auto rounded-[43px] text-contrast-1 bg-contrast-6 dark:text-contrast-7 dark:bg-contrast-3 py-[4px] px-[12px] border-none\"\n      asChild\n    >\n      <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">\n        GET HELP\n      </a>\n    </Badge> */}\n  </div>\n);\n"],"mappings":";;;;AASA,IAAaI,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAL,cAAAG,GAGTG;CAAA,AAAAF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAGrBF,IAAA,kBAAC,GAAD,EAAqB,WAAA,wCAAyC,CAAA,EAAAF,EAAA,KAAAE,KAAAA,IAAAF,EAAA;CAAA,IAAAK;CAAA,AAAAL,EAAA,OAAAJ,IACvDS,IAAAL,EAAA,MAFTK,IAAA,kBAAA,UAAA;EAAiBT,SAAAA;EAAkB,WAAA;YACjCM;EACO,CAAA,EAAAF,EAAA,KAAAJ,GAAAI,EAAA,KAAAK;CAAA,IAAAC;CAAA,AAAAN,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IACTE,IAAA,kBAAA,OAAA;EAAe,WAAA;YAA6D;EAEtE,CAAA,EAAAN,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAAA,IAAAO;CAWF,OAXEP,EAAA,OAAAK,IAWFE,IAAAP,EAAA,MAjBNO,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEF,GAGAC,EAaI;KAAAN,EAAA,KAAAK,GAAAL,EAAA,KAAAO,IAjBNA"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeOverviewScreen.js","names":["MarketSwapFlowType","DeltaSwapFlowType","TwapOrderFlowType","LimitOrderFlowType","OtcOrderFlowType","FillOtcOrderFlowType","DeltaOrderTradeOverviewScreen","DeltaOrderTradeOverviewFlowProps","TwapOrderTradeOverviewScreen","TwapOrderTradeOverviewFlowProps","MarketSwapTradeOverviewScreen","MarketSwapTradeOverviewFlowProps","LimitOrderTradeOverviewScreen","LimitOrderTradeOverviewScreenProps","OtcOrderTradeOverviewScreen","OtcOrderTradeOverviewScreenProps","FillOtcOrderTradeOverviewScreen","FillOtcOrderTradeOverviewScreenProps","MarketSwapProps","flowType","flowProps","DeltaOrderProps","TwapOrderProps","LimitOrderProps","OtcOrderProps","FillOtcOrderProps","TradeOverviewScreenProps","TradeOverviewScreen","t0","$","_c","t1"],"sources":["../../../../src/components/widget/TradeOverview/TradeOverviewScreen.tsx"],"sourcesContent":["import type {\n  MarketSwapFlowType,\n  DeltaSwapFlowType,\n  TwapOrderFlowType,\n  LimitOrderFlowType,\n  OtcOrderFlowType,\n  FillOtcOrderFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport {\n  DeltaOrderTradeOverviewScreen,\n  type DeltaOrderTradeOverviewFlowProps,\n} from \"./DeltaOrderTradeOverview\";\nimport {\n  TwapOrderTradeOverviewScreen,\n  type TwapOrderTradeOverviewFlowProps,\n} from \"./TwapOrderTradeOverview\";\nimport {\n  MarketSwapTradeOverviewScreen,\n  type MarketSwapTradeOverviewFlowProps,\n} from \"./MarketSwapTradeOverview\";\nimport {\n  LimitOrderTradeOverviewScreen,\n  type LimitOrderTradeOverviewScreenProps,\n} from \"./LimitOrderTradeOverview\";\nimport {\n  OtcOrderTradeOverviewScreen,\n  type OtcOrderTradeOverviewScreenProps,\n} from \"./OtcOrderTradeOverview\";\nimport {\n  FillOtcOrderTradeOverviewScreen,\n  type FillOtcOrderTradeOverviewScreenProps,\n} from \"./FillOtcOrderTradeOverview\";\n\ntype MarketSwapProps = {\n  flowType: MarketSwapFlowType;\n  flowProps: MarketSwapTradeOverviewFlowProps;\n};\ntype DeltaOrderProps = {\n  flowType: DeltaSwapFlowType;\n  flowProps: DeltaOrderTradeOverviewFlowProps;\n};\n\ntype TwapOrderProps = {\n  flowType: TwapOrderFlowType;\n  flowProps: TwapOrderTradeOverviewFlowProps;\n};\n\ntype LimitOrderProps = {\n  flowType: LimitOrderFlowType;\n  flowProps: LimitOrderTradeOverviewScreenProps;\n};\n\ntype OtcOrderProps = {\n  flowType: OtcOrderFlowType;\n  flowProps: OtcOrderTradeOverviewScreenProps;\n};\n\ntype FillOtcOrderProps = {\n  flowType: FillOtcOrderFlowType;\n  flowProps: FillOtcOrderTradeOverviewScreenProps;\n};\n\nexport type TradeOverviewScreenProps =\n  | MarketSwapProps\n  | DeltaOrderProps\n  | TwapOrderProps\n  | LimitOrderProps\n  | OtcOrderProps\n  | FillOtcOrderProps;\n\nexport const TradeOverviewScreen = ({\n  flowType,\n  flowProps,\n}: TradeOverviewScreenProps) => {\n  switch (flowType) {\n    case \"marketSwap\":\n      return <MarketSwapTradeOverviewScreen {...flowProps} />;\n    case \"deltaOrder\":\n      return <DeltaOrderTradeOverviewScreen {...flowProps} />;\n    case \"twapOrder\":\n      return <TwapOrderTradeOverviewScreen {...flowProps} />;\n    case \"limitOrder\":\n      return <LimitOrderTradeOverviewScreen {...flowProps} />;\n    case \"otcOrder\":\n      return <OtcOrderTradeOverviewScreen {...flowProps} />;\n    case \"fillOtcOrder\":\n      return <FillOtcOrderTradeOverviewScreen {...flowProps} />;\n  }\n};\n"],"mappings":";;;;;;;;;AAsEA,IAAa2B,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAX,aAAAC,iBAAAQ;AAIlC,SAAQT,GAAR;EAAgB,KACT,cAAY;GAAA,IAAAY;AACwC,UADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAAhDE,IAAA,kBAAC,GAAD,EAA8B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAAhDA;;EAAgD,KACpD,cAAY;GAAA,IAAAA;AACwC,UADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAAhDE,IAAA,kBAAC,GAAD,EAA8B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAAhDA;;EAAgD,KACpD,aAAW;GAAA,IAAAA;AACwC,UADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAA/CE,IAAA,kBAAC,GAAD,EAA6B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAA/CA;;EAA+C,KACnD,cAAY;GAAA,IAAAA;AACwC,UADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAAhDE,IAAA,kBAAC,GAAD,EAA8B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAAhDA;;EAAgD,KACpD,YAAU;GAAA,IAAAA;AACwC,UADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAA9CE,IAAA,kBAAC,GAAD,EAA4B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAA9CA;;EAA8C,KAClD,gBAAc;GAAA,IAAAA;AACwC,UADxCF,EAAA,QAAAT,IACwCW,IAAAF,EAAA,OAAlDE,IAAA,kBAAC,GAAD,EAAgC,GAAKX,GAAa,CAAA,EAAAS,EAAA,MAAAT,GAAAS,EAAA,MAAAE,IAAlDA"}
+{"version":3,"file":"TradeOverviewScreen.js","names":["MarketSwapFlowType","DeltaSwapFlowType","TwapOrderFlowType","LimitOrderFlowType","OtcOrderFlowType","FillOtcOrderFlowType","DeltaOrderTradeOverviewScreen","DeltaOrderTradeOverviewFlowProps","TwapOrderTradeOverviewScreen","TwapOrderTradeOverviewFlowProps","MarketSwapTradeOverviewScreen","MarketSwapTradeOverviewFlowProps","LimitOrderTradeOverviewScreen","LimitOrderTradeOverviewScreenProps","OtcOrderTradeOverviewScreen","OtcOrderTradeOverviewScreenProps","FillOtcOrderTradeOverviewScreen","FillOtcOrderTradeOverviewScreenProps","MarketSwapProps","flowType","flowProps","DeltaOrderProps","TwapOrderProps","LimitOrderProps","OtcOrderProps","FillOtcOrderProps","TradeOverviewScreenProps","TradeOverviewScreen","t0","$","_c","t1"],"sources":["../../../../src/components/widget/TradeOverview/TradeOverviewScreen.tsx"],"sourcesContent":["import type {\n  MarketSwapFlowType,\n  DeltaSwapFlowType,\n  TwapOrderFlowType,\n  LimitOrderFlowType,\n  OtcOrderFlowType,\n  FillOtcOrderFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport {\n  DeltaOrderTradeOverviewScreen,\n  type DeltaOrderTradeOverviewFlowProps,\n} from \"./DeltaOrderTradeOverview\";\nimport {\n  TwapOrderTradeOverviewScreen,\n  type TwapOrderTradeOverviewFlowProps,\n} from \"./TwapOrderTradeOverview\";\nimport {\n  MarketSwapTradeOverviewScreen,\n  type MarketSwapTradeOverviewFlowProps,\n} from \"./MarketSwapTradeOverview\";\nimport {\n  LimitOrderTradeOverviewScreen,\n  type LimitOrderTradeOverviewScreenProps,\n} from \"./LimitOrderTradeOverview\";\nimport {\n  OtcOrderTradeOverviewScreen,\n  type OtcOrderTradeOverviewScreenProps,\n} from \"./OtcOrderTradeOverview\";\nimport {\n  FillOtcOrderTradeOverviewScreen,\n  type FillOtcOrderTradeOverviewScreenProps,\n} from \"./FillOtcOrderTradeOverview\";\n\ntype MarketSwapProps = {\n  flowType: MarketSwapFlowType;\n  flowProps: MarketSwapTradeOverviewFlowProps;\n};\ntype DeltaOrderProps = {\n  flowType: DeltaSwapFlowType;\n  flowProps: DeltaOrderTradeOverviewFlowProps;\n};\n\ntype TwapOrderProps = {\n  flowType: TwapOrderFlowType;\n  flowProps: TwapOrderTradeOverviewFlowProps;\n};\n\ntype LimitOrderProps = {\n  flowType: LimitOrderFlowType;\n  flowProps: LimitOrderTradeOverviewScreenProps;\n};\n\ntype OtcOrderProps = {\n  flowType: OtcOrderFlowType;\n  flowProps: OtcOrderTradeOverviewScreenProps;\n};\n\ntype FillOtcOrderProps = {\n  flowType: FillOtcOrderFlowType;\n  flowProps: FillOtcOrderTradeOverviewScreenProps;\n};\n\nexport type TradeOverviewScreenProps =\n  | MarketSwapProps\n  | DeltaOrderProps\n  | TwapOrderProps\n  | LimitOrderProps\n  | OtcOrderProps\n  | FillOtcOrderProps;\n\nexport const TradeOverviewScreen = ({\n  flowType,\n  flowProps,\n}: TradeOverviewScreenProps) => {\n  switch (flowType) {\n    case \"marketSwap\":\n      return <MarketSwapTradeOverviewScreen {...flowProps} />;\n    case \"deltaOrder\":\n      return <DeltaOrderTradeOverviewScreen {...flowProps} />;\n    case \"twapOrder\":\n      return <TwapOrderTradeOverviewScreen {...flowProps} />;\n    case \"limitOrder\":\n      return <LimitOrderTradeOverviewScreen {...flowProps} />;\n    case \"otcOrder\":\n      return <OtcOrderTradeOverviewScreen {...flowProps} />;\n    case \"fillOtcOrder\":\n      return <FillOtcOrderTradeOverviewScreen {...flowProps} />;\n  }\n};\n"],"mappings":";;;;;;;;;AAsEA,IAAa2B,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAX,aAAAC,iBAAAQ;CAIlC,QAAQT,GAAR;EAAgB,KACT,cAAY;GAAA,IAAAY;GACwC,OADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAAhDE,IAAA,kBAAC,GAAD,EAA8B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAAhDA;;EAAgD,KACpD,cAAY;GAAA,IAAAA;GACwC,OADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAAhDE,IAAA,kBAAC,GAAD,EAA8B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAAhDA;;EAAgD,KACpD,aAAW;GAAA,IAAAA;GACwC,OADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAA/CE,IAAA,kBAAC,GAAD,EAA6B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAA/CA;;EAA+C,KACnD,cAAY;GAAA,IAAAA;GACwC,OADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAAhDE,IAAA,kBAAC,GAAD,EAA8B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAAhDA;;EAAgD,KACpD,YAAU;GAAA,IAAAA;GACwC,OADxCF,EAAA,OAAAT,IACwCW,IAAAF,EAAA,MAA9CE,IAAA,kBAAC,GAAD,EAA4B,GAAKX,GAAa,CAAA,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE,IAA9CA;;EAA8C,KAClD,gBAAc;GAAA,IAAAA;GACwC,OADxCF,EAAA,QAAAT,IACwCW,IAAAF,EAAA,OAAlDE,IAAA,kBAAC,GAAD,EAAgC,GAAKX,GAAa,CAAA,EAAAS,EAAA,MAAAT,GAAAS,EAAA,MAAAE,IAAlDA"}

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

@@ -2,12 +2,12 @@ import { SubmitTwapOrderResult } from '../../../hooks/swap/tradeFlow/useTwapFlow
 import { MinTradeOverviewProps, TradeOverviewProps } from './TradeOverview';
 import { TwapOrderStepKey } from './steps';
 import { TwapOrderFlowType } from '../../../hooks/swap/tradeFlow/common/types';
-import { BridgePrice, DeltaPrice } from '@velora-dex/sdk';
+import { DeltaPriceV2 } from '@velora-dex/sdk';
 type TwapOrderTradeOverviewProps = Pick<TradeOverviewProps<TwapOrderStepKey, SubmitTwapOrderResult, TwapOrderFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onCancelOrder" | "onResubmit" | "onRestartFlow" | "isFlowCancellable" | "explorerLink" | "activeStep" | "orderCancellationStep" | "result" | "error" | "erroredStep" | "tradeFlowType" | "swapSide">;
 export declare function TwapOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, swapSide, onDismiss, onHelp, onCancelFlow, onCancelOrder, onResubmit, onRestartFlow, activeStep, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: TwapOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
 export type TwapOrderTradeOverviewFlowProps = {
     orderProps: MinTradeOverviewProps;
-    twapPrice: DeltaPrice | BridgePrice;
+    twapPrice: DeltaPriceV2;
     onClose?: () => void;
 };
 export declare const TwapOrderTradeOverviewScreen: (props: TwapOrderTradeOverviewFlowProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"TwapOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TwapOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAkB,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU/D,KAAK,2BAA2B,GAAG,IAAI,CACrC,kBAAkB,CAChB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,2BAA2B,2CAyB7B;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC5C,UAAU,EAAE,qBAAqB,CAAC;IAClC,SAAS,EAAE,UAAU,GAAG,WAAW,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA6GF,eAAO,MAAM,4BAA4B,GACvC,OAAO,+BAA+B,4CAIvC,CAAC"}
+{"version":3,"file":"TwapOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TwapOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAkB,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAUpD,KAAK,2BAA2B,GAAG,IAAI,CACrC,kBAAkB,CAChB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,2BAA2B,2CAyB7B;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC5C,UAAU,EAAE,qBAAqB,CAAC;IAClC,SAAS,EAAE,YAAY,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA6GF,eAAO,MAAM,4BAA4B,GACvC,OAAO,+BAA+B,4CAIvC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TwapOrderTradeOverview.js","names":["SubmitTwapOrderResult","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","TwapOrderSteps","TwapOrderStepKey","TwapOrderFlowType","useTwapSwapStep","BridgePrice","DeltaPrice","handleTxSent","useTwapPrices","useSwapAmountsWithSlippage","getSwapSideFromDeltaPrice","useRunOnMount","useTwapSplit","getTwapAmountsFromPrice","getUnifiedDeltaOrderData","TwapOrderTradeOverviewProps","Pick","TwapOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onCancelOrder","onResubmit","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","TwapOrderTradeOverviewFlowProps","orderProps","twapPrice","onClose","TwapOrderTradeOverviewFlow","numSlices","step","startTwapSwap","cancelTwapOrder","cancelFlow","retryFlow","goToBeforeSwap","isNonFlowStep","isOrderCancellable","reset","usedPrice","submittedTwapOrder","t2","onTxSent","t3","undefined","orderData","t4","srcAmount","destAmount","submittedSwapWei","t5","price","usedPriceWei","t6","t7","formDataUnit","amountsAndSide","t8","t9","TwapOrderTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/TwapOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitTwapOrderResult } from \"@/hooks/swap/tradeFlow/useTwapFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { TwapOrderSteps, type TwapOrderStepKey } from \"./steps\";\nimport type { TwapOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useTwapSwapStep } from \"@/hooks/swap/tradeFlow/useTwapSwapStep\";\nimport type { BridgePrice, DeltaPrice } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useTwapPrices } from \"@/hooks/swap/prices/useTwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { getSwapSideFromDeltaPrice } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nimport { useTwapSplit } from \"@/core/twap/state/twapParamsAtom\";\nimport { getTwapAmountsFromPrice } from \"@/lib/utils/twap\";\nimport { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype TwapOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    TwapOrderStepKey,\n    SubmitTwapOrderResult,\n    TwapOrderFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onCancelOrder\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n>;\n\nexport function TwapOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onCancelOrder,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: TwapOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<TwapOrderStepKey, SubmitTwapOrderResult, TwapOrderFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={TwapOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onCancelOrder={onCancelOrder}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type TwapOrderTradeOverviewFlowProps = {\n  orderProps: MinTradeOverviewProps;\n  twapPrice: DeltaPrice | BridgePrice;\n  onClose?: () => void;\n};\n\nfunction TwapOrderTradeOverviewFlow({\n  orderProps,\n  twapPrice,\n  onClose,\n}: TwapOrderTradeOverviewFlowProps) {\n  const numSlices = useTwapSplit();\n\n  const {\n    step,\n    orderCancellationStep,\n    startTwapSwap,\n    cancelTwapOrder,\n    cancelFlow,\n    retryFlow,\n    goToBeforeSwap,\n    isNonFlowStep,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedTwapOrder,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useTwapSwapStep({\n    twapPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startTwapSwap({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const orderData = submittedTwapOrder\n    ? getUnifiedDeltaOrderData(submittedTwapOrder)\n    : undefined;\n\n  const submittedSwapWei = orderData\n    ? {\n        srcAmount: orderData.srcAmount,\n        destAmount: orderData.destAmount,\n        swapSide: orderData.swapSide,\n      }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n        ...getTwapAmountsFromPrice({ price: usedPrice, numSlices }),\n        swapSide: getSwapSideFromDeltaPrice(usedPrice),\n      }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: twapPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelTwapOrder : undefined;\n\n  return (\n    <TwapOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={retryFlow}\n      onResubmit={goToBeforeSwap}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const TwapOrderTradeOverviewScreen = (\n  props: TwapOrderTradeOverviewFlowProps\n) => {\n  useTwapPrices(); // keep prices updated while in the flow\n  return <TwapOrderTradeOverviewFlow {...props} />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"TwapOrderTradeOverview.js","names":["SubmitTwapOrderResult","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","TwapOrderSteps","TwapOrderStepKey","TwapOrderFlowType","useTwapSwapStep","DeltaPriceV2","handleTxSent","useTwapPrices","useSwapAmountsWithSlippage","getSwapSideFromDeltaPrice","useRunOnMount","useTwapSplit","getTwapAmountsFromPrice","getUnifiedDeltaOrderData","TwapOrderTradeOverviewProps","Pick","TwapOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onCancelOrder","onResubmit","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","TwapOrderTradeOverviewFlowProps","orderProps","twapPrice","onClose","TwapOrderTradeOverviewFlow","numSlices","step","startTwapSwap","cancelTwapOrder","cancelFlow","retryFlow","goToBeforeSwap","isNonFlowStep","isOrderCancellable","reset","usedPrice","submittedTwapOrder","t2","onTxSent","t3","undefined","orderData","t4","srcAmount","destAmount","submittedSwapWei","t5","price","usedPriceWei","t6","t7","formDataUnit","amountsAndSide","t8","t9","TwapOrderTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/TwapOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitTwapOrderResult } from \"@/hooks/swap/tradeFlow/useTwapFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { TwapOrderSteps, type TwapOrderStepKey } from \"./steps\";\nimport type { TwapOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useTwapSwapStep } from \"@/hooks/swap/tradeFlow/useTwapSwapStep\";\nimport type { DeltaPriceV2 } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useTwapPrices } from \"@/hooks/swap/prices/useTwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { getSwapSideFromDeltaPrice } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nimport { useTwapSplit } from \"@/core/twap/state/twapParamsAtom\";\nimport { getTwapAmountsFromPrice } from \"@/lib/utils/twap\";\nimport { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype TwapOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    TwapOrderStepKey,\n    SubmitTwapOrderResult,\n    TwapOrderFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onCancelOrder\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n>;\n\nexport function TwapOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onCancelOrder,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: TwapOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<TwapOrderStepKey, SubmitTwapOrderResult, TwapOrderFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={TwapOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onCancelOrder={onCancelOrder}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type TwapOrderTradeOverviewFlowProps = {\n  orderProps: MinTradeOverviewProps;\n  twapPrice: DeltaPriceV2;\n  onClose?: () => void;\n};\n\nfunction TwapOrderTradeOverviewFlow({\n  orderProps,\n  twapPrice,\n  onClose,\n}: TwapOrderTradeOverviewFlowProps) {\n  const numSlices = useTwapSplit();\n\n  const {\n    step,\n    orderCancellationStep,\n    startTwapSwap,\n    cancelTwapOrder,\n    cancelFlow,\n    retryFlow,\n    goToBeforeSwap,\n    isNonFlowStep,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedTwapOrder,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useTwapSwapStep({\n    twapPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startTwapSwap({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const orderData = submittedTwapOrder\n    ? getUnifiedDeltaOrderData(submittedTwapOrder)\n    : undefined;\n\n  const submittedSwapWei = orderData\n    ? {\n        srcAmount: orderData.srcAmount,\n        destAmount: orderData.destAmount,\n        swapSide: orderData.swapSide,\n      }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n        ...getTwapAmountsFromPrice({ price: usedPrice, numSlices }),\n        swapSide: getSwapSideFromDeltaPrice(usedPrice),\n      }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: twapPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelTwapOrder : undefined;\n\n  return (\n    <TwapOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={retryFlow}\n      onResubmit={goToBeforeSwap}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const TwapOrderTradeOverviewScreen = (\n  props: TwapOrderTradeOverviewFlowProps\n) => {\n  useTwapPrices(); // keep prices updated while in the flow\n  return <TwapOrderTradeOverviewFlow {...props} />;\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"VerticalDash.js","names":["React","cn","VerticalDash","props","$","_c","t0","className","t1","Symbol","for","t2"],"sources":["../../../../src/components/widget/TradeOverview/VerticalDash.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport const VerticalDash = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"2\"\n      height=\"24\"\n      viewBox=\"0 0 2 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      {...props}\n      className={cn(\n        \"text-contrast-4 dark:text-contrast-4 h-full\",\n        props.className\n      )}\n    >\n      <path d=\"M1 -10000L1 100000\" strokeDasharray=\"2 2\" />\n    </svg>\n  );\n};\n"],"mappings":";;;;;AAGA,IAAaE,KAAeC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AAAA,CAAAF,EAAA,OAAAD,EAAAI,YAarBD,IAAAF,EAAA,MAHUE,IAAAL,EACT,+CACAE,EAAKI,UACN,EAAAH,EAAA,KAAAD,EAAAI,WAAAH,EAAA,KAAAE;CAAA,IAAAE;AAAA,CAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAEDF,IAAA,kBAAA,QAAA;EAAQ,GAAA;EAAqC,iBAAA;EAAQ,CAAA,EAAAJ,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAO;AACjD,QADiDP,EAAA,OAAAD,KAAAC,EAAA,OAAAE,KAbvDK,IAAA,kBAAA,OAAA;EACQ,OAAA;EACA,OAAA;EACC,QAAA;EACC,SAAA;EACH,MAAA;EACE,QAAA;EAAc,GACjBR;EACO,WAAAG;YAKXE;EACI,CAAA,EAAAJ,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAdNO"}
+{"version":3,"file":"VerticalDash.js","names":["React","cn","VerticalDash","props","$","_c","t0","className","t1","Symbol","for","t2"],"sources":["../../../../src/components/widget/TradeOverview/VerticalDash.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport const VerticalDash = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"2\"\n      height=\"24\"\n      viewBox=\"0 0 2 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      {...props}\n      className={cn(\n        \"text-contrast-4 dark:text-contrast-4 h-full\",\n        props.className\n      )}\n    >\n      <path d=\"M1 -10000L1 100000\" strokeDasharray=\"2 2\" />\n    </svg>\n  );\n};\n"],"mappings":";;;;;AAGA,IAAaE,KAAeC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;CAAA,AAAAF,EAAA,OAAAD,EAAAI,YAarBD,IAAAF,EAAA,MAHUE,IAAAL,EACT,+CACAE,EAAKI,UACN,EAAAH,EAAA,KAAAD,EAAAI,WAAAH,EAAA,KAAAE;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAEDF,IAAA,kBAAA,QAAA;EAAQ,GAAA;EAAqC,iBAAA;EAAQ,CAAA,EAAAJ,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAO;CACjD,OADiDP,EAAA,OAAAD,KAAAC,EAAA,OAAAE,KAbvDK,IAAA,kBAAA,OAAA;EACQ,OAAA;EACA,OAAA;EACC,QAAA;EACC,SAAA;EACH,MAAA;EACE,QAAA;EAAc,GACjBR;EACO,WAAAG;YAKXE;EACI,CAAA,EAAAJ,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAdNO"}

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

@@ -1 +1 @@
-{"version":3,"file":"tradeFlowContext.js","names":["TradeFlowResult","TradeFlowType","SubmitDeltaOrderResult","SubmitSwapResult","SubmitLimitOrderResult","SubmitOtcOrderResult","SubmitFillOtcOrderResult","TradeOverviewProps","createContext","useContext","DeltaOrderStepKey","FillOtcOrderStepKey","LimitOrderStepKey","MarketSwapStepKey","OtcOrderStepKey","TwapOrderStepKey","isNonFlowStep","SubmitTwapOrderResult","TradeFlowContextProps","Pick","Key","Result","FlowType","TradeFlowContext","TradeFlowStep","TradeFlowDerivedStep","ContextResult","Context","ContextExtra","derivedStep","isOrderCancelled","FlowTypeStepAndResultMap","deltaOrder","marketSwap","limitOrder","otcOrder","fillOtcOrder","twapOrder","isFlowContext","context","flowType","T","tradeFlowType","isContextOrderCancelled","result","lastOrderState","status","state","useTradeFlowContext","$","_c","Error","activeStep","key","error","typedContext","t0","t1","extendedContext"],"sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"sourcesContent":["import type {\n  TradeFlowResult,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport type { SubmitLimitOrderResult } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport type { SubmitOtcOrderResult } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport type { SubmitFillOtcOrderResult } from \"@/hooks/otc/tradeFlow/useFillOtcOrderFlow\";\nimport type { TradeOverviewProps } from \"./TradeOverview\";\nimport { createContext, useContext } from \"react\";\nimport {\n  type DeltaOrderStepKey,\n  type FillOtcOrderStepKey,\n  type LimitOrderStepKey,\n  type MarketSwapStepKey,\n  type OtcOrderStepKey,\n  type TwapOrderStepKey,\n} from \"./steps\";\nimport { isNonFlowStep } from \"./utils/isNonFlowStep\";\nimport type { SubmitTwapOrderResult } from \"@/hooks/swap/tradeFlow/useTwapFlow\";\n\n// generic to accept any result and step type\nexport type TradeFlowContextProps<\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends TradeFlowType = TradeFlowType,\n> = Pick<\n  TradeOverviewProps<Key, Result, FlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"swapSide\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"steps\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport const TradeFlowContext = createContext<TradeFlowContextProps | null>(\n  null\n);\n\nexport type TradeFlowStep =\n  | DeltaOrderStepKey\n  | MarketSwapStepKey\n  | LimitOrderStepKey\n  | OtcOrderStepKey\n  | TwapOrderStepKey\n  | FillOtcOrderStepKey;\n\nexport type TradeFlowDerivedStep = TradeFlowStep | \"complete\" | \"error\";\n\n/** All possible result types (TradeFlowResult) */\ntype ContextResult = TradeFlowResult;\n\ntype Context = TradeFlowContextProps<\n  TradeFlowStep,\n  ContextResult,\n  TradeFlowType\n>;\ntype ContextExtra = {\n  derivedStep?: TradeFlowDerivedStep;\n  isOrderCancelled?: boolean;\n};\n\n/** Maps each TradeFlowType to its step key and result type */\ntype FlowTypeStepAndResultMap = {\n  deltaOrder: [DeltaOrderStepKey, SubmitDeltaOrderResult];\n  marketSwap: [MarketSwapStepKey, SubmitSwapResult];\n  limitOrder: [LimitOrderStepKey, SubmitLimitOrderResult];\n  otcOrder: [OtcOrderStepKey, SubmitOtcOrderResult];\n  fillOtcOrder: [FillOtcOrderStepKey, SubmitFillOtcOrderResult];\n  twapOrder: [TwapOrderStepKey, SubmitTwapOrderResult];\n};\n\nexport function isFlowContext<T extends TradeFlowType>(\n  context: Context & ContextExtra,\n  flowType: T\n): context is TradeFlowContextProps<\n  FlowTypeStepAndResultMap[T][0],\n  FlowTypeStepAndResultMap[T][1],\n  T\n> {\n  return context.tradeFlowType === flowType;\n}\n\n// Delta | Limit | OTC | TWAP order was sent but cancelled after\nfunction isContextOrderCancelled(context: Context): boolean {\n  if (!context.result) return false; // Order not sent even == not cancelled\n\n  if (isFlowContext(context, \"limitOrder\")) {\n    return context.result.limitOrder.lastOrderState?.status === \"CANCELLED\";\n  } else if (isFlowContext(context, \"otcOrder\")) {\n    return context.result.otcOrder.lastOrderState?.state === \"CANCELLED\";\n  } else if (isFlowContext(context, \"deltaOrder\")) {\n    return context.result.deltaOrder.lastOrderState.status === \"CANCELLED\";\n  } else if (isFlowContext(context, \"twapOrder\")) {\n    return context.result.twapOrder.lastOrderState?.status === \"CANCELLED\";\n  }\n\n  return false;\n}\n\n// specific result for supported Trade Flows\nexport function useTradeFlowContext(): Context & ContextExtra {\n  const context = useContext(TradeFlowContext);\n  if (!context) {\n    throw new Error(\n      \"useTradeFlowContext must be used within a TradeFlowContext\"\n    );\n  }\n\n  let derivedStep = context.activeStep?.key as TradeFlowDerivedStep;\n  if (context.activeStep && isNonFlowStep(context.activeStep.key)) {\n    derivedStep = context.activeStep.key;\n  } else if (context.error) {\n    derivedStep = \"error\";\n  } else if (context.result) {\n    derivedStep = \"complete\";\n  }\n\n  const typedContext = context as Context;\n\n  const isOrderCancelled = isContextOrderCancelled(typedContext);\n\n  const extendedContext = { ...typedContext, derivedStep, isOrderCancelled };\n  return extendedContext;\n}\n"],"mappings":";;;;AA6CA,IAAauB,IAAmBf,EAC9B,KACD;AAmCD,SAAgB8B,EACdC,GACAC,GAKA;AACA,QAAOD,EAAQG,kBAAkBF;;AAInC,SAASG,EAAwBJ,GAA2B;AAa1D,QAZKA,EAAQK,SAETN,EAAcC,GAAS,aAAa,GAC/BA,EAAQK,OAAOV,WAAWW,gBAAgBC,WAAW,cACnDR,EAAcC,GAAS,WAAW,GACpCA,EAAQK,OAAOT,SAASU,gBAAgBE,UAAU,cAChDT,EAAcC,GAAS,aAAa,GACtCA,EAAQK,OAAOZ,WAAWa,eAAeC,WAAW,cAClDR,EAAcC,GAAS,YAAY,GACrCA,EAAQK,OAAOP,UAAUQ,gBAAgBC,WAAW,cAGtD,KAZqB;;AAgB9B,SAAOE,IAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACLX,IAAgB9B,EAAWc,EAAiB;AAC5C,KAAI,CAACgB,EACH,OAAUY,MACR,6DACD;CAGH,IAAAtB,IAAkBU,EAAOa,YAAgBC;AACzC,CAAId,EAAOa,cAAepC,EAAcuB,EAAOa,WAAWC,IAAK,GAC7DxB,IAAcU,EAAOa,WAAWC,MACvBd,EAAOe,QAChBzB,IAAcA,UACLU,EAAOK,WAChBf,IAAcA;CAGhB,IAAA0B,IAAqBhB,GAAmBiB;AAAA,CAAAP,EAAA,OAAAM,IAEsBC,IAAAP,EAAA,MAArCO,IAAAb,EAAwBY,EAAa,EAAAN,EAAA,KAAAM,GAAAN,EAAA,KAAAO;CAA9D,IAAA1B,IAAyB0B,GAAsCC;AAEY,QAFZR,EAAA,OAAApB,KAAAoB,EAAA,OAAAnB,KAAAmB,EAAA,OAAAM,KAEvCE,IAAA;EAAA,GAAKF;EAAY1B;EAAAC;EAAiC,EAAAmB,EAAA,KAAApB,GAAAoB,EAAA,KAAAnB,GAAAmB,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IAAlDQ"}
+{"version":3,"file":"tradeFlowContext.js","names":["TradeFlowResult","TradeFlowType","SubmitDeltaOrderResult","SubmitSwapResult","SubmitLimitOrderResult","SubmitOtcOrderResult","SubmitFillOtcOrderResult","TradeOverviewProps","createContext","useContext","DeltaOrderStepKey","FillOtcOrderStepKey","LimitOrderStepKey","MarketSwapStepKey","OtcOrderStepKey","TwapOrderStepKey","isNonFlowStep","SubmitTwapOrderResult","TradeFlowContextProps","Pick","Key","Result","FlowType","TradeFlowContext","TradeFlowStep","TradeFlowDerivedStep","ContextResult","Context","ContextExtra","derivedStep","isOrderCancelled","FlowTypeStepAndResultMap","deltaOrder","marketSwap","limitOrder","otcOrder","fillOtcOrder","twapOrder","isFlowContext","context","flowType","T","tradeFlowType","isContextOrderCancelled","result","lastOrderState","status","state","useTradeFlowContext","$","_c","Error","activeStep","key","error","typedContext","t0","t1","extendedContext"],"sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"sourcesContent":["import type {\n  TradeFlowResult,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport type { SubmitLimitOrderResult } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport type { SubmitOtcOrderResult } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport type { SubmitFillOtcOrderResult } from \"@/hooks/otc/tradeFlow/useFillOtcOrderFlow\";\nimport type { TradeOverviewProps } from \"./TradeOverview\";\nimport { createContext, useContext } from \"react\";\nimport {\n  type DeltaOrderStepKey,\n  type FillOtcOrderStepKey,\n  type LimitOrderStepKey,\n  type MarketSwapStepKey,\n  type OtcOrderStepKey,\n  type TwapOrderStepKey,\n} from \"./steps\";\nimport { isNonFlowStep } from \"./utils/isNonFlowStep\";\nimport type { SubmitTwapOrderResult } from \"@/hooks/swap/tradeFlow/useTwapFlow\";\n\n// generic to accept any result and step type\nexport type TradeFlowContextProps<\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends TradeFlowType = TradeFlowType,\n> = Pick<\n  TradeOverviewProps<Key, Result, FlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"swapSide\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"steps\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport const TradeFlowContext = createContext<TradeFlowContextProps | null>(\n  null\n);\n\nexport type TradeFlowStep =\n  | DeltaOrderStepKey\n  | MarketSwapStepKey\n  | LimitOrderStepKey\n  | OtcOrderStepKey\n  | TwapOrderStepKey\n  | FillOtcOrderStepKey;\n\nexport type TradeFlowDerivedStep = TradeFlowStep | \"complete\" | \"error\";\n\n/** All possible result types (TradeFlowResult) */\ntype ContextResult = TradeFlowResult;\n\ntype Context = TradeFlowContextProps<\n  TradeFlowStep,\n  ContextResult,\n  TradeFlowType\n>;\ntype ContextExtra = {\n  derivedStep?: TradeFlowDerivedStep;\n  isOrderCancelled?: boolean;\n};\n\n/** Maps each TradeFlowType to its step key and result type */\ntype FlowTypeStepAndResultMap = {\n  deltaOrder: [DeltaOrderStepKey, SubmitDeltaOrderResult];\n  marketSwap: [MarketSwapStepKey, SubmitSwapResult];\n  limitOrder: [LimitOrderStepKey, SubmitLimitOrderResult];\n  otcOrder: [OtcOrderStepKey, SubmitOtcOrderResult];\n  fillOtcOrder: [FillOtcOrderStepKey, SubmitFillOtcOrderResult];\n  twapOrder: [TwapOrderStepKey, SubmitTwapOrderResult];\n};\n\nexport function isFlowContext<T extends TradeFlowType>(\n  context: Context & ContextExtra,\n  flowType: T\n): context is TradeFlowContextProps<\n  FlowTypeStepAndResultMap[T][0],\n  FlowTypeStepAndResultMap[T][1],\n  T\n> {\n  return context.tradeFlowType === flowType;\n}\n\n// Delta | Limit | OTC | TWAP order was sent but cancelled after\nfunction isContextOrderCancelled(context: Context): boolean {\n  if (!context.result) return false; // Order not sent even == not cancelled\n\n  if (isFlowContext(context, \"limitOrder\")) {\n    return context.result.limitOrder.lastOrderState?.status === \"CANCELLED\";\n  } else if (isFlowContext(context, \"otcOrder\")) {\n    return context.result.otcOrder.lastOrderState?.state === \"CANCELLED\";\n  } else if (isFlowContext(context, \"deltaOrder\")) {\n    return context.result.deltaOrder.lastOrderState.status === \"CANCELLED\";\n  } else if (isFlowContext(context, \"twapOrder\")) {\n    return context.result.twapOrder.lastOrderState?.status === \"CANCELLED\";\n  }\n\n  return false;\n}\n\n// specific result for supported Trade Flows\nexport function useTradeFlowContext(): Context & ContextExtra {\n  const context = useContext(TradeFlowContext);\n  if (!context) {\n    throw new Error(\n      \"useTradeFlowContext must be used within a TradeFlowContext\"\n    );\n  }\n\n  let derivedStep = context.activeStep?.key as TradeFlowDerivedStep;\n  if (context.activeStep && isNonFlowStep(context.activeStep.key)) {\n    derivedStep = context.activeStep.key;\n  } else if (context.error) {\n    derivedStep = \"error\";\n  } else if (context.result) {\n    derivedStep = \"complete\";\n  }\n\n  const typedContext = context as Context;\n\n  const isOrderCancelled = isContextOrderCancelled(typedContext);\n\n  const extendedContext = { ...typedContext, derivedStep, isOrderCancelled };\n  return extendedContext;\n}\n"],"mappings":";;;;AA6CA,IAAauB,IAAmBf,EAC9B,KACD;AAmCD,SAAgB8B,EACdC,GACAC,GAKA;CACA,OAAOD,EAAQG,kBAAkBF;;AAInC,SAASG,EAAwBJ,GAA2B;CAa1D,OAZKA,EAAQK,SAETN,EAAcC,GAAS,aAAa,GAC/BA,EAAQK,OAAOV,WAAWW,gBAAgBC,WAAW,cACnDR,EAAcC,GAAS,WAAW,GACpCA,EAAQK,OAAOT,SAASU,gBAAgBE,UAAU,cAChDT,EAAcC,GAAS,aAAa,GACtCA,EAAQK,OAAOZ,WAAWa,eAAeC,WAAW,cAClDR,EAAcC,GAAS,YAAY,GACrCA,EAAQK,OAAOP,UAAUQ,gBAAgBC,WAAW,cAGtD,KAZqB;;AAgB9B,SAAOE,IAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACLX,IAAgB9B,EAAWc,EAAiB;CAC5C,IAAI,CAACgB,GACH,MAAUY,MACR,6DACD;CAGH,IAAAtB,IAAkBU,EAAOa,YAAgBC;CACzC,AAAId,EAAOa,cAAepC,EAAcuB,EAAOa,WAAWC,IAAK,GAC7DxB,IAAcU,EAAOa,WAAWC,MACvBd,EAAOe,QAChBzB,IAAcA,UACLU,EAAOK,WAChBf,IAAcA;CAGhB,IAAA0B,IAAqBhB,GAAmBiB;CAAA,AAAAP,EAAA,OAAAM,IAEsBC,IAAAP,EAAA,MAArCO,IAAAb,EAAwBY,EAAa,EAAAN,EAAA,KAAAM,GAAAN,EAAA,KAAAO;CAA9D,IAAA1B,IAAyB0B,GAAsCC;CAEY,OAFZR,EAAA,OAAApB,KAAAoB,EAAA,OAAAnB,KAAAmB,EAAA,OAAAM,KAEvCE,IAAA;EAAA,GAAKF;EAAY1B;EAAAC;EAAiC,EAAAmB,EAAA,KAAApB,GAAAoB,EAAA,KAAAnB,GAAAmB,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IACnES"}

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

@@ -1 +1 @@
-{"version":3,"file":"isNonFlowStep.js","names":["FlowStep","NonFlowStep","isNonFlowStep","step"],"sources":["../../../../../src/components/widget/TradeOverview/utils/isNonFlowStep.ts"],"sourcesContent":["import type { FlowStep } from \"../Step/types\";\nimport type { NonFlowStep } from \"../steps\";\n\nexport function isNonFlowStep(\n  step: FlowStep[\"key\"]\n): step is NonFlowStep[\"key\"] {\n  return step === \"prepare-swap\";\n}\n"],"mappings":";AAGA,SAAgBE,EACdC,GAC4B;AAC5B,QAAOA,MAAS"}
+{"version":3,"file":"isNonFlowStep.js","names":["FlowStep","NonFlowStep","isNonFlowStep","step"],"sources":["../../../../../src/components/widget/TradeOverview/utils/isNonFlowStep.ts"],"sourcesContent":["import type { FlowStep } from \"../Step/types\";\nimport type { NonFlowStep } from \"../steps\";\n\nexport function isNonFlowStep(\n  step: FlowStep[\"key\"]\n): step is NonFlowStep[\"key\"] {\n  return step === \"prepare-swap\";\n}\n"],"mappings":";AAGA,SAAgBE,EACdC,GAC4B;CAC5B,OAAOA,MAAS"}

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

@@ -1 +1 @@
-{"version":3,"file":"preWrap.js","names":["UserDefinedOtcPrice","wrappedNativeTokensByChainId","isETH","MarkOptional","MinTradeOverviewProps","PreWrapTradeOverviewProps","addPreWrapToOTCOrderProps","orderProps","userDefinedPrice","P","fromToken","fromTokenWeth","network","newOrderProps","preWrapETH","newUserDefinedPrice","srcTokenAddress","address","undefined"],"sources":["../../../../../src/components/widget/TradeOverview/utils/preWrap.ts"],"sourcesContent":["import type { UserDefinedOtcPrice } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport { wrappedNativeTokensByChainId } from \"@/tokens/constructor\";\nimport { isETH } from \"@/tokens/utils/eth\";\nimport type { MarkOptional } from \"ts-essentials\";\nimport type {\n  MinTradeOverviewProps,\n  PreWrapTradeOverviewProps,\n} from \"../TradeOverview\";\n\nexport function addPreWrapToOTCOrderProps<P extends UserDefinedOtcPrice>({\n  orderProps,\n  userDefinedPrice,\n}: {\n  orderProps: MinTradeOverviewProps;\n  userDefinedPrice?: P;\n}): {\n  orderProps: MarkOptional<PreWrapTradeOverviewProps, \"preWrapETH\">;\n  userDefinedPrice?: P;\n} {\n  const { fromToken } = orderProps;\n  if (\n    isETH(fromToken) // OTC don't support native ETH as fromToken, Delta has depositNativeAndPreWrap\n  ) {\n    const fromTokenWeth = wrappedNativeTokensByChainId[fromToken.network];\n    const newOrderProps = {\n      ...orderProps,\n      fromToken: fromTokenWeth, // use WETH instead as fromToken\n      preWrapETH: true, // and indicate that ETH should be preWrapped\n    };\n\n    const newUserDefinedPrice = userDefinedPrice\n      ? {\n          ...userDefinedPrice,\n          srcTokenAddress: fromTokenWeth.address,\n        }\n      : undefined;\n\n    return { orderProps: newOrderProps, userDefinedPrice: newUserDefinedPrice };\n  }\n\n  return { orderProps, userDefinedPrice };\n}\n"],"mappings":";;;AASA,SAAgBM,EAAyD,EACvEC,eACAC,uBAOA;CACA,IAAM,EAAEE,iBAAcH;AACtB,KACEL,EAAMQ,EAAU,EAChB;EACA,IAAMC,IAAgBV,EAA6BS,EAAUE;AAc7D,SAAO;GAAEL,YAba;IACpB,GAAGA;IACHG,WAAWC;IACXG,YAAY;IACb;GASmCN,kBAPRA,IACxB;IACE,GAAGA;IACHQ,iBAAiBL,EAAcM;IAChC,GACDC,KAAAA;GAEuE;;AAG7E,QAAO;EAAEX;EAAYC;EAAkB"}
+{"version":3,"file":"preWrap.js","names":["UserDefinedOtcPrice","wrappedNativeTokensByChainId","isETH","MarkOptional","MinTradeOverviewProps","PreWrapTradeOverviewProps","addPreWrapToOTCOrderProps","orderProps","userDefinedPrice","P","fromToken","fromTokenWeth","network","newOrderProps","preWrapETH","newUserDefinedPrice","srcTokenAddress","address","undefined"],"sources":["../../../../../src/components/widget/TradeOverview/utils/preWrap.ts"],"sourcesContent":["import type { UserDefinedOtcPrice } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport { wrappedNativeTokensByChainId } from \"@/tokens/constructor\";\nimport { isETH } from \"@/tokens/utils/eth\";\nimport type { MarkOptional } from \"ts-essentials\";\nimport type {\n  MinTradeOverviewProps,\n  PreWrapTradeOverviewProps,\n} from \"../TradeOverview\";\n\nexport function addPreWrapToOTCOrderProps<P extends UserDefinedOtcPrice>({\n  orderProps,\n  userDefinedPrice,\n}: {\n  orderProps: MinTradeOverviewProps;\n  userDefinedPrice?: P;\n}): {\n  orderProps: MarkOptional<PreWrapTradeOverviewProps, \"preWrapETH\">;\n  userDefinedPrice?: P;\n} {\n  const { fromToken } = orderProps;\n  if (\n    isETH(fromToken) // OTC don't support native ETH as fromToken, Delta has depositNativeAndPreWrap\n  ) {\n    const fromTokenWeth = wrappedNativeTokensByChainId[fromToken.network];\n    const newOrderProps = {\n      ...orderProps,\n      fromToken: fromTokenWeth, // use WETH instead as fromToken\n      preWrapETH: true, // and indicate that ETH should be preWrapped\n    };\n\n    const newUserDefinedPrice = userDefinedPrice\n      ? {\n          ...userDefinedPrice,\n          srcTokenAddress: fromTokenWeth.address,\n        }\n      : undefined;\n\n    return { orderProps: newOrderProps, userDefinedPrice: newUserDefinedPrice };\n  }\n\n  return { orderProps, userDefinedPrice };\n}\n"],"mappings":";;;AASA,SAAgBM,EAAyD,EACvEC,eACAC,uBAOA;CACA,IAAM,EAAEE,iBAAcH;CACtB,IACEL,EAAMQ,EAAU,EAChB;EACA,IAAMC,IAAgBV,EAA6BS,EAAUE;EAc7D,OAAO;GAAEL,YAAYM;IAZnB,GAAGN;IACHG,WAAWC;IACXG,YAAY;IAUOD;GAAeL,kBAPRA,IACxB;IACE,GAAGA;IACHQ,iBAAiBL,EAAcM;IAChC,GACDC,KAAAA;GAEuE;;CAG7E,OAAO;EAAEX;EAAYC;EAAkB"}

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

@@ -2,7 +2,10 @@ import { DeltaOrMarketPrice } from '../../../../hooks/swap/prices/types';
 import { Token } from '../../../../tokens/state/types';
 import { SwapSideUnion } from '@velora-dex/sdk';
 import { MarkOptional } from 'ts-essentials';
-type SwapAmounts = Pick<DeltaOrMarketPrice, "srcAmount" | "destAmount">;
+type SwapAmounts = {
+    srcAmount: string;
+    destAmount: string;
+};
 type UseSwapAmountsWithSlippageInput = {
     submittedSwapWei?: SwapSideAmounts;
     usedPriceWei?: SwapSideAmounts;

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

@@ -1 +1 @@
-{"version":3,"file":"useSwapAmountsWithSlippage.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,KAAK,WAAW,GAAG,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,YAAY,CAAC,CAAC;AACxE,KAAK,+BAA+B,GAAG;IACrC,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IACxD,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,KAAK,GACN,EAAE,+BAA+B,GAAG,eAAe,CA2EnD"}
+{"version":3,"file":"useSwapAmountsWithSlippage.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7D,KAAK,+BAA+B,GAAG;IACrC,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IACxD,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,KAAK,GACN,EAAE,+BAA+B,GAAG,eAAe,CA4EnD"}

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

@@ -7,7 +7,7 @@ import { formatUnits as a, parseUnits as o } from "viem";
 //#region src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts
 function s(s) {
 	let c = i(15), { submittedSwapWei: l, usedPriceWei: u, formDataUnit: d, fromToken: f, toToken: p, price: m } = s, { resolvedSlippage: h } = n("swap"), g = t(), _ = l?.swapSide || u?.swapSide || d.swapSide || g, v;
-	c[0] === m ? v = c[1] : (v = m && e(m) && m.srcToken.toLowerCase() === m.destToken.toLowerCase(), c[0] = m, c[1] = v);
+	c[0] === m ? v = c[1] : (v = m && e(m) && m.inputToken.address.toLowerCase() === m.outputToken.address.toLowerCase(), c[0] = m, c[1] = v);
 	let y = !v, b;
 	if (c[2] !== d.destAmount || c[3] !== d.srcAmount || c[4] !== f || c[5] !== h || c[6] !== y || c[7] !== l || c[8] !== _ || c[9] !== p || c[10] !== u) {
 		if (b = {