@velora-dex/widget 0.0.0

package/dist/widget/index.js

@@ -0,0 +1,895 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { d as distExports } from '../_virtual/index.js';
+import { TokenInput } from '../components/widget/TokenInput/index.js';
+import { useTokenFromInputProps } from './inputs/hooks/useTokenFromInputProps.js';
+import { DialogRoot } from '../components/widget/Dialog/DialogRoot.js';
+import { Button } from '../components/ui/button.js';
+import { Web3Providers } from '../components/web3/providers.js';
+import '@tanstack/react-query-devtools';
+import { useAccount } from 'wagmi';
+import { WIDGET_ELEMENT_ID } from './constants.js';
+import { Updaters } from './Updaters.js';
+import { useTokenToInputProps } from './inputs/hooks/useTokenToInputProps.js';
+import { TokenSwitcher } from '../components/widget/TokenSwitcher/TokenSwitcher.js';
+import { cn } from '../lib/utils/index.js';
+import { useTokenSwitcherProps } from './inputs/hooks/useTokenSwitcherProps.js';
+import { runSubscriptions } from './subscriptions.js';
+import { PrivyIframeDependency } from '../components/web3/ConnectWallets/privy/iframe.js';
+import { SwapModeSwitcherExpandable } from '../components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.js';
+import 'jotai-devtools';
+import 'jotai-devtools/styles.css?inline';
+import { useTokenInputsFromPrice } from '../hooks/swap/prices/useTokenInputsFromPrice.js';
+import { DeltaOrderTradeOverview } from '../components/widget/TradeOverview/DeltaOrderTradeOverview.js';
+import { ControlledDrawer } from '../components/widget/Drawer/index.js';
+import { ConnectWalletsContainer } from '../components/web3/ConnectWallets/index.js';
+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';
+import { containerAtom } from './state/containerAtom.js';
+import { useDrawerControls } from '../components/widget/Drawer/state/useDrawerControls.js';
+import { AppHeader } from '../components/widget/AppHeader/AppHeader.js';
+import { useLayoutEffect } from 'react';
+import { defaultWidgetConfig, useWidgetConfig } from './state/configAtom.js';
+import { setWidgetConfigAtom } from './state/configActionsAtom.js';
+import { MarketSwapTradeOverview } from '../components/widget/TradeOverview/MarketSwapTradeOverview.js';
+import { WrapEthDrawerButton } from '../components/widget/WrapEth/WrapEthDrawerButton.js';
+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 { useSwapPrices } from '../hooks/swap/prices/useSwapPrices.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+runSubscriptions();
+const App = () => {
+  return /* @__PURE__ */ jsxs(Containers, { children: [
+    /* @__PURE__ */ jsx(DialogRoot, {}),
+    /* @__PURE__ */ jsx(WidgetHeader, {}),
+    /* @__PURE__ */ jsx(TokenFromInput, {}),
+    /* @__PURE__ */ jsx(WidgetTokenSwitcher, {}),
+    /* @__PURE__ */ jsx(TokenToInput, {}),
+    /* @__PURE__ */ jsx(WidgetReceiverAddress, {}),
+    /* @__PURE__ */ jsx(WidgetButton, {}),
+    /* @__PURE__ */ jsx(SwapDetails, {}),
+    /* @__PURE__ */ jsx(SwapModeSwitcher, {}),
+    /* @__PURE__ */ jsx(Toaster, { style: {
+      // keep within widget container
+      // @TODO for Dapp mode we may want it default=fixed
+      position: "absolute",
+      ["--width"]: "200px"
+      // used internally by sonner
+      // must assign early so it participates in position calculations,
+      // doesn't pass React.CSSProperties type
+    }, position: "bottom-center" })
+  ] });
+};
+const Widget = (t0) => {
+  const $ = distExports.c(17);
+  const {
+    config
+  } = t0;
+  const setWidgetConfig = useSetAtom(setWidgetConfigAtom);
+  let t1;
+  if ($[0] !== config) {
+    t1 = [[setWidgetConfigAtom, {
+      ...defaultWidgetConfig,
+      ...config
+    }]];
+    $[0] = config;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  useHydrateAtoms(t1);
+  let t2;
+  if ($[2] !== config?.enableDelta || $[3] !== config?.partner || $[4] !== config?.privyAppId || $[5] !== config?.privyClientId || $[6] !== config?.theme || $[7] !== setWidgetConfig) {
+    t2 = () => {
+      setWidgetConfig({
+        theme: config?.theme,
+        enableDelta: config?.enableDelta,
+        partner: config?.partner,
+        privyAppId: config?.privyAppId,
+        privyClientId: config?.privyClientId
+      });
+    };
+    $[2] = config?.enableDelta;
+    $[3] = config?.partner;
+    $[4] = config?.privyAppId;
+    $[5] = config?.privyClientId;
+    $[6] = config?.theme;
+    $[7] = setWidgetConfig;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const t3 = config?.theme;
+  const t4 = config?.enableDelta;
+  const t5 = config?.partner;
+  const t6 = config?.privyAppId;
+  const t7 = config?.privyClientId;
+  let t8;
+  if ($[9] !== setWidgetConfig || $[10] !== t3 || $[11] !== t4 || $[12] !== t5 || $[13] !== t6 || $[14] !== t7) {
+    t8 = [t3, t4, t5, t6, t7, setWidgetConfig];
+    $[9] = setWidgetConfig;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  useLayoutEffect(t2, t8);
+  let t9;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = /* @__PURE__ */ jsxs(Web3Providers, { children: [
+      /* @__PURE__ */ jsx(PrivyIframeDependency, {}),
+      /* @__PURE__ */ jsx(Updaters, {}),
+      /* @__PURE__ */ jsx(App, {}),
+      false
+    ] });
+    $[16] = t9;
+  } else {
+    t9 = $[16];
+  }
+  return t9;
+};
+function Containers(t0) {
+  const $ = distExports.c(8);
+  const {
+    children
+  } = t0;
+  const setContainerElement = useSetAtom(containerAtom);
+  const widgetConfig = useWidgetConfig();
+  const t1 = widgetConfig.theme === "dark";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = cn("velora-widget absolute overflow-hidden flex flex-col justify-end min-h-[590px]", {
+      dark: t1
+    });
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== 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 {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== setContainerElement || $[5] !== t2 || $[6] !== t3) {
+    t4 = /* @__PURE__ */ jsx("div", { className: t2, ref: setContainerElement, id: WIDGET_ELEMENT_ID, children: t3 });
+    $[4] = setContainerElement;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  return t4;
+}
+function WidgetHeader() {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx(AppHeader, { classes: {
+      root: "mb-4"
+    } });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+function TokenFromInput() {
+  const $ = distExports.c(7);
+  const overrides = useTokenInputsFromPrice();
+  let t0;
+  if ($[0] !== overrides.isLoading || $[1] !== overrides.price || $[2] !== overrides.priceMode || $[3] !== overrides.tokenFromAmount) {
+    t0 = {
+      override: overrides.tokenFromAmount,
+      activeSwapMode: overrides.priceMode,
+      isPriceLoading: overrides.isLoading,
+      price: overrides.price
+    };
+    $[0] = overrides.isLoading;
+    $[1] = overrides.price;
+    $[2] = overrides.priceMode;
+    $[3] = overrides.tokenFromAmount;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  const tokenFromInputProps = useTokenFromInputProps(t0);
+  let t1;
+  if ($[5] !== tokenFromInputProps) {
+    t1 = /* @__PURE__ */ jsx(TokenInput, { ...tokenFromInputProps });
+    $[5] = tokenFromInputProps;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
+}
+function TokenToInput() {
+  const $ = distExports.c(7);
+  const overrides = useTokenInputsFromPrice();
+  let t0;
+  if ($[0] !== overrides.isLoading || $[1] !== overrides.price || $[2] !== overrides.priceMode || $[3] !== overrides.tokenToAmount) {
+    t0 = {
+      override: overrides.tokenToAmount,
+      isPriceLoading: overrides.isLoading,
+      priceMode: overrides.priceMode,
+      price: overrides.price
+    };
+    $[0] = overrides.isLoading;
+    $[1] = overrides.price;
+    $[2] = overrides.priceMode;
+    $[3] = overrides.tokenToAmount;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  const tokenToInputProps = useTokenToInputProps(t0);
+  let t1;
+  if ($[5] !== tokenToInputProps) {
+    t1 = /* @__PURE__ */ jsx(TokenInput, { ...tokenToInputProps });
+    $[5] = tokenToInputProps;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
+}
+function WidgetTokenSwitcher() {
+  const $ = distExports.c(2);
+  const tokenSwitcherProps = useTokenSwitcherProps();
+  let t0;
+  if ($[0] !== tokenSwitcherProps) {
+    t0 = /* @__PURE__ */ jsx(TokenSwitcher, { ...tokenSwitcherProps });
+    $[0] = tokenSwitcherProps;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+function WidgetButton() {
+  const $ = distExports.c(24);
+  const overrides = useTokenInputsFromPrice();
+  let t0;
+  if ($[0] !== overrides.isLoading || $[1] !== overrides.price || $[2] !== overrides.priceMode || $[3] !== overrides.tokenFromAmount) {
+    t0 = {
+      override: overrides.tokenFromAmount,
+      activeSwapMode: overrides.priceMode,
+      isPriceLoading: overrides.isLoading,
+      price: overrides.price
+    };
+    $[0] = overrides.isLoading;
+    $[1] = overrides.price;
+    $[2] = overrides.priceMode;
+    $[3] = overrides.tokenFromAmount;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  const tokenFromInputProps = useTokenFromInputProps(t0);
+  let t1;
+  if ($[5] !== overrides.isLoading || $[6] !== overrides.price || $[7] !== overrides.priceMode || $[8] !== overrides.tokenToAmount) {
+    t1 = {
+      override: overrides.tokenToAmount,
+      isPriceLoading: overrides.isLoading,
+      priceMode: overrides.priceMode,
+      price: overrides.price
+    };
+    $[5] = overrides.isLoading;
+    $[6] = overrides.price;
+    $[7] = overrides.priceMode;
+    $[8] = overrides.tokenToAmount;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  const tokenToInputProps = useTokenToInputProps(t1);
+  let t2;
+  if ($[10] !== tokenFromInputProps.amount || $[11] !== tokenFromInputProps.token || $[12] !== tokenToInputProps) {
+    t2 = tokenFromInputProps.token && tokenToInputProps.token ? {
+      fromToken: tokenFromInputProps.token,
+      toToken: tokenToInputProps.token,
+      fromAmount: tokenFromInputProps.amount?.toString() ?? "0",
+      toAmount: tokenToInputProps.amount?.toString() ?? "0"
+    } : void 0;
+    $[10] = tokenFromInputProps.amount;
+    $[11] = tokenFromInputProps.token;
+    $[12] = tokenToInputProps;
+    $[13] = t2;
+  } else {
+    t2 = $[13];
+  }
+  const orderProps = t2;
+  const wrapEthProps = useWrapEthProps();
+  let t3;
+  if ($[14] !== tokenFromInputProps.token || $[15] !== tokenToInputProps) {
+    t3 = tokenFromInputProps.token && tokenToInputProps.token && areTokensSame(tokenFromInputProps.token, tokenToInputProps.token);
+    $[14] = tokenFromInputProps.token;
+    $[15] = tokenToInputProps;
+    $[16] = t3;
+  } else {
+    t3 = $[16];
+  }
+  const tokensAreSame = t3;
+  const t4 = overrides.priceMode === "market" ? overrides.price : void 0;
+  const t5 = overrides.priceMode === "delta" ? overrides.price : void 0;
+  let t6;
+  if ($[17] !== orderProps || $[18] !== overrides.priceMode || $[19] !== t4 || $[20] !== t5 || $[21] !== tokensAreSame || $[22] !== wrapEthProps) {
+    t6 = /* @__PURE__ */ jsx(ButtonWithDrawer, { orderProps, marketPrice: t4, deltaPrice: t5, priceMode: overrides.priceMode, wrapEthProps, disabled: tokensAreSame });
+    $[17] = orderProps;
+    $[18] = overrides.priceMode;
+    $[19] = t4;
+    $[20] = t5;
+    $[21] = tokensAreSame;
+    $[22] = wrapEthProps;
+    $[23] = t6;
+  } else {
+    t6 = $[23];
+  }
+  return t6;
+}
+function SwapDetails() {
+  const $ = distExports.c(12);
+  const overrides = useTokenInputsFromPrice();
+  let t0;
+  if ($[0] !== overrides.isLoading || $[1] !== overrides.price || $[2] !== overrides.priceMode || $[3] !== overrides.tokenFromAmount) {
+    t0 = {
+      override: overrides.tokenFromAmount,
+      activeSwapMode: overrides.priceMode,
+      isPriceLoading: overrides.isLoading,
+      price: overrides.price
+    };
+    $[0] = overrides.isLoading;
+    $[1] = overrides.price;
+    $[2] = overrides.priceMode;
+    $[3] = overrides.tokenFromAmount;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  const tokenFromInputProps = useTokenFromInputProps(t0);
+  let t1;
+  if ($[5] !== overrides.isLoading || $[6] !== overrides.price || $[7] !== overrides.priceMode || $[8] !== overrides.tokenToAmount) {
+    t1 = {
+      override: overrides.tokenToAmount,
+      isPriceLoading: overrides.isLoading,
+      priceMode: overrides.priceMode,
+      price: overrides.price
+    };
+    $[5] = overrides.isLoading;
+    $[6] = overrides.price;
+    $[7] = overrides.priceMode;
+    $[8] = overrides.tokenToAmount;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  const tokenToInputProps = useTokenToInputProps(t1);
+  const fromAmountGtZero = Number(tokenFromInputProps.amount) > 0;
+  const shouldShowDetails = fromAmountGtZero && tokenToInputProps.token;
+  let t2;
+  if ($[10] !== shouldShowDetails) {
+    t2 = shouldShowDetails ? /* @__PURE__ */ jsx(SwapDetailsExpandable, {}) : null;
+    $[10] = shouldShowDetails;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function WidgetReceiverAddress() {
+  const $ = distExports.c(2);
+  const {
+    isConnected
+  } = useAccount();
+  const shouldShowReceiverAddress = isConnected;
+  let t0;
+  if ($[0] !== shouldShowReceiverAddress) {
+    t0 = shouldShowReceiverAddress ? /* @__PURE__ */ jsx(ReceiverAddress, { classes: {
+      root: "mt-2"
+    } }) : null;
+    $[0] = shouldShowReceiverAddress;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+function SwapModeSwitcher() {
+  const $ = distExports.c(1);
+  const {
+    delta,
+    market
+  } = useSwapPrices();
+  if (delta.price && market.price) {
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t0 = /* @__PURE__ */ jsx(SwapModeSwitcherExpandable, { classes: {
+        root: "mt-4"
+      } });
+      $[0] = t0;
+    } else {
+      t0 = $[0];
+    }
+    return t0;
+  }
+}
+function ButtonWithDrawer(t0) {
+  const $ = distExports.c(22);
+  let buttonProps;
+  let deltaPrice;
+  let drawerContainer;
+  let marketPrice;
+  let orderProps;
+  let priceMode;
+  let wrapEthProps;
+  if ($[0] !== t0) {
+    ({
+      orderProps,
+      drawerContainer,
+      marketPrice,
+      deltaPrice,
+      priceMode,
+      wrapEthProps,
+      ...buttonProps
+    } = t0);
+    $[0] = t0;
+    $[1] = buttonProps;
+    $[2] = deltaPrice;
+    $[3] = drawerContainer;
+    $[4] = marketPrice;
+    $[5] = orderProps;
+    $[6] = priceMode;
+    $[7] = wrapEthProps;
+  } else {
+    buttonProps = $[1];
+    deltaPrice = $[2];
+    drawerContainer = $[3];
+    marketPrice = $[4];
+    orderProps = $[5];
+    priceMode = $[6];
+    wrapEthProps = $[7];
+  }
+  const {
+    isConnected
+  } = useAccount();
+  if (!isConnected) {
+    let t12;
+    if ($[8] !== buttonProps || $[9] !== drawerContainer) {
+      t12 = /* @__PURE__ */ jsx(ConnectWalletDrawerButton, { drawerContainer, ...buttonProps });
+      $[8] = buttonProps;
+      $[9] = drawerContainer;
+      $[10] = t12;
+    } else {
+      t12 = $[10];
+    }
+    return t12;
+  }
+  if (wrapEthProps.shouldWrap) {
+    let t12;
+    if ($[11] !== buttonProps || $[12] !== drawerContainer || $[13] !== wrapEthProps) {
+      t12 = /* @__PURE__ */ jsx(WrapEthDrawerButton, { drawerContainer, wrapEthProps, ...buttonProps });
+      $[11] = buttonProps;
+      $[12] = drawerContainer;
+      $[13] = wrapEthProps;
+      $[14] = t12;
+    } else {
+      t12 = $[14];
+    }
+    return t12;
+  }
+  let t1;
+  if ($[15] !== buttonProps || $[16] !== deltaPrice || $[17] !== drawerContainer || $[18] !== marketPrice || $[19] !== orderProps || $[20] !== priceMode) {
+    t1 = priceMode === "market" ? /* @__PURE__ */ jsx(MarketSwapDrawerButton, { orderProps, drawerContainer, marketPrice, ...buttonProps }) : /* @__PURE__ */ jsx(DeltaSwapDrawerButton, { orderProps, drawerContainer, deltaPrice, ...buttonProps });
+    $[15] = buttonProps;
+    $[16] = deltaPrice;
+    $[17] = drawerContainer;
+    $[18] = marketPrice;
+    $[19] = orderProps;
+    $[20] = priceMode;
+    $[21] = t1;
+  } else {
+    t1 = $[21];
+  }
+  return t1;
+}
+function ConnectWalletDrawerButton(t0) {
+  const $ = distExports.c(19);
+  let buttonProps;
+  let drawerContainer;
+  if ($[0] !== t0) {
+    ({
+      drawerContainer,
+      ...buttonProps
+    } = t0);
+    $[0] = t0;
+    $[1] = buttonProps;
+    $[2] = drawerContainer;
+  } else {
+    buttonProps = $[1];
+    drawerContainer = $[2];
+  }
+  const t1 = useDrawerControls();
+  let drawerProps;
+  let onClose;
+  let onOpen;
+  if ($[3] !== t1) {
+    ({
+      onOpen,
+      onClose,
+      ...drawerProps
+    } = t1);
+    $[3] = t1;
+    $[4] = drawerProps;
+    $[5] = onClose;
+    $[6] = onOpen;
+  } else {
+    drawerProps = $[4];
+    onClose = $[5];
+    onOpen = $[6];
+  }
+  let t2;
+  if ($[7] !== buttonProps || $[8] !== 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;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== onClose) {
+    t3 = /* @__PURE__ */ jsx(ConnectWalletsContainer, { onComplete: onClose });
+    $[10] = onClose;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  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;
+  } else {
+    t4 = $[15];
+  }
+  let t5;
+  if ($[16] !== t2 || $[17] !== t4) {
+    t5 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t2,
+      t4
+    ] });
+    $[16] = t2;
+    $[17] = t4;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  return t5;
+}
+function MarketSwapDrawerButton(t0) {
+  const $ = distExports.c(40);
+  let buttonProps;
+  let drawerContainer;
+  let marketPrice;
+  let orderProps;
+  if ($[0] !== t0) {
+    ({
+      orderProps,
+      drawerContainer,
+      marketPrice,
+      ...buttonProps
+    } = t0);
+    $[0] = t0;
+    $[1] = buttonProps;
+    $[2] = drawerContainer;
+    $[3] = marketPrice;
+    $[4] = orderProps;
+  } else {
+    buttonProps = $[1];
+    drawerContainer = $[2];
+    marketPrice = $[3];
+    orderProps = $[4];
+  }
+  const t1 = useDrawerControls();
+  let drawerProps;
+  let onClose;
+  let onOpen;
+  if ($[5] !== t1) {
+    ({
+      onOpen,
+      onClose,
+      ...drawerProps
+    } = t1);
+    $[5] = t1;
+    $[6] = drawerProps;
+    $[7] = onClose;
+    $[8] = onOpen;
+  } else {
+    drawerProps = $[6];
+    onClose = $[7];
+    onOpen = $[8];
+  }
+  const {
+    isConnected
+  } = useAccount();
+  const disabled = !isConnected || !orderProps || !marketPrice;
+  let t2;
+  if ($[9] !== marketPrice) {
+    t2 = {
+      marketPrice
+    };
+    $[9] = marketPrice;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  const {
+    step,
+    startMarketSwap,
+    isCancellable,
+    cancelFlow,
+    explorerLink,
+    result,
+    error
+  } = useMarketSwapStep(t2);
+  let t3;
+  if ($[11] !== cancelFlow || $[12] !== error || $[13] !== explorerLink || $[14] !== isCancellable || $[15] !== onClose || $[16] !== orderProps || $[17] !== result || $[18] !== 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];
+  }
+  const content = t3;
+  let t4;
+  if ($[20] !== buttonProps.onClick || $[21] !== onOpen || $[22] !== orderProps || $[23] !== startMarketSwap) {
+    t4 = orderProps ? () => {
+      onOpen();
+      startMarketSwap({
+        onTxSent: handleTxSent
+      });
+    } : buttonProps.onClick;
+    $[20] = buttonProps.onClick;
+    $[21] = onOpen;
+    $[22] = orderProps;
+    $[23] = startMarketSwap;
+    $[24] = t4;
+  } else {
+    t4 = $[24];
+  }
+  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;
+  } else {
+    t6 = $[28];
+  }
+  let t7;
+  if ($[29] !== cancelFlow || $[30] !== isCancellable) {
+    t7 = () => {
+      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;
+  } else {
+    t8 = $[36];
+  }
+  let t9;
+  if ($[37] !== t6 || $[38] !== t8) {
+    t9 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t6,
+      t8
+    ] });
+    $[37] = t6;
+    $[38] = t8;
+    $[39] = t9;
+  } else {
+    t9 = $[39];
+  }
+  return t9;
+}
+function DeltaSwapDrawerButton(t0) {
+  const $ = distExports.c(40);
+  let buttonProps;
+  let deltaPrice;
+  let drawerContainer;
+  let orderProps;
+  if ($[0] !== t0) {
+    ({
+      orderProps,
+      drawerContainer,
+      deltaPrice,
+      ...buttonProps
+    } = t0);
+    $[0] = t0;
+    $[1] = buttonProps;
+    $[2] = deltaPrice;
+    $[3] = drawerContainer;
+    $[4] = orderProps;
+  } else {
+    buttonProps = $[1];
+    deltaPrice = $[2];
+    drawerContainer = $[3];
+    orderProps = $[4];
+  }
+  const t1 = useDrawerControls();
+  let drawerProps;
+  let onClose;
+  let onOpen;
+  if ($[5] !== t1) {
+    ({
+      onOpen,
+      onClose,
+      ...drawerProps
+    } = t1);
+    $[5] = t1;
+    $[6] = drawerProps;
+    $[7] = onClose;
+    $[8] = onOpen;
+  } else {
+    drawerProps = $[6];
+    onClose = $[7];
+    onOpen = $[8];
+  }
+  const {
+    isConnected
+  } = useAccount();
+  const disabled = !isConnected || !orderProps || !deltaPrice;
+  let t2;
+  if ($[9] !== deltaPrice) {
+    t2 = {
+      deltaPrice
+    };
+    $[9] = deltaPrice;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  const {
+    step,
+    startDeltaSwap,
+    cancelFlow,
+    isCancellable,
+    explorerLink,
+    result,
+    error
+  } = useDeltaSwapStep(t2);
+  let t3;
+  if ($[11] !== cancelFlow || $[12] !== error || $[13] !== explorerLink || $[14] !== isCancellable || $[15] !== onClose || $[16] !== orderProps || $[17] !== result || $[18] !== 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];
+  }
+  const content = t3;
+  let t4;
+  if ($[20] !== buttonProps.onClick || $[21] !== onOpen || $[22] !== orderProps || $[23] !== startDeltaSwap) {
+    t4 = orderProps ? () => {
+      onOpen();
+      startDeltaSwap({
+        onTxSent: handleTxSent,
+        onOrderSent: handleOrderSent
+      });
+    } : buttonProps.onClick;
+    $[20] = buttonProps.onClick;
+    $[21] = onOpen;
+    $[22] = orderProps;
+    $[23] = startDeltaSwap;
+    $[24] = t4;
+  } else {
+    t4 = $[24];
+  }
+  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;
+  } else {
+    t6 = $[28];
+  }
+  let t7;
+  if ($[29] !== cancelFlow || $[30] !== isCancellable) {
+    t7 = () => {
+      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;
+  } else {
+    t8 = $[36];
+  }
+  let t9;
+  if ($[37] !== t6 || $[38] !== t8) {
+    t9 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t6,
+      t8
+    ] });
+    $[37] = t6;
+    $[38] = t8;
+    $[39] = t9;
+  } else {
+    t9 = $[39];
+  }
+  return t9;
+}
+
+export { Widget };
+//# sourceMappingURL=index.js.map