@velora-dex/widget 0.0.12 → 0.0.13

package/dist/widget/index.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { d as distExports } from '../_virtual/index.js';
+/* empty css                   */
 import { TokenInput } from '../components/widget/TokenInput/index.js';
 import { useTokenFromInputProps } from './inputs/hooks/useTokenFromInputProps.js';
 import { DialogRoot } from '../components/widget/Dialog/DialogRoot.js';
@@ -25,7 +26,6 @@ import { ConnectWalletsContainer } from '../components/web3/ConnectWallets/index
 import { useMarketSwapStep } from '../hooks/swap/tradeFlow/useMarketSwapStep.js';
 import { SwapDetailsExpandable } from '../components/widget/Details/SwapDetailsExpandable.js';
 import { ReceiverAddress } from '../components/widget/ReceiverAddress/ReceiverAddress.js';
-import { areTokensSame } from '../tokens/utils/areTokensSame.js';
 import { useDeltaSwapStep } from '../hooks/swap/tradeFlow/useDeltaSwapStep.js';
 import { useSetAtom } from 'jotai';
 import { useHydrateAtoms } from 'jotai/utils';
@@ -40,6 +40,9 @@ import { WrapEthDrawerButton } from '../components/widget/WrapEth/WrapEthDrawerB
 import { useWrapEthProps } from '../components/widget/WrapEth/hooks/useWrapEthProps.js';
 import { Toaster } from '../components/ui/sonner.js';
 import { handleTxSent, handleOrderSent } from '../lib/utils/toasts.js';
+import { PoweredBy } from '../components/widget/PoweredBy/PoweredBy.js';
+import { useWidgetButtonExtraProps } from './button/hooks/useWidgetButtonExtraProps.js';
+import { useSwapPrices } from '../hooks/swap/prices/useSwapPrices.js';
 
 globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
   cache: /* @__PURE__ */ new Map(),
