@velora-dex/widget 0.0.14 → 0.0.16

package/dist/widget/index.js

@@ -1,12 +1,11 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { d as distExports } from '../_virtual/index.js';
-import styles from '../styles/global.css.js';
+import '../styles.css';/* 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';
-import { Button } from '../components/ui/button.js';
+import '../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';
@@ -17,142 +16,166 @@ 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 { 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 { PoweredBy } from '../components/widget/PoweredBy/PoweredBy.js';
 import { useWidgetButtonExtraProps } from './button/hooks/useWidgetButtonExtraProps.js';
 import { useSwapPrices } from '../hooks/swap/prices/useSwapPrices.js';
+import { Toaster } from './Toaster.js';
+import { externalProviderAtom } from './state/externalProviderAtom.js';
+import { AutoconnectExternalProvider } from '../components/web3/ConnectExternalProvider/AutoconnectExternal.js';
+import { TradeFlowButton } from './TradeFlowButton.js';
+import { ConnectWalletDrawerButton } from './ConnectWalletDrawerButton.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(PoweredBy, {}),
-    /* @__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 $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__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(PoweredBy, {}),
+      /* @__PURE__ */ jsx(Toaster, {})
+    ] });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
 };
 const Widget = (t0) => {
-  const $ = distExports.c(17);
+  const $ = distExports.c(28);
   const {
-    config
+    config,
+    provider
   } = t0;
   const setWidgetConfig = useSetAtom(setWidgetConfigAtom);
   let t1;
   if ($[0] !== config) {
-    t1 = [[setWidgetConfigAtom, {
+    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 = () => {
+  const t2 = provider || null;
+  let t3;
+  if ($[2] !== t2) {
+    t3 = [externalProviderAtom, t2];
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== t1 || $[5] !== t3) {
+    t4 = [t1, t3];
+    $[4] = t1;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  useHydrateAtoms(t4);
+  let t5;
+  if ($[7] !== config?.enableDelta || $[8] !== config?.partner || $[9] !== config?.privyAppId || $[10] !== config?.privyClientId || $[11] !== config?.theme || $[12] !== config?.widgetMode || $[13] !== setWidgetConfig) {
+    t5 = () => {
       setWidgetConfig({
         theme: config?.theme,
         enableDelta: config?.enableDelta,
         partner: config?.partner,
         privyAppId: config?.privyAppId,
-        privyClientId: config?.privyClientId
+        privyClientId: config?.privyClientId,
+        widgetMode: config?.widgetMode
       });
     };
-    $[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("style", { children: styles }),
+    $[7] = config?.enableDelta;
+    $[8] = config?.partner;
+    $[9] = config?.privyAppId;
+    $[10] = config?.privyClientId;
+    $[11] = config?.theme;
+    $[12] = config?.widgetMode;
+    $[13] = setWidgetConfig;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  const t6 = config?.theme;
+  const t7 = config?.enableDelta;
+  const t8 = config?.partner;
+  const t9 = config?.privyAppId;
+  const t10 = config?.privyClientId;
+  const t11 = config?.widgetMode;
+  let t12;
+  if ($[15] !== setWidgetConfig || $[16] !== t10 || $[17] !== t11 || $[18] !== t6 || $[19] !== t7 || $[20] !== t8 || $[21] !== t9) {
+    t12 = [t6, t7, t8, t9, t10, t11, setWidgetConfig];
+    $[15] = setWidgetConfig;
+    $[16] = t10;
+    $[17] = t11;
+    $[18] = t6;
+    $[19] = t7;
+    $[20] = t8;
+    $[21] = t9;
+    $[22] = t12;
+  } else {
+    t12 = $[22];
+  }
+  useLayoutEffect(t5, t12);
+  const setExternalProvider = useSetAtom(externalProviderAtom);
+  let t13;
+  let t14;
+  if ($[23] !== provider || $[24] !== setExternalProvider) {
+    t13 = () => {
+      setExternalProvider(provider || null);
+    };
+    t14 = [provider, setExternalProvider];
+    $[23] = provider;
+    $[24] = setExternalProvider;
+    $[25] = t13;
+    $[26] = t14;
+  } else {
+    t13 = $[25];
+    t14 = $[26];
+  }
+  useLayoutEffect(t13, t14);
+  let t15;
+  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+    t15 = /* @__PURE__ */ jsxs(Web3Providers, { children: [
+      /* @__PURE__ */ jsx(AutoconnectExternalProvider, {}),
       /* @__PURE__ */ jsx(PrivyIframeDependency, {}),
       /* @__PURE__ */ jsx(Updaters, {}),
       /* @__PURE__ */ jsx(App, {}),
       false
     ] });
-    $[16] = t9;
+    $[27] = t15;
   } else {
-    t9 = $[16];
+    t15 = $[27];
   }
-  return t9;
+  return t15;
 };
 function Containers(t0) {
-  const $ = distExports.c(8);
+  const $ = distExports.c(11);
   const {
     children
   } = t0;
@@ -161,7 +184,7 @@ function Containers(t0) {
   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]", {
+    t2 = cn("velora-widget", {
       dark: t1
     });
     $[0] = t1;
@@ -170,24 +193,42 @@ function Containers(t0) {
     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;
+  if ($[2] !== setContainerElement) {
+    t3 = /* @__PURE__ */ jsx("div", { className: "overflow-hidden bottom-0 left-0 right-0 h-[590px] absolute", ref: setContainerElement });
+    $[2] = setContainerElement;
     $[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;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = cn("relative flex flex-col 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");
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== children) {
+    t5 = /* @__PURE__ */ jsx("div", { className: t4, children });
+    $[5] = children;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== t2 || $[8] !== t3 || $[9] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("div", { className: t2, id: WIDGET_ELEMENT_ID, children: [
+      t3,
+      t5
+    ] });
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t5;
+    $[10] = t6;
   } else {
-    t4 = $[7];
+    t6 = $[10];
   }
-  return t4;
+  return t6;
 }
 function WidgetHeader() {
   const $ = distExports.c(1);
@@ -527,7 +568,7 @@ function ButtonWithDrawer(t0) {
   }
   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 });
+    t1 = /* @__PURE__ */ jsx(TradeFlowButton, { orderProps, drawerContainer, marketPrice, deltaPrice, priceMode, ...buttonProps });
     $[15] = buttonProps;
     $[16] = deltaPrice;
     $[17] = drawerContainer;
@@ -540,387 +581,6 @@ function ButtonWithDrawer(t0) {
   }
   return t1;
 }
-function ConnectWalletDrawerButton(t0) {
-  const $ = distExports.c(18);
-  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 onOpen;
-  if ($[3] !== t1) {
-    ({
-      onOpen,
-      ...drawerProps
-    } = t1);
-    $[3] = t1;
-    $[4] = drawerProps;
-    $[5] = onOpen;
-  } else {
-    drawerProps = $[4];
-    onOpen = $[5];
-  }
-  let t2;
-  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" });
-    $[6] = buttonProps;
-    $[7] = onOpen;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  let t3;
-  if ($[9] !== drawerProps.onClose) {
-    t3 = /* @__PURE__ */ jsx(ConnectWalletsContainer, { onComplete: drawerProps.onClose });
-    $[9] = drawerProps.onClose;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  let 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 = $[14];
-  }
-  let t5;
-  if ($[15] !== t2 || $[16] !== t4) {
-    t5 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t2,
-      t4
-    ] });
-    $[15] = t2;
-    $[16] = t4;
-    $[17] = t5;
-  } else {
-    t5 = $[17];
-  }
-  return t5;
-}
-function MarketSwapDrawerButton(t0) {
-  const $ = distExports.c(42);
-  let buttonProps;
-  let drawerContainer;
-  let labelOverride;
-  let marketPrice;
-  let orderProps;
-  if ($[0] !== t0) {
-    ({
-      orderProps,
-      drawerContainer,
-      marketPrice,
-      labelOverride,
-      ...buttonProps
-    } = t0);
-    $[0] = t0;
-    $[1] = buttonProps;
-    $[2] = drawerContainer;
-    $[3] = labelOverride;
-    $[4] = marketPrice;
-    $[5] = orderProps;
-  } else {
-    buttonProps = $[1];
-    drawerContainer = $[2];
-    labelOverride = $[3];
-    marketPrice = $[4];
-    orderProps = $[5];
-  }
-  const t1 = useDrawerControls();
-  let drawerProps;
-  let onClose;
-  let onOpen;
-  if ($[6] !== t1) {
-    ({
-      onOpen,
-      onClose,
-      ...drawerProps
-    } = t1);
-    $[6] = t1;
-    $[7] = drawerProps;
-    $[8] = onClose;
-    $[9] = onOpen;
-  } else {
-    drawerProps = $[7];
-    onClose = $[8];
-    onOpen = $[9];
-  }
-  const {
-    isConnected
-  } = useAccount();
-  const disabled = !isConnected || !orderProps || !marketPrice;
-  let t2;
-  if ($[10] !== marketPrice) {
-    t2 = {
-      marketPrice
-    };
-    $[10] = marketPrice;
-    $[11] = t2;
-  } else {
-    t2 = $[11];
-  }
-  const {
-    step,
-    startMarketSwap,
-    isCancellable,
-    cancelFlow,
-    explorerLink,
-    result,
-    error
-  } = useMarketSwapStep(t2);
-  let t3;
-  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;
-    $[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 ($[21] !== buttonProps.onClick || $[22] !== onOpen || $[23] !== orderProps || $[24] !== startMarketSwap) {
-    t4 = orderProps ? () => {
-      onOpen();
-      startMarketSwap({
-        onTxSent: handleTxSent
-      });
-    } : buttonProps.onClick;
-    $[21] = buttonProps.onClick;
-    $[22] = onOpen;
-    $[23] = orderProps;
-    $[24] = startMarketSwap;
-    $[25] = t4;
-  } else {
-    t4 = $[25];
-  }
-  const onClick = t4;
-  const t5 = buttonProps.disabled || disabled;
-  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 {
-    t7 = $[30];
-  }
-  let t8;
-  if ($[31] !== cancelFlow || $[32] !== isCancellable) {
-    t8 = () => {
-      if (isCancellable) {
-        cancelFlow();
-      }
-    };
-    $[31] = cancelFlow;
-    $[32] = isCancellable;
-    $[33] = t8;
-  } else {
-    t8 = $[33];
-  }
-  let t9;
-  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
-    ] });
-    $[39] = t7;
-    $[40] = t9;
-    $[41] = t10;
-  } else {
-    t10 = $[41];
-  }
-  return t10;
-}
-function DeltaSwapDrawerButton(t0) {
-  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] = labelOverride;
-    $[5] = orderProps;
-  } else {
-    buttonProps = $[1];
-    deltaPrice = $[2];
-    drawerContainer = $[3];
-    labelOverride = $[4];
-    orderProps = $[5];
-  }
-  const t1 = useDrawerControls();
-  let drawerProps;
-  let onClose;
-  let onOpen;
-  if ($[6] !== t1) {
-    ({
-      onOpen,
-      onClose,
-      ...drawerProps
-    } = t1);
-    $[6] = t1;
-    $[7] = drawerProps;
-    $[8] = onClose;
-    $[9] = onOpen;
-  } else {
-    drawerProps = $[7];
-    onClose = $[8];
-    onOpen = $[9];
-  }
-  const {
-    isConnected
-  } = useAccount();
-  const disabled = !isConnected || !orderProps || !deltaPrice;
-  let t2;
-  if ($[10] !== deltaPrice) {
-    t2 = {
-      deltaPrice
-    };
-    $[10] = deltaPrice;
-    $[11] = t2;
-  } else {
-    t2 = $[11];
-  }
-  const {
-    step,
-    startDeltaSwap,
-    cancelFlow,
-    isCancellable,
-    explorerLink,
-    result,
-    error
-  } = useDeltaSwapStep(t2);
-  let t3;
-  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;
-    $[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 ($[21] !== buttonProps.onClick || $[22] !== onOpen || $[23] !== orderProps || $[24] !== startDeltaSwap) {
-    t4 = orderProps ? () => {
-      onOpen();
-      startDeltaSwap({
-        onTxSent: handleTxSent,
-        onOrderSent: handleOrderSent
-      });
-    } : buttonProps.onClick;
-    $[21] = buttonProps.onClick;
-    $[22] = onOpen;
-    $[23] = orderProps;
-    $[24] = startDeltaSwap;
-    $[25] = t4;
-  } else {
-    t4 = $[25];
-  }
-  const onClick = t4;
-  const t5 = buttonProps.disabled || disabled;
-  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 {
-    t7 = $[30];
-  }
-  let t8;
-  if ($[31] !== cancelFlow || $[32] !== isCancellable) {
-    t8 = () => {
-      if (isCancellable) {
-        cancelFlow();
-      }
-    };
-    $[31] = cancelFlow;
-    $[32] = isCancellable;
-    $[33] = t8;
-  } else {
-    t8 = $[33];
-  }
-  let t9;
-  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
-    ] });
-    $[39] = t7;
-    $[40] = t9;
-    $[41] = t10;
-  } else {
-    t10 = $[41];
-  }
-  return t10;
-}
 
 export { Widget };
 //# sourceMappingURL=index.js.map