@velora-dex/widget 0.0.14 → 0.0.16

package/dist/widget/ConnectWalletDrawerButton.js

@@ -0,0 +1,95 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { d as distExports } from '../_virtual/index.js';
+import { Button } from '../components/ui/button.js';
+import { useDrawerControls } from '../components/widget/Drawer/state/useDrawerControls.js';
+import { useIsDappMode } from './state/externalProviderAtom.js';
+import { ControlledDrawer } from '../components/widget/Drawer/index.js';
+import { ConnectWalletsContainer } from '../components/web3/ConnectWallets/index.js';
+
+function ConnectWalletDrawerButton(t0) {
+  const $ = distExports.c(20);
+  let buttonProps;
+  let drawerContainer;
+  if ($[0] !== t0) {
+    ({
+      drawerContainer,
+      ...buttonProps
+    } = t0);
+    $[0] = t0;
+    $[1] = buttonProps;
+    $[2] = drawerContainer;
+  } else {
+    buttonProps = $[1];
+    drawerContainer = $[2];
+  }
+  let t1;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      drawerId: "connect-wallet-drawer"
+    };
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const t2 = useDrawerControls(t1);
+  let drawerProps;
+  let onOpen;
+  if ($[4] !== t2) {
+    ({
+      onOpen,
+      ...drawerProps
+    } = t2);
+    $[4] = t2;
+    $[5] = drawerProps;
+    $[6] = onOpen;
+  } else {
+    drawerProps = $[5];
+    onOpen = $[6];
+  }
+  const isDappMode = useIsDappMode();
+  const t3 = isDappMode || buttonProps.disabled;
+  let t4;
+  if ($[7] !== buttonProps || $[8] !== onOpen || $[9] !== t3) {
+    t4 = /* @__PURE__ */ jsx(Button, { className: "w-full mt-4 h-[48px] text-md", variant: "cta", radius: "lg", ...buttonProps, onClick: onOpen, disabled: t3, children: "Connect Wallet" });
+    $[7] = buttonProps;
+    $[8] = onOpen;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== drawerProps.onClose) {
+    t5 = /* @__PURE__ */ jsx(ConnectWalletsContainer, { onComplete: drawerProps.onClose });
+    $[11] = drawerProps.onClose;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== drawerContainer || $[14] !== drawerProps || $[15] !== t5) {
+    t6 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, title: "Connect Your Wallet", container: drawerContainer, showCloseButton: true, children: t5 });
+    $[13] = drawerContainer;
+    $[14] = drawerProps;
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== t4 || $[18] !== t6) {
+    t7 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t4,
+      t6
+    ] });
+    $[17] = t4;
+    $[18] = t6;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  return t7;
+}
+
+export { ConnectWalletDrawerButton };
+//# sourceMappingURL=ConnectWalletDrawerButton.js.map

package/dist/widget/ConnectWalletDrawerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectWalletDrawerButton.js","sources":["../../src/widget/ConnectWalletDrawerButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useDrawerControls } from \"@/components/widget/Drawer/state/useDrawerControls\";\nimport { useIsDappMode } from \"./state/externalProviderAtom\";\nimport { ControlledDrawer } from \"@/components/widget/Drawer\";\nimport { ConnectWalletsContainer } from \"@/components/web3/ConnectWallets\";\n\ntype ConnectWalletDrawerButtonProps = Omit<\n  React.ComponentProps<typeof Button>,\n  \"onClick\"\n> & {\n  drawerContainer?: HTMLDivElement | null;\n};\n\nexport function ConnectWalletDrawerButton({\n  drawerContainer,\n  ...buttonProps\n}: ConnectWalletDrawerButtonProps) {\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: \"connect-wallet-drawer\",\n  });\n  const isDappMode = useIsDappMode();\n\n  return (\n    <>\n      <Button\n        className=\"w-full mt-4 h-[48px] text-md\"\n        variant=\"cta\"\n        radius=\"lg\"\n        {...buttonProps}\n        onClick={onOpen}\n        disabled={isDappMode || buttonProps.disabled}\n      >\n        Connect Wallet\n      </Button>\n      <ControlledDrawer\n        {...drawerProps}\n        title=\"Connect Your Wallet\"\n        container={drawerContainer}\n        showCloseButton\n      >\n        <ConnectWalletsContainer onComplete={drawerProps.onClose} />\n      </ControlledDrawer>\n    </>\n  );\n}\n"],"names":["ConnectWalletDrawerButton","t0","$","_c","buttonProps","drawerContainer","t1","Symbol","for","drawerId","t2","useDrawerControls","drawerProps","onOpen","isDappMode","useIsDappMode","t3","disabled","t4","t5","onClose","t6","t7"],"mappings":"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"}