@@ -63,6 +66,7 @@ const App = () => {
     /* @__PURE__ */ jsx(WidgetButton, {}),
     /* @__PURE__ */ jsx(SwapDetails, {}),
     /* @__PURE__ */ jsx(SwapModeSwitcher, {}),
+    /* @__PURE__ */ jsx(PoweredBy, {}),
     /* @__PURE__ */ jsx(Toaster, { style: {
       // keep within widget container
       // @TODO for Dapp mode we may want it default=fixed
@@ -156,7 +160,7 @@ function Containers(t0) {
   const t1 = widgetConfig.theme === "dark";
   let t2;
   if ($[0] !== t1) {
-    t2 = cn("velora-widget relative overflow-hidden flex flex-col", {
+    t2 = cn("velora-widget absolute overflow-hidden flex flex-col justify-end min-h-[590px]", {
       dark: t1
     });
     $[0] = t1;
@@ -166,7 +170,7 @@ function Containers(t0) {
   }
   let t3;
   if ($[2] !== children) {
-    t3 = /* @__PURE__ */ jsx("div", { className: "max-w-[460px] w-full pt-[24px] px-[24px] pb-[18px] bg-contrast-9 dark:bg-contrast-3 border border-contrast-7 dark:border-contrast-4 rounded-xxl", children });
+    t3 = /* @__PURE__ */ jsx("div", { className: "w-[460px] max-w-[460px] pt-[24px] px-[24px] pb-[18px] bg-contrast-9 dark:bg-contrast-3 border border-contrast-7 dark:border-contrast-4 rounded-xxl relative", children });
     $[2] = children;
     $[3] = t3;
   } else {
@@ -198,60 +202,64 @@ function WidgetHeader() {
   return t0;
 }
 function TokenFromInput() {
-  const $ = distExports.c(6);
+  const $ = distExports.c(7);
   const overrides = useTokenInputsFromPrice();
   let t0;
-  if ($[0] !== overrides.isLoading || $[1] !== overrides.priceMode || $[2] !== overrides.tokenFromAmount) {
+  if ($[0] !== overrides.isLoading || $[1] !== overrides.price || $[2] !== overrides.priceMode || $[3] !== overrides.tokenFromAmount) {
     t0 = {
       override: overrides.tokenFromAmount,
       activeSwapMode: overrides.priceMode,
-      isPriceLoading: overrides.isLoading
+      isPriceLoading: overrides.isLoading,
+      price: overrides.price
     };
     $[0] = overrides.isLoading;
-    $[1] = overrides.priceMode;
-    $[2] = overrides.tokenFromAmount;
-    $[3] = t0;
+    $[1] = overrides.price;
+    $[2] = overrides.priceMode;
+    $[3] = overrides.tokenFromAmount;
+    $[4] = t0;
   } else {
-    t0 = $[3];
+    t0 = $[4];
   }
   const tokenFromInputProps = useTokenFromInputProps(t0);
   let t1;
-  if ($[4] !== tokenFromInputProps) {
+  if ($[5] !== tokenFromInputProps) {
     t1 = /* @__PURE__ */ jsx(TokenInput, { ...tokenFromInputProps });
-    $[4] = tokenFromInputProps;
-    $[5] = t1;
+    $[5] = tokenFromInputProps;
+    $[6] = t1;
   } else {
-    t1 = $[5];
+    t1 = $[6];
   }
   return t1;
 }
 function TokenToInput() {
-  const $ = distExports.c(7);
+  const $ = distExports.c(8);
   const overrides = useTokenInputsFromPrice();
   let t0;
-  if ($[0] !== overrides.isLoading || $[1] !== overrides.price || $[2] !== overrides.priceMode || $[3] !== overrides.tokenToAmount) {
+  if ($[0] !== overrides.error || $[1] !== overrides.isLoading || $[2] !== overrides.price || $[3] !== overrides.priceMode || $[4] !== overrides.tokenToAmount) {
     t0 = {
       override: overrides.tokenToAmount,
       isPriceLoading: overrides.isLoading,
       priceMode: overrides.priceMode,
-      price: overrides.price
+      price: overrides.price,
+      priceError: overrides.error
     };
-    $[0] = overrides.isLoading;
-    $[1] = overrides.price;
-    $[2] = overrides.priceMode;
-    $[3] = overrides.tokenToAmount;
-    $[4] = t0;
+    $[0] = overrides.error;
+    $[1] = overrides.isLoading;
+    $[2] = overrides.price;
+    $[3] = overrides.priceMode;
+    $[4] = overrides.tokenToAmount;
+    $[5] = t0;
   } else {
-    t0 = $[4];
+    t0 = $[5];
   }
   const tokenToInputProps = useTokenToInputProps(t0);
   let t1;
-  if ($[5] !== tokenToInputProps) {
+  if ($[6] !== tokenToInputProps) {
     t1 = /* @__PURE__ */ jsx(TokenInput, { ...tokenToInputProps });
-    $[5] = tokenToInputProps;
-    $[6] = t1;
+    $[6] = tokenToInputProps;
+    $[7] = t1;
   } else {
-    t1 = $[6];
+    t1 = $[7];
   }
   return t1;
 }
@@ -269,128 +277,140 @@ function WidgetTokenSwitcher() {
   return t0;
 }
 function WidgetButton() {
-  const $ = distExports.c(23);
+  const $ = distExports.c(26);
   const overrides = useTokenInputsFromPrice();
   let t0;
-  if ($[0] !== overrides.isLoading || $[1] !== overrides.priceMode || $[2] !== overrides.tokenFromAmount) {
+  if ($[0] !== overrides.isLoading || $[1] !== overrides.price || $[2] !== overrides.priceMode || $[3] !== overrides.tokenFromAmount) {
     t0 = {
       override: overrides.tokenFromAmount,
       activeSwapMode: overrides.priceMode,
-      isPriceLoading: overrides.isLoading
+      isPriceLoading: overrides.isLoading,
+      price: overrides.price
     };
     $[0] = overrides.isLoading;
-    $[1] = overrides.priceMode;
-    $[2] = overrides.tokenFromAmount;
-    $[3] = t0;
+    $[1] = overrides.price;
+    $[2] = overrides.priceMode;
+    $[3] = overrides.tokenFromAmount;
+    $[4] = t0;
   } else {
-    t0 = $[3];
+    t0 = $[4];
   }
   const tokenFromInputProps = useTokenFromInputProps(t0);
   let t1;
-  if ($[4] !== overrides.isLoading || $[5] !== overrides.price || $[6] !== overrides.priceMode || $[7] !== overrides.tokenToAmount) {
+  if ($[5] !== overrides.error || $[6] !== overrides.isLoading || $[7] !== overrides.price || $[8] !== overrides.priceMode || $[9] !== overrides.tokenToAmount) {
     t1 = {
       override: overrides.tokenToAmount,
       isPriceLoading: overrides.isLoading,
       priceMode: overrides.priceMode,
-      price: overrides.price
+      price: overrides.price,
+      priceError: overrides.error
     };
-    $[4] = overrides.isLoading;
-    $[5] = overrides.price;
-    $[6] = overrides.priceMode;
-    $[7] = overrides.tokenToAmount;
-    $[8] = t1;
+    $[5] = overrides.error;
+    $[6] = overrides.isLoading;
+    $[7] = overrides.price;
+    $[8] = overrides.priceMode;
+    $[9] = overrides.tokenToAmount;
+    $[10] = t1;
   } else {
-    t1 = $[8];
+    t1 = $[10];
   }
   const tokenToInputProps = useTokenToInputProps(t1);
   let t2;
-  if ($[9] !== tokenFromInputProps.amount || $[10] !== tokenFromInputProps.token || $[11] !== tokenToInputProps) {
+  if ($[11] !== tokenFromInputProps.amount || $[12] !== tokenFromInputProps.token || $[13] !== tokenToInputProps.amount || $[14] !== tokenToInputProps.token) {
     t2 = tokenFromInputProps.token && tokenToInputProps.token ? {
       fromToken: tokenFromInputProps.token,
       toToken: tokenToInputProps.token,
       fromAmount: tokenFromInputProps.amount?.toString() ?? "0",
       toAmount: tokenToInputProps.amount?.toString() ?? "0"
     } : void 0;
-    $[9] = tokenFromInputProps.amount;
-    $[10] = tokenFromInputProps.token;
-    $[11] = tokenToInputProps;
-    $[12] = t2;
+    $[11] = tokenFromInputProps.amount;
+    $[12] = tokenFromInputProps.token;
+    $[13] = tokenToInputProps.amount;
+    $[14] = tokenToInputProps.token;
+    $[15] = t2;
   } else {
-    t2 = $[12];
+    t2 = $[15];
   }
   const orderProps = t2;
   const wrapEthProps = useWrapEthProps();
   let t3;
-  if ($[13] !== tokenFromInputProps.token || $[14] !== tokenToInputProps) {
-    t3 = tokenFromInputProps.token && tokenToInputProps.token && areTokensSame(tokenFromInputProps.token, tokenToInputProps.token);
-    $[13] = tokenFromInputProps.token;
-    $[14] = tokenToInputProps;
-    $[15] = t3;
+  if ($[16] !== tokenFromInputProps.token || $[17] !== tokenToInputProps.token) {
+    t3 = {
+      tokenFrom: tokenFromInputProps.token,
+      tokenTo: tokenToInputProps.token
+    };
+    $[16] = tokenFromInputProps.token;
+    $[17] = tokenToInputProps.token;
+    $[18] = t3;
   } else {
-    t3 = $[15];
+    t3 = $[18];
   }
-  const tokensAreSame = t3;
+  const extraProps = useWidgetButtonExtraProps(t3);
   const t4 = overrides.priceMode === "market" ? overrides.price : void 0;
   const t5 = overrides.priceMode === "delta" ? overrides.price : void 0;
   let t6;
-  if ($[16] !== orderProps || $[17] !== overrides.priceMode || $[18] !== t4 || $[19] !== t5 || $[20] !== tokensAreSame || $[21] !== wrapEthProps) {
-    t6 = /* @__PURE__ */ jsx(ButtonWithDrawer, { orderProps, marketPrice: t4, deltaPrice: t5, priceMode: overrides.priceMode, wrapEthProps, disabled: tokensAreSame });
-    $[16] = orderProps;
-    $[17] = overrides.priceMode;
-    $[18] = t4;
-    $[19] = t5;
-    $[20] = tokensAreSame;
-    $[21] = wrapEthProps;
-    $[22] = t6;
-  } else {
-    t6 = $[22];
+  if ($[19] !== extraProps || $[20] !== orderProps || $[21] !== overrides.priceMode || $[22] !== t4 || $[23] !== t5 || $[24] !== wrapEthProps) {
+    t6 = /* @__PURE__ */ jsx(ButtonWithDrawer, { orderProps, marketPrice: t4, deltaPrice: t5, priceMode: overrides.priceMode, wrapEthProps, ...extraProps });
+    $[19] = extraProps;
+    $[20] = orderProps;
+    $[21] = overrides.priceMode;
+    $[22] = t4;
+    $[23] = t5;
+    $[24] = wrapEthProps;
+    $[25] = t6;
+  } else {
+    t6 = $[25];
   }
   return t6;
 }
 function SwapDetails() {
-  const $ = distExports.c(11);
+  const $ = distExports.c(13);
   const overrides = useTokenInputsFromPrice();
   let t0;
-  if ($[0] !== overrides.isLoading || $[1] !== overrides.priceMode || $[2] !== overrides.tokenFromAmount) {
+  if ($[0] !== overrides.isLoading || $[1] !== overrides.price || $[2] !== overrides.priceMode || $[3] !== overrides.tokenFromAmount) {
     t0 = {
       override: overrides.tokenFromAmount,
       activeSwapMode: overrides.priceMode,
-      isPriceLoading: overrides.isLoading
+      isPriceLoading: overrides.isLoading,
+      price: overrides.price
     };
     $[0] = overrides.isLoading;
-    $[1] = overrides.priceMode;
-    $[2] = overrides.tokenFromAmount;
-    $[3] = t0;
+    $[1] = overrides.price;
+    $[2] = overrides.priceMode;
+    $[3] = overrides.tokenFromAmount;
+    $[4] = t0;
   } else {
-    t0 = $[3];
+    t0 = $[4];
   }
   const tokenFromInputProps = useTokenFromInputProps(t0);
   let t1;
-  if ($[4] !== overrides.isLoading || $[5] !== overrides.price || $[6] !== overrides.priceMode || $[7] !== overrides.tokenToAmount) {
+  if ($[5] !== overrides.error || $[6] !== overrides.isLoading || $[7] !== overrides.price || $[8] !== overrides.priceMode || $[9] !== overrides.tokenToAmount) {
     t1 = {
       override: overrides.tokenToAmount,
       isPriceLoading: overrides.isLoading,
       priceMode: overrides.priceMode,
-      price: overrides.price
+      price: overrides.price,
+      priceError: overrides.error
     };
-    $[4] = overrides.isLoading;
-    $[5] = overrides.price;
-    $[6] = overrides.priceMode;
-    $[7] = overrides.tokenToAmount;
-    $[8] = t1;
+    $[5] = overrides.error;
+    $[6] = overrides.isLoading;
+    $[7] = overrides.price;
+    $[8] = overrides.priceMode;
+    $[9] = overrides.tokenToAmount;
+    $[10] = t1;
   } else {
-    t1 = $[8];
+    t1 = $[10];
   }
   const tokenToInputProps = useTokenToInputProps(t1);
   const fromAmountGtZero = Number(tokenFromInputProps.amount) > 0;
   const shouldShowDetails = fromAmountGtZero && tokenToInputProps.token;
   let t2;
-  if ($[9] !== shouldShowDetails) {
+  if ($[11] !== shouldShowDetails) {
     t2 = shouldShowDetails ? /* @__PURE__ */ jsx(SwapDetailsExpandable, {}) : null;
-    $[9] = shouldShowDetails;
-    $[10] = t2;
+    $[11] = shouldShowDetails;
+    $[12] = t2;
   } else {
-    t2 = $[10];
+    t2 = $[12];
   }
   return t2;
 }
@@ -413,17 +433,32 @@ function WidgetReceiverAddress() {
   return t0;
 }
 function SwapModeSwitcher() {
-  const $ = distExports.c(1);
+  const $ = distExports.c(2);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsx(SwapModeSwitcherExpandable, { classes: {
-      root: "mt-4"
-    } });
+    t0 = {
+      enabled: false
+    };
     $[0] = t0;
   } else {
     t0 = $[0];
   }
-  return t0;
+  const {
+    delta,
+    market
+  } = useSwapPrices(t0);
+  if (delta.price && market.price) {
+    let t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /* @__PURE__ */ jsx(SwapModeSwitcherExpandable, { classes: {
+        root: "mt-4"
+      } });
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    return t1;
+  }
 }
 function ButtonWithDrawer(t0) {
   const $ = distExports.c(22);
@@ -505,7 +540,7 @@ function ButtonWithDrawer(t0) {
   return t1;
 }
 function ConnectWalletDrawerButton(t0) {
-  const $ = distExports.c(19);
+  const $ = distExports.c(18);
   let buttonProps;
   let drawerContainer;
   if ($[0] !== t0) {
@@ -522,68 +557,65 @@ function ConnectWalletDrawerButton(t0) {
   }
   const t1 = useDrawerControls();
   let drawerProps;
-  let onClose;
   let onOpen;
   if ($[3] !== t1) {
     ({
       onOpen,
-      onClose,
       ...drawerProps
     } = t1);
     $[3] = t1;
     $[4] = drawerProps;
-    $[5] = onClose;
-    $[6] = onOpen;
+    $[5] = onOpen;
   } else {
     drawerProps = $[4];
-    onClose = $[5];
-    onOpen = $[6];
+    onOpen = $[5];
   }
   let t2;
-  if ($[7] !== buttonProps || $[8] !== onOpen) {
+  if ($[6] !== buttonProps || $[7] !== onOpen) {
     t2 = /* @__PURE__ */ jsx(Button, { className: "w-full mt-4 h-[48px] text-md", variant: "cta", radius: "lg", ...buttonProps, onClick: onOpen, children: "Connect Wallet" });
-    $[7] = buttonProps;
-    $[8] = onOpen;
-    $[9] = t2;
+    $[6] = buttonProps;
+    $[7] = onOpen;
+    $[8] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[8];
   }
   let t3;
-  if ($[10] !== onClose) {
-    t3 = /* @__PURE__ */ jsx(ConnectWalletsContainer, { onComplete: onClose });
-    $[10] = onClose;
-    $[11] = t3;
+  if ($[9] !== drawerProps.onClose) {
+    t3 = /* @__PURE__ */ jsx(ConnectWalletsContainer, { onComplete: drawerProps.onClose });
+    $[9] = drawerProps.onClose;
+    $[10] = t3;
   } else {
-    t3 = $[11];
+    t3 = $[10];
   }
   let t4;
-  if ($[12] !== drawerContainer || $[13] !== drawerProps || $[14] !== t3) {
-    t4 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, children: t3 });
-    $[12] = drawerContainer;
-    $[13] = drawerProps;
-    $[14] = t3;
-    $[15] = t4;
+  if ($[11] !== drawerContainer || $[12] !== drawerProps || $[13] !== t3) {
+    t4 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, title: "Connect Your Wallet", container: drawerContainer, showCloseButton: true, children: t3 });
+    $[11] = drawerContainer;
+    $[12] = drawerProps;
+    $[13] = t3;
+    $[14] = t4;
   } else {
-    t4 = $[15];
+    t4 = $[14];
   }
   let t5;
-  if ($[16] !== t2 || $[17] !== t4) {
+  if ($[15] !== t2 || $[16] !== t4) {
     t5 = /* @__PURE__ */ jsxs(Fragment, { children: [
       t2,
       t4
     ] });
-    $[16] = t2;
-    $[17] = t4;
-    $[18] = t5;
+    $[15] = t2;
+    $[16] = t4;
+    $[17] = t5;
   } else {
-    t5 = $[18];
+    t5 = $[17];
   }
   return t5;
 }
 function MarketSwapDrawerButton(t0) {
-  const $ = distExports.c(40);
+  const $ = distExports.c(42);
   let buttonProps;
   let drawerContainer;
+  let labelOverride;
   let marketPrice;
   let orderProps;
   if ($[0] !== t0) {
@@ -591,51 +623,54 @@ function MarketSwapDrawerButton(t0) {
       orderProps,
       drawerContainer,
       marketPrice,
+      labelOverride,
       ...buttonProps
     } = t0);
     $[0] = t0;
     $[1] = buttonProps;
     $[2] = drawerContainer;
-    $[3] = marketPrice;
-    $[4] = orderProps;
+    $[3] = labelOverride;
+    $[4] = marketPrice;
+    $[5] = orderProps;
   } else {
     buttonProps = $[1];
     drawerContainer = $[2];
-    marketPrice = $[3];
-    orderProps = $[4];
+    labelOverride = $[3];
+    marketPrice = $[4];
+    orderProps = $[5];
   }
   const t1 = useDrawerControls();
   let drawerProps;
   let onClose;
   let onOpen;
-  if ($[5] !== t1) {
+  if ($[6] !== t1) {
     ({
       onOpen,
       onClose,
       ...drawerProps
     } = t1);
-    $[5] = t1;
-    $[6] = drawerProps;
-    $[7] = onClose;
-    $[8] = onOpen;
+    $[6] = t1;
+    $[7] = drawerProps;
+    $[8] = onClose;
+    $[9] = onOpen;
   } else {
-    drawerProps = $[6];
-    onClose = $[7];
-    onOpen = $[8];
+    drawerProps = $[7];
+    onClose = $[8];
+    onOpen = $[9];
   }
   const {
     isConnected
   } = useAccount();
   const disabled = !isConnected || !orderProps || !marketPrice;
   let t2;
-  if ($[9] !== marketPrice) {
+  if ($[10] !== marketPrice) {
     t2 = {
       marketPrice
     };
-    $[9] = marketPrice;
-    $[10] = t2;
+    $[10] = marketPrice;
+    $[11] = t2;
   } else {
-    t2 = $[10];
+    t2 = $[11];
   }
   const {
     step,
@@ -647,143 +682,149 @@ function MarketSwapDrawerButton(t0) {
     error
   } = useMarketSwapStep(t2);
   let t3;
-  if ($[11] !== cancelFlow || $[12] !== error || $[13] !== explorerLink || $[14] !== isCancellable || $[15] !== onClose || $[16] !== orderProps || $[17] !== result || $[18] !== step) {
+  if ($[12] !== cancelFlow || $[13] !== error || $[14] !== explorerLink || $[15] !== isCancellable || $[16] !== onClose || $[17] !== orderProps || $[18] !== result || $[19] !== step) {
     t3 = orderProps ? /* @__PURE__ */ jsx(MarketSwapTradeOverview, { ...orderProps, onDismiss: onClose, onCancel: cancelFlow, activeStep: step, isCancellable, explorerLink, result, error }) : null;
-    $[11] = cancelFlow;
-    $[12] = error;
-    $[13] = explorerLink;
-    $[14] = isCancellable;
-    $[15] = onClose;
-    $[16] = orderProps;
-    $[17] = result;
-    $[18] = step;
-    $[19] = t3;
-  } else {
-    t3 = $[19];
+    $[12] = cancelFlow;
+    $[13] = error;
+    $[14] = explorerLink;
+    $[15] = isCancellable;
+    $[16] = onClose;
+    $[17] = orderProps;
+    $[18] = result;
+    $[19] = step;
+    $[20] = t3;
+  } else {
+    t3 = $[20];
   }
   const content = t3;
   let t4;
-  if ($[20] !== buttonProps.onClick || $[21] !== onOpen || $[22] !== orderProps || $[23] !== startMarketSwap) {
+  if ($[21] !== buttonProps.onClick || $[22] !== onOpen || $[23] !== orderProps || $[24] !== startMarketSwap) {
     t4 = orderProps ? () => {
       onOpen();
       startMarketSwap({
         onTxSent: handleTxSent
       });
     } : buttonProps.onClick;
-    $[20] = buttonProps.onClick;
-    $[21] = onOpen;
-    $[22] = orderProps;
-    $[23] = startMarketSwap;
-    $[24] = t4;
+    $[21] = buttonProps.onClick;
+    $[22] = onOpen;
+    $[23] = orderProps;
+    $[24] = startMarketSwap;
+    $[25] = t4;
   } else {
-    t4 = $[24];
+    t4 = $[25];
   }
   const onClick = t4;
   const t5 = buttonProps.disabled || disabled;
-  let t6;
-  if ($[25] !== buttonProps || $[26] !== onClick || $[27] !== t5) {
-    t6 = /* @__PURE__ */ jsx(Button, { className: "w-full mt-4 h-[48px] text-md", variant: "cta", radius: "lg", ...buttonProps, onClick, disabled: t5, children: "Market Swap" });
-    $[25] = buttonProps;
-    $[26] = onClick;
-    $[27] = t5;
-    $[28] = t6;
+  const t6 = labelOverride || "Swap";
+  let t7;
+  if ($[26] !== buttonProps || $[27] !== onClick || $[28] !== t5 || $[29] !== t6) {
+    t7 = /* @__PURE__ */ jsx(Button, { className: "w-full mt-4 h-[48px] text-md", variant: "cta", radius: "lg", ...buttonProps, onClick, disabled: t5, children: t6 });
+    $[26] = buttonProps;
+    $[27] = onClick;
+    $[28] = t5;
+    $[29] = t6;
+    $[30] = t7;
   } else {
-    t6 = $[28];
+    t7 = $[30];
   }
-  let t7;
-  if ($[29] !== cancelFlow || $[30] !== isCancellable) {
-    t7 = () => {
+  let t8;
+  if ($[31] !== cancelFlow || $[32] !== isCancellable) {
+    t8 = () => {
       if (isCancellable) {
         cancelFlow();
       }
     };
-    $[29] = cancelFlow;
-    $[30] = isCancellable;
-    $[31] = t7;
-  } else {
-    t7 = $[31];
-  }
-  let t8;
-  if ($[32] !== content || $[33] !== drawerContainer || $[34] !== drawerProps || $[35] !== t7) {
-    t8 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t7, children: content });
-    $[32] = content;
-    $[33] = drawerContainer;
-    $[34] = drawerProps;
-    $[35] = t7;
-    $[36] = t8;
+    $[31] = cancelFlow;
+    $[32] = isCancellable;
+    $[33] = t8;
   } else {
-    t8 = $[36];
+    t8 = $[33];
   }
   let t9;
-  if ($[37] !== t6 || $[38] !== t8) {
-    t9 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t6,
-      t8
+  if ($[34] !== content || $[35] !== drawerContainer || $[36] !== drawerProps || $[37] !== t8) {
+    t9 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t8, children: content });
+    $[34] = content;
+    $[35] = drawerContainer;
+    $[36] = drawerProps;
+    $[37] = t8;
+    $[38] = t9;
+  } else {
+    t9 = $[38];
+  }
+  let t10;
+  if ($[39] !== t7 || $[40] !== t9) {
+    t10 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t7,
+      t9
     ] });
-    $[37] = t6;
-    $[38] = t8;
-    $[39] = t9;
+    $[39] = t7;
+    $[40] = t9;
+    $[41] = t10;
   } else {
-    t9 = $[39];
+    t10 = $[41];
   }
-  return t9;
+  return t10;
 }
 function DeltaSwapDrawerButton(t0) {
-  const $ = distExports.c(40);
+  const $ = distExports.c(42);
   let buttonProps;
   let deltaPrice;
   let drawerContainer;
+  let labelOverride;
   let orderProps;
   if ($[0] !== t0) {
     ({
       orderProps,
       drawerContainer,
       deltaPrice,
+      labelOverride,
       ...buttonProps
     } = t0);
     $[0] = t0;
     $[1] = buttonProps;
     $[2] = deltaPrice;
     $[3] = drawerContainer;
-    $[4] = orderProps;
+    $[4] = labelOverride;
+    $[5] = orderProps;
   } else {
     buttonProps = $[1];
     deltaPrice = $[2];
     drawerContainer = $[3];
-    orderProps = $[4];
+    labelOverride = $[4];
+    orderProps = $[5];
   }
   const t1 = useDrawerControls();
   let drawerProps;
   let onClose;
   let onOpen;
-  if ($[5] !== t1) {
+  if ($[6] !== t1) {
     ({
       onOpen,
       onClose,
       ...drawerProps
     } = t1);
-    $[5] = t1;
-    $[6] = drawerProps;
-    $[7] = onClose;
-    $[8] = onOpen;
+    $[6] = t1;
+    $[7] = drawerProps;
+    $[8] = onClose;
+    $[9] = onOpen;
   } else {
-    drawerProps = $[6];
-    onClose = $[7];
-    onOpen = $[8];
+    drawerProps = $[7];
+    onClose = $[8];
+    onOpen = $[9];
   }
   const {
     isConnected
   } = useAccount();
   const disabled = !isConnected || !orderProps || !deltaPrice;
   let t2;
-  if ($[9] !== deltaPrice) {
+  if ($[10] !== deltaPrice) {
     t2 = {
       deltaPrice
     };
-    $[9] = deltaPrice;
-    $[10] = t2;
+    $[10] = deltaPrice;
+    $[11] = t2;
   } else {
-    t2 = $[10];
+    t2 = $[11];
   }
   const {
     step,
@@ -795,23 +836,23 @@ function DeltaSwapDrawerButton(t0) {
     error
   } = useDeltaSwapStep(t2);
   let t3;
-  if ($[11] !== cancelFlow || $[12] !== error || $[13] !== explorerLink || $[14] !== isCancellable || $[15] !== onClose || $[16] !== orderProps || $[17] !== result || $[18] !== step) {
+  if ($[12] !== cancelFlow || $[13] !== error || $[14] !== explorerLink || $[15] !== isCancellable || $[16] !== onClose || $[17] !== orderProps || $[18] !== result || $[19] !== step) {
     t3 = orderProps ? /* @__PURE__ */ jsx(DeltaOrderTradeOverview, { ...orderProps, onDismiss: onClose, onCancel: cancelFlow, activeStep: step, isCancellable, explorerLink, result, error }) : null;
-    $[11] = cancelFlow;
-    $[12] = error;
-    $[13] = explorerLink;
-    $[14] = isCancellable;
-    $[15] = onClose;
-    $[16] = orderProps;
-    $[17] = result;
-    $[18] = step;
-    $[19] = t3;
-  } else {
-    t3 = $[19];
+    $[12] = cancelFlow;
+    $[13] = error;
+    $[14] = explorerLink;
+    $[15] = isCancellable;
+    $[16] = onClose;
+    $[17] = orderProps;
+    $[18] = result;
+    $[19] = step;
+    $[20] = t3;
+  } else {
+    t3 = $[20];
   }
   const content = t3;
   let t4;
-  if ($[20] !== buttonProps.onClick || $[21] !== onOpen || $[22] !== orderProps || $[23] !== startDeltaSwap) {
+  if ($[21] !== buttonProps.onClick || $[22] !== onOpen || $[23] !== orderProps || $[24] !== startDeltaSwap) {
     t4 = orderProps ? () => {
       onOpen();
       startDeltaSwap({
@@ -819,63 +860,65 @@ function DeltaSwapDrawerButton(t0) {
         onOrderSent: handleOrderSent
       });
     } : buttonProps.onClick;
-    $[20] = buttonProps.onClick;
-    $[21] = onOpen;
-    $[22] = orderProps;
-    $[23] = startDeltaSwap;
-    $[24] = t4;
+    $[21] = buttonProps.onClick;
+    $[22] = onOpen;
+    $[23] = orderProps;
+    $[24] = startDeltaSwap;
+    $[25] = t4;
   } else {
-    t4 = $[24];
+    t4 = $[25];
   }
   const onClick = t4;
   const t5 = buttonProps.disabled || disabled;
-  let t6;
-  if ($[25] !== buttonProps || $[26] !== onClick || $[27] !== t5) {
-    t6 = /* @__PURE__ */ jsx(Button, { className: "w-full mt-4 h-[48px] text-md", variant: "cta", radius: "lg", ...buttonProps, onClick, disabled: t5, children: "Delta Swap" });
-    $[25] = buttonProps;
-    $[26] = onClick;
-    $[27] = t5;
-    $[28] = t6;
+  const t6 = labelOverride || "Swap";
+  let t7;
+  if ($[26] !== buttonProps || $[27] !== onClick || $[28] !== t5 || $[29] !== t6) {
+    t7 = /* @__PURE__ */ jsx(Button, { className: "w-full mt-4 h-[48px] text-md", variant: "cta", radius: "lg", ...buttonProps, onClick, disabled: t5, children: t6 });
+    $[26] = buttonProps;
+    $[27] = onClick;
+    $[28] = t5;
+    $[29] = t6;
+    $[30] = t7;
   } else {
-    t6 = $[28];
+    t7 = $[30];
   }
-  let t7;
-  if ($[29] !== cancelFlow || $[30] !== isCancellable) {
-    t7 = () => {
+  let t8;
+  if ($[31] !== cancelFlow || $[32] !== isCancellable) {
+    t8 = () => {
       if (isCancellable) {
         cancelFlow();
       }
     };
-    $[29] = cancelFlow;
-    $[30] = isCancellable;
-    $[31] = t7;
+    $[31] = cancelFlow;
+    $[32] = isCancellable;
+    $[33] = t8;
   } else {
-    t7 = $[31];
-  }
-  let t8;
-  if ($[32] !== content || $[33] !== drawerContainer || $[34] !== drawerProps || $[35] !== t7) {
-    t8 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t7, children: content });
-    $[32] = content;
-    $[33] = drawerContainer;
-    $[34] = drawerProps;
-    $[35] = t7;
-    $[36] = t8;
-  } else {
-    t8 = $[36];
+    t8 = $[33];
   }
   let t9;
-  if ($[37] !== t6 || $[38] !== t8) {
-    t9 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t6,
-      t8
+  if ($[34] !== content || $[35] !== drawerContainer || $[36] !== drawerProps || $[37] !== t8) {
+    t9 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t8, children: content });
+    $[34] = content;
+    $[35] = drawerContainer;
+    $[36] = drawerProps;
+    $[37] = t8;
+    $[38] = t9;
+  } else {
+    t9 = $[38];
+  }
+  let t10;
+  if ($[39] !== t7 || $[40] !== t9) {
+    t10 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t7,
+      t9
     ] });
-    $[37] = t6;
-    $[38] = t8;
-    $[39] = t9;
+    $[39] = t7;
+    $[40] = t9;
+    $[41] = t10;
   } else {
-    t9 = $[39];
+    t10 = $[41];
   }
-  return t9;
+  return t10;
 }
 
 export { Widget };