package/dist/widget/DevTools.d.ts

@@ -0,0 +1,2 @@
+export declare function DevTools(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DevTools.d.ts.map

package/dist/widget/DevTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevTools.d.ts","sourceRoot":"","sources":["../../src/widget/DevTools.tsx"],"names":[],"mappings":"AAIA,wBAAgB,QAAQ,4CAgBvB"}

package/dist/widget/Toaster.d.ts

@@ -0,0 +1,2 @@
+export declare function Toaster(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toaster.d.ts.map

package/dist/widget/Toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../src/widget/Toaster.tsx"],"names":[],"mappings":"AAEA,wBAAgB,OAAO,4CAkBtB"}

package/dist/widget/Toaster.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../_virtual/index.js';
+import { Toaster as Toaster$1 } from '../components/ui/sonner.js';
+
+function Toaster() {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx(Toaster$1, { style: {
+      position: "absolute",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: 49
+    }, position: "bottom-center" });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+
+export { Toaster };
+//# sourceMappingURL=Toaster.js.map

package/dist/widget/Toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","sources":["../../src/widget/Toaster.tsx"],"sourcesContent":["import { Toaster as SonnerToaster } from \"@/components/ui/sonner\";\n\nexport function Toaster() {\n  return (\n    <SonnerToaster\n      style={{\n        // keep within widget container\n        // @TODO for Dapp mode we may want it default=fixed\n        position: \"absolute\",\n        // [\"--width\" as string]: \"200px\", // used internally by sonner\n        // must assign early so it participates in position calculations,\n        // doesn't pass React.CSSProperties type\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        zIndex: 49, // must be below the drawer\n      }}\n      position=\"bottom-center\"\n    />\n  );\n}\n"],"names":["Toaster","$","_c","t0","Symbol","for","SonnerToaster","position","display","alignItems","justifyContent","zIndex"],"mappings":";;;;AAEO,SAAAA,OAAAA,GAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,EAAA,CAAA,CAAA,KAAAG,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAEHF,IAAAA,EAAAA,mBAAA,GAAA,CAACG,aACQ,KAAA,EAAA;AAAA,MAAAC,QAAAA,EAGK,UAAA;AAAA,MAAUC,OAAAA,EAIX,MAAA;AAAA,MAAMC,UAAAA,EACH,QAAA;AAAA,MAAQC,cAAAA,EACJ,QAAA;AAAA,MAAQC,MAAAA,EAAA;AAAA,KAAA,EAGjB,UAAA,eAAA,EAAe,CAAA;AACxBV,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAdFE,EAAAA;AAcE;;;;"}

package/dist/widget/TradeFlowButton.d.ts

@@ -0,0 +1,16 @@
+import { Button } from '../components/ui/button';
+import { SwapMode } from '../components/widget/SwapModeSwitcher/state/types';
+import { DeltaOrderTradeOverviewProps } from '../components/widget/TradeOverview/DeltaOrderTradeOverview';
+import { BridgePrice, DeltaPrice, OptimalRate } from '@velora-dex/sdk';
+type TradeFlowButtonProps = React.ComponentProps<typeof Button> & {
+    orderProps?: DrawerOrderProps;
+    drawerContainer?: HTMLDivElement | null;
+    marketPrice?: OptimalRate;
+    deltaPrice?: DeltaPrice | BridgePrice;
+    priceMode: SwapMode;
+    labelOverride?: string;
+};
+type DrawerOrderProps = Pick<DeltaOrderTradeOverviewProps, "fromToken" | "toToken" | "fromAmount" | "toAmount">;
+export declare function TradeFlowButton({ orderProps, drawerContainer, marketPrice, deltaPrice, priceMode, ...buttonProps }: TradeFlowButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TradeFlowButton.d.ts.map

package/dist/widget/TradeFlowButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradeFlowButton.d.ts","sourceRoot":"","sources":["../../src/widget/TradeFlowButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAMhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAEjF,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,2DAA2D,CAAC;AAK9G,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAK5E,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAChE,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,eAAe,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACtC,SAAS,EAAE,QAAQ,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAC1B,4BAA4B,EAC5B,WAAW,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,CACpD,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,eAAe,EACf,WAAW,EACX,UAAU,EACV,SAAS,EACT,GAAG,WAAW,EACf,EAAE,oBAAoB,2CA4CtB"}

package/dist/widget/TradeFlowButton.js

@@ -0,0 +1,474 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { d as distExports } from '../_virtual/index.js';
+import { Button } from '../components/ui/button.js';
+import { ControlledDrawer } from '../components/widget/Drawer/index.js';
+import { useDrawerControls } from '../components/widget/Drawer/state/useDrawerControls.js';
+import { DeltaOrderTradeOverview } from '../components/widget/TradeOverview/DeltaOrderTradeOverview.js';
+import { MarketSwapTradeOverview } from '../components/widget/TradeOverview/MarketSwapTradeOverview.js';
+import { useDeltaSwapStep } from '../hooks/swap/tradeFlow/useDeltaSwapStep.js';
+import { useMarketSwapStep } from '../hooks/swap/tradeFlow/useMarketSwapStep.js';
+import { handleTxSent, handleOrderSent } from '../lib/utils/toasts.js';
+import { useState } from 'react';
+import { formatUnits } from 'viem';
+import { useAccount } from 'wagmi';
+
+function TradeFlowButton(t0) {
+  const $ = distExports.c(22);
+  let buttonProps;
+  let deltaPrice;
+  let drawerContainer;
+  let marketPrice;
+  let orderProps;
+  let priceMode;
+  if ($[0] !== t0) {
+    ({
+      orderProps,
+      drawerContainer,
+      marketPrice,
+      deltaPrice,
+      priceMode,
+      ...buttonProps
+    } = t0);
+    $[0] = t0;
+    $[1] = buttonProps;
+    $[2] = deltaPrice;
+    $[3] = drawerContainer;
+    $[4] = marketPrice;
+    $[5] = orderProps;
+    $[6] = priceMode;
+  } else {
+    buttonProps = $[1];
+    deltaPrice = $[2];
+    drawerContainer = $[3];
+    marketPrice = $[4];
+    orderProps = $[5];
+    priceMode = $[6];
+  }
+  const [drawerOrderProps, setDrawerOrderProps] = useState(null);
+  let t1;
+  if ($[7] !== orderProps || $[8] !== priceMode) {
+    t1 = () => {
+      if (orderProps) {
+        setDrawerOrderProps({
+          fromToken: orderProps.fromToken,
+          toToken: orderProps.toToken,
+          fromAmount: orderProps.fromAmount,
+          toAmount: orderProps.toAmount,
+          priceMode
+        });
+      }
+    };
+    $[7] = orderProps;
+    $[8] = priceMode;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  let t2;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      setDrawerOrderProps(null);
+    };
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  let t3;
+  if ($[11] !== t1) {
+    t3 = {
+      drawerId: "trade-flow-drawer",
+      onOpen: t1,
+      onClose: t2
+    };
+    $[11] = t1;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  const drawerControls = useDrawerControls(t3);
+  const keepPriceMode = drawerOrderProps?.priceMode || priceMode;
+  let t4;
+  if ($[13] !== buttonProps || $[14] !== deltaPrice || $[15] !== drawerContainer || $[16] !== drawerControls || $[17] !== drawerOrderProps || $[18] !== keepPriceMode || $[19] !== marketPrice || $[20] !== orderProps) {
+    t4 = keepPriceMode === "market" ? /* @__PURE__ */ jsx(MarketSwapDrawerButton, { orderProps: drawerOrderProps || orderProps, drawerContainer, marketPrice, drawerControls, ...buttonProps }) : /* @__PURE__ */ jsx(DeltaSwapDrawerButton, { orderProps: drawerOrderProps || orderProps, drawerContainer, deltaPrice, drawerControls, ...buttonProps });
+    $[13] = buttonProps;
+    $[14] = deltaPrice;
+    $[15] = drawerContainer;
+    $[16] = drawerControls;
+    $[17] = drawerOrderProps;
+    $[18] = keepPriceMode;
+    $[19] = marketPrice;
+    $[20] = orderProps;
+    $[21] = t4;
+  } else {
+    t4 = $[21];
+  }
+  return t4;
+}
+function MarketSwapDrawerButton(t0) {
+  const $ = distExports.c(51);
+  let buttonProps;
+  let drawerContainer;
+  let drawerControls;
+  let labelOverride;
+  let marketPrice;
+  let orderProps;
+  if ($[0] !== t0) {
+    ({
+      orderProps,
+      drawerContainer,
+      marketPrice,
+      labelOverride,
+      drawerControls,
+      ...buttonProps
+    } = t0);
+    $[0] = t0;
+    $[1] = buttonProps;
+    $[2] = drawerContainer;
+    $[3] = drawerControls;
+    $[4] = labelOverride;
+    $[5] = marketPrice;
+    $[6] = orderProps;
+  } else {
+    buttonProps = $[1];
+    drawerContainer = $[2];
+    drawerControls = $[3];
+    labelOverride = $[4];
+    marketPrice = $[5];
+    orderProps = $[6];
+  }
+  let drawerProps;
+  let onClose;
+  let onOpen;
+  if ($[7] !== drawerControls) {
+    ({
+      onOpen,
+      onClose,
+      ...drawerProps
+    } = drawerControls);
+    $[7] = drawerControls;
+    $[8] = drawerProps;
+    $[9] = onClose;
+    $[10] = onOpen;
+  } else {
+    drawerProps = $[8];
+    onClose = $[9];
+    onOpen = $[10];
+  }
+  const {
+    isConnected
+  } = useAccount();
+  const disabled = !isConnected || !orderProps || !marketPrice;
+  let t1;
+  if ($[11] !== marketPrice) {
+    t1 = {
+      marketPrice
+    };
+    $[11] = marketPrice;
+    $[12] = t1;
+  } else {
+    t1 = $[12];
+  }
+  const {
+    step,
+    startMarketSwap,
+    isCancellable,
+    cancelFlow,
+    retryFlow,
+    explorerLink,
+    result,
+    usedPrice,
+    error,
+    erroredStep
+  } = useMarketSwapStep(t1);
+  let t2;
+  if ($[13] !== usedPrice) {
+    t2 = (orderProps_0) => usedPrice ? formatUnits(BigInt(usedPrice.srcAmount), usedPrice.srcDecimals) : orderProps_0.fromAmount;
+    $[13] = usedPrice;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  const getFromAmount = t2;
+  let t3;
+  if ($[15] !== usedPrice) {
+    t3 = (orderProps_1) => usedPrice ? formatUnits(BigInt(usedPrice.destAmount), usedPrice.destDecimals) : orderProps_1.toAmount;
+    $[15] = usedPrice;
+    $[16] = t3;
+  } else {
+    t3 = $[16];
+  }
+  const getToAmount = t3;
+  let t4;
+  if ($[17] !== cancelFlow || $[18] !== error || $[19] !== erroredStep || $[20] !== explorerLink || $[21] !== getFromAmount || $[22] !== getToAmount || $[23] !== isCancellable || $[24] !== onClose || $[25] !== orderProps || $[26] !== result || $[27] !== retryFlow || $[28] !== step) {
+    t4 = orderProps ? /* @__PURE__ */ jsx(MarketSwapTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: getFromAmount(orderProps), toAmount: getToAmount(orderProps), onDismiss: onClose, onCancel: cancelFlow, onRetry: retryFlow, activeStep: step, isCancellable, explorerLink, result, error, erroredStep }) : null;
+    $[17] = cancelFlow;
+    $[18] = error;
+    $[19] = erroredStep;
+    $[20] = explorerLink;
+    $[21] = getFromAmount;
+    $[22] = getToAmount;
+    $[23] = isCancellable;
+    $[24] = onClose;
+    $[25] = orderProps;
+    $[26] = result;
+    $[27] = retryFlow;
+    $[28] = step;
+    $[29] = t4;
+  } else {
+    t4 = $[29];
+  }
+  const content = t4;
+  let t5;
+  if ($[30] !== buttonProps.onClick || $[31] !== onOpen || $[32] !== orderProps || $[33] !== startMarketSwap) {
+    t5 = orderProps ? () => {
+      onOpen();
+      startMarketSwap({
+        onTxSent: handleTxSent
+      });
+    } : buttonProps.onClick;
+    $[30] = buttonProps.onClick;
+    $[31] = onOpen;
+    $[32] = orderProps;
+    $[33] = startMarketSwap;
+    $[34] = t5;
+  } else {
+    t5 = $[34];
+  }
+  const onClick = t5;
+  const t6 = buttonProps.disabled || disabled;
+  const t7 = labelOverride || "Swap";
+  let t8;
+  if ($[35] !== buttonProps || $[36] !== onClick || $[37] !== t6 || $[38] !== t7) {
+    t8 = /* @__PURE__ */ jsx(Button, { className: "w-full mt-4 h-[48px] text-md", variant: "cta", radius: "lg", ...buttonProps, onClick, disabled: t6, children: t7 });
+    $[35] = buttonProps;
+    $[36] = onClick;
+    $[37] = t6;
+    $[38] = t7;
+    $[39] = t8;
+  } else {
+    t8 = $[39];
+  }
+  let t9;
+  if ($[40] !== cancelFlow || $[41] !== isCancellable) {
+    t9 = () => {
+      if (isCancellable) {
+        cancelFlow();
+      }
+    };
+    $[40] = cancelFlow;
+    $[41] = isCancellable;
+    $[42] = t9;
+  } else {
+    t9 = $[42];
+  }
+  let t10;
+  if ($[43] !== content || $[44] !== drawerContainer || $[45] !== drawerProps || $[46] !== t9) {
+    t10 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t9, children: content });
+    $[43] = content;
+    $[44] = drawerContainer;
+    $[45] = drawerProps;
+    $[46] = t9;
+    $[47] = t10;
+  } else {
+    t10 = $[47];
+  }
+  let t11;
+  if ($[48] !== t10 || $[49] !== t8) {
+    t11 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t8,
+      t10
+    ] });
+    $[48] = t10;
+    $[49] = t8;
+    $[50] = t11;
+  } else {
+    t11 = $[50];
+  }
+  return t11;
+}
+function DeltaSwapDrawerButton(t0) {
+  const $ = distExports.c(51);
+  let buttonProps;
+  let deltaPrice;
+  let drawerContainer;
+  let drawerControls;
+  let labelOverride;
+  let orderProps;
+  if ($[0] !== t0) {
+    ({
+      orderProps,
+      drawerContainer,
+      deltaPrice,
+      labelOverride,
+      drawerControls,
+      ...buttonProps
+    } = t0);
+    $[0] = t0;
+    $[1] = buttonProps;
+    $[2] = deltaPrice;
+    $[3] = drawerContainer;
+    $[4] = drawerControls;
+    $[5] = labelOverride;
+    $[6] = orderProps;
+  } else {
+    buttonProps = $[1];
+    deltaPrice = $[2];
+    drawerContainer = $[3];
+    drawerControls = $[4];
+    labelOverride = $[5];
+    orderProps = $[6];
+  }
+  let drawerProps;
+  let onClose;
+  let onOpen;
+  if ($[7] !== drawerControls) {
+    ({
+      onOpen,
+      onClose,
+      ...drawerProps
+    } = drawerControls);
+    $[7] = drawerControls;
+    $[8] = drawerProps;
+    $[9] = onClose;
+    $[10] = onOpen;
+  } else {
+    drawerProps = $[8];
+    onClose = $[9];
+    onOpen = $[10];
+  }
+  const {
+    isConnected
+  } = useAccount();
+  const disabled = !isConnected || !orderProps || !deltaPrice;
+  let t1;
+  if ($[11] !== deltaPrice) {
+    t1 = {
+      deltaPrice
+    };
+    $[11] = deltaPrice;
+    $[12] = t1;
+  } else {
+    t1 = $[12];
+  }
+  const {
+    step,
+    startDeltaSwap,
+    cancelFlow,
+    retryFlow,
+    isCancellable,
+    explorerLink,
+    result,
+    usedPrice,
+    error,
+    erroredStep
+  } = useDeltaSwapStep(t1);
+  let t2;
+  if ($[13] !== usedPrice) {
+    t2 = (orderProps_0) => usedPrice ? formatUnits(BigInt(usedPrice.srcAmount), orderProps_0.fromToken.decimals) : orderProps_0.fromAmount;
+    $[13] = usedPrice;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  const getFromAmount = t2;
+  let t3;
+  if ($[15] !== usedPrice) {
+    t3 = (orderProps_1) => usedPrice ? formatUnits(BigInt(usedPrice.destAmount), orderProps_1.toToken.decimals) : orderProps_1.toAmount;
+    $[15] = usedPrice;
+    $[16] = t3;
+  } else {
+    t3 = $[16];
+  }
+  const getToAmount = t3;
+  let t4;
+  if ($[17] !== cancelFlow || $[18] !== error || $[19] !== erroredStep || $[20] !== explorerLink || $[21] !== getFromAmount || $[22] !== getToAmount || $[23] !== isCancellable || $[24] !== onClose || $[25] !== orderProps || $[26] !== result || $[27] !== retryFlow || $[28] !== step) {
+    t4 = orderProps ? /* @__PURE__ */ jsx(DeltaOrderTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: getFromAmount(orderProps), toAmount: getToAmount(orderProps), onDismiss: onClose, onCancel: cancelFlow, onRetry: retryFlow, activeStep: step, isCancellable, explorerLink, result, error, erroredStep }) : null;
+    $[17] = cancelFlow;
+    $[18] = error;
+    $[19] = erroredStep;
+    $[20] = explorerLink;
+    $[21] = getFromAmount;
+    $[22] = getToAmount;
+    $[23] = isCancellable;
+    $[24] = onClose;
+    $[25] = orderProps;
+    $[26] = result;
+    $[27] = retryFlow;
+    $[28] = step;
+    $[29] = t4;
+  } else {
+    t4 = $[29];
+  }
+  const content = t4;
+  let t5;
+  if ($[30] !== buttonProps.onClick || $[31] !== onOpen || $[32] !== orderProps || $[33] !== startDeltaSwap) {
+    t5 = orderProps ? () => {
+      onOpen();
+      startDeltaSwap({
+        onTxSent: handleTxSent,
+        onOrderSent: handleOrderSent
+      });
+    } : buttonProps.onClick;
+    $[30] = buttonProps.onClick;
+    $[31] = onOpen;
+    $[32] = orderProps;
+    $[33] = startDeltaSwap;
+    $[34] = t5;
+  } else {
+    t5 = $[34];
+  }
+  const onClick = t5;
+  const t6 = buttonProps.disabled || disabled;
+  const t7 = labelOverride || "Swap";
+  let t8;
+  if ($[35] !== buttonProps || $[36] !== onClick || $[37] !== t6 || $[38] !== t7) {
+    t8 = /* @__PURE__ */ jsx(Button, { className: "w-full mt-4 h-[48px] text-md", variant: "cta", radius: "lg", ...buttonProps, onClick, disabled: t6, children: t7 });
+    $[35] = buttonProps;
+    $[36] = onClick;
+    $[37] = t6;
+    $[38] = t7;
+    $[39] = t8;
+  } else {
+    t8 = $[39];
+  }
+  let t9;
+  if ($[40] !== cancelFlow || $[41] !== isCancellable) {
+    t9 = () => {
+      if (isCancellable) {
+        cancelFlow();
+      }
+    };
+    $[40] = cancelFlow;
+    $[41] = isCancellable;
+    $[42] = t9;
+  } else {
+    t9 = $[42];
+  }
+  let t10;
+  if ($[43] !== content || $[44] !== drawerContainer || $[45] !== drawerProps || $[46] !== t9) {
+    t10 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t9, children: content });
+    $[43] = content;
+    $[44] = drawerContainer;
+    $[45] = drawerProps;
+    $[46] = t9;
+    $[47] = t10;
+  } else {
+    t10 = $[47];
+  }
+  let t11;
+  if ($[48] !== t10 || $[49] !== t8) {
+    t11 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t8,
+      t10
+    ] });
+    $[48] = t10;
+    $[49] = t8;
+    $[50] = t11;
+  } else {
+    t11 = $[50];
+  }
+  return t11;
+}
+
+export { TradeFlowButton };
+//# sourceMappingURL=TradeFlowButton.js.map