@velora-dex/widget 0.6.0 → 0.6.1-dev.1

package/dist/components/widget/WrapEth/WrapEthContent.js

@@ -1,88 +1,166 @@
-import { cn as e } from "../../../lib/utils/index.js";
-import { ForwardRef as t } from "../../../assets/weth.js";
-import { Button as n } from "../../ui/button.js";
-import { toDecimalTrimmed as r } from "../../../lib/utils/toDecimal.js";
-import { useCurrentChainConfig as i } from "../../../hooks/useCurrentChain.js";
-import { useSubmitDepositTxMutation as a } from "./hooks/useSubmitDepositTxMutation.js";
-import { c as o } from "react-compiler-runtime";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Loader2 as l } from "lucide-react";
-//#region src/components/widget/WrapEth/WrapEthContent.tsx
-var u = (u) => {
-	let d = o(33), { onSuccess: f, onDismiss: p, ethAmountUnit: m, ethAmountWei: h, isLoading: g, canWrap: _, classes: v, tradeMode: y } = u, { name: b, nativeCurrency: x } = i(), S;
-	d[0] !== h || d[1] !== f || d[2] !== y ? (S = {
-		amount: h,
-		onSuccess: f,
-		tradeMode: y
-	}, d[0] = h, d[1] = f, d[2] = y, d[3] = S) : S = d[3];
-	let { mutate: C, isPending: w } = a(S), T;
-	d[4] === m ? T = d[5] : (T = r(m), d[4] = m, d[5] = T);
-	let E = T, D = v?.root, O;
-	d[6] === D ? O = d[7] : (O = e("flex flex-col items-center justify-center", D), d[6] = D, d[7] = O);
-	let k;
-	d[8] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ s(t, { className: "mb-8" }), d[8] = k) : k = d[8];
-	let A;
-	d[9] === x.symbol ? A = d[10] : (A = /* @__PURE__ */ c("a", {
-		className: "text-primary-azul-1",
-		href: "#",
-		target: "_blank",
-		rel: "noopener noreferrer",
-		children: ["Read more about Wrapped ", x.symbol]
-	}), d[9] = x.symbol, d[10] = A);
-	let j;
-	d[11] !== E || d[12] !== b || d[13] !== x.symbol || d[14] !== A ? (j = /* @__PURE__ */ c("div", {
-		className: "max-w-[336px] text-center text-sm dark:text-contrast-7 flex flex-col gap-4",
-		children: [
-			"You need to wrap ",
-			E,
-			" ",
-			x.symbol,
-			" and use it as W",
-			x.symbol,
-			" in the Delta swap order. It's a technical requirement on ",
-			b,
-			" network.",
-			A
-		]
-	}), d[11] = E, d[12] = b, d[13] = x.symbol, d[14] = A, d[15] = j) : j = d[15];
-	let M = !_ || w || g, N;
-	d[16] === C ? N = d[17] : (N = () => C(), d[16] = C, d[17] = N);
-	let P;
-	d[18] === w ? P = d[19] : (P = w && /* @__PURE__ */ s(l, { className: "mr-2 h-4 w-4 animate-spin" }), d[18] = w, d[19] = P);
-	let F;
-	d[20] !== E || d[21] !== x.symbol || d[22] !== P || d[23] !== M || d[24] !== N ? (F = /* @__PURE__ */ c(n, {
-		className: "w-full mt-12 h-[40px] text-md",
-		radius: "sm",
-		disabled: M,
-		onClick: N,
-		children: [
-			P,
-			"Wrap ",
-			E,
-			" ",
-			x.symbol
-		]
-	}), d[20] = E, d[21] = x.symbol, d[22] = P, d[23] = M, d[24] = N, d[25] = F) : F = d[25];
-	let I;
-	d[26] === p ? I = d[27] : (I = /* @__PURE__ */ s(n, {
-		className: "w-full mt-4 h-[40px] text-md",
-		variant: "secondary",
-		radius: "sm",
-		onClick: p,
-		children: "Dismiss"
-	}), d[26] = p, d[27] = I);
-	let L;
-	return d[28] !== F || d[29] !== I || d[30] !== O || d[31] !== j ? (L = /* @__PURE__ */ c("div", {
-		className: O,
-		children: [
-			k,
-			j,
-			F,
-			I
-		]
-	}), d[28] = F, d[29] = I, d[30] = O, d[31] = j, d[32] = L) : L = d[32], L;
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { ReactComponent as ForwardRef } from '../../../assets/weth.svg.js';
+import { useCurrentChainConfig } from '../../../hooks/useCurrentChain.js';
+import { Button } from '../../ui/button.js';
+import { cn } from '../../../lib/utils/index.js';
+import { toDecimalTrimmed } from '../../../lib/utils/toDecimal.js';
+import { Loader2 } from 'lucide-react';
+import { useSubmitDepositTxMutation } from './hooks/useSubmitDepositTxMutation.js';
+
+const WrapEthContent = (t0) => {
+  const $ = distExports.c(33);
+  const {
+    onSuccess,
+    onDismiss,
+    ethAmountUnit,
+    ethAmountWei,
+    isLoading,
+    canWrap,
+    classes,
+    tradeMode
+  } = t0;
+  const {
+    name,
+    nativeCurrency
+  } = useCurrentChainConfig();
+  let t1;
+  if ($[0] !== ethAmountWei || $[1] !== onSuccess || $[2] !== tradeMode) {
+    t1 = {
+      amount: ethAmountWei,
+      onSuccess,
+      tradeMode
+    };
+    $[0] = ethAmountWei;
+    $[1] = onSuccess;
+    $[2] = tradeMode;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const {
+    mutate,
+    isPending
+  } = useSubmitDepositTxMutation(t1);
+  let t2;
+  if ($[4] !== ethAmountUnit) {
+    t2 = toDecimalTrimmed(ethAmountUnit);
+    $[4] = ethAmountUnit;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const amountToDisplay = t2;
+  const t3 = classes?.root;
+  let t4;
+  if ($[6] !== t3) {
+    t4 = cn("flex flex-col items-center justify-center", t3);
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /* @__PURE__ */ jsx(ForwardRef, { className: "mb-8" });
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== nativeCurrency.symbol) {
+    t6 = /* @__PURE__ */ jsxs("a", { className: "text-primary-azul-1", href: "#", target: "_blank", rel: "noopener noreferrer", children: [
+      "Read more about Wrapped ",
+      nativeCurrency.symbol
+    ] });
+    $[9] = nativeCurrency.symbol;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== amountToDisplay || $[12] !== name || $[13] !== nativeCurrency.symbol || $[14] !== t6) {
+    t7 = /* @__PURE__ */ jsxs("div", { className: "max-w-[336px] text-center text-sm dark:text-contrast-7 flex flex-col gap-4", children: [
+      "You need to wrap ",
+      amountToDisplay,
+      " ",
+      nativeCurrency.symbol,
+      " and use it as W",
+      nativeCurrency.symbol,
+      " in the Delta swap order. It's a technical requirement on ",
+      name,
+      " network.",
+      t6
+    ] });
+    $[11] = amountToDisplay;
+    $[12] = name;
+    $[13] = nativeCurrency.symbol;
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  const t8 = !canWrap || isPending || isLoading;
+  let t9;
+  if ($[16] !== mutate) {
+    t9 = () => mutate();
+    $[16] = mutate;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  let t10;
+  if ($[18] !== isPending) {
+    t10 = isPending && /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" });
+    $[18] = isPending;
+    $[19] = t10;
+  } else {
+    t10 = $[19];
+  }
+  let t11;
+  if ($[20] !== amountToDisplay || $[21] !== nativeCurrency.symbol || $[22] !== t10 || $[23] !== t8 || $[24] !== t9) {
+    t11 = /* @__PURE__ */ jsxs(Button, { className: "w-full mt-12 h-[40px] text-md", radius: "sm", disabled: t8, onClick: t9, children: [
+      t10,
+      "Wrap ",
+      amountToDisplay,
+      " ",
+      nativeCurrency.symbol
+    ] });
+    $[20] = amountToDisplay;
+    $[21] = nativeCurrency.symbol;
+    $[22] = t10;
+    $[23] = t8;
+    $[24] = t9;
+    $[25] = t11;
+  } else {
+    t11 = $[25];
+  }
+  let t12;
+  if ($[26] !== onDismiss) {
+    t12 = /* @__PURE__ */ jsx(Button, { className: "w-full mt-4 h-[40px] text-md", variant: "secondary", radius: "sm", onClick: onDismiss, children: "Dismiss" });
+    $[26] = onDismiss;
+    $[27] = t12;
+  } else {
+    t12 = $[27];
+  }
+  let t13;
+  if ($[28] !== t11 || $[29] !== t12 || $[30] !== t4 || $[31] !== t7) {
+    t13 = /* @__PURE__ */ jsxs("div", { className: t4, children: [
+      t5,
+      t7,
+      t11,
+      t12
+    ] });
+    $[28] = t11;
+    $[29] = t12;
+    $[30] = t4;
+    $[31] = t7;
+    $[32] = t13;
+  } else {
+    t13 = $[32];
+  }
+  return t13;
 };
-//#endregion
-export { u as WrapEthContent };
 
-//# sourceMappingURL=WrapEthContent.js.map
+export { WrapEthContent };
+//# sourceMappingURL=WrapEthContent.js.map

package/dist/components/widget/WrapEth/WrapEthContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"WrapEthContent.js","names":["ReactComponent","WethSVG","WrapEthProps","useCurrentChainConfig","Button","WithClasses","cn","toDecimalTrimmed","Loader2","useSubmitDepositTxMutation","TransactionReceipt","WrapEthContent","t0","$","_c","onSuccess","onDismiss","ethAmountUnit","ethAmountWei","isLoading","canWrap","classes","tradeMode","name","nativeCurrency","t1","amount","mutate","isPending","t2","amountToDisplay","t3","root","t4","t5","Symbol","for","t6","symbol","t7","t8","t9","t10","t11","t12","t13"],"sources":["../../../../src/components/widget/WrapEth/WrapEthContent.tsx"],"sourcesContent":["import { ReactComponent as WethSVG } from \"@/assets/weth.svg\";\nimport type { WrapEthProps } from \"./hooks/types\";\nimport { useCurrentChainConfig } from \"@/hooks/useCurrentChain\";\nimport { Button } from \"@/components/ui/button\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { cn } from \"@/lib/utils\";\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport { Loader2 } from \"lucide-react\";\nimport { useSubmitDepositTxMutation } from \"./hooks/useSubmitDepositTxMutation\";\nimport type { TransactionReceipt } from \"viem\";\n\nexport const WrapEthContent = ({\n  onSuccess,\n  onDismiss,\n  ethAmountUnit,\n  ethAmountWei,\n  isLoading,\n  canWrap,\n  classes,\n  tradeMode,\n}: {\n  onSuccess?: (txReceipt: TransactionReceipt) => void;\n  onDismiss?: () => void;\n} & WrapEthProps &\n  WithClasses<\"root\">) => {\n  const { name, nativeCurrency } = useCurrentChainConfig();\n\n  const { mutate, isPending } = useSubmitDepositTxMutation({\n    amount: ethAmountWei,\n    onSuccess,\n    tradeMode,\n  });\n\n  const amountToDisplay = toDecimalTrimmed(ethAmountUnit);\n\n  return (\n    <div\n      className={cn(\"flex flex-col items-center justify-center\", classes?.root)}\n    >\n      <WethSVG className=\"mb-8\" />\n      <div className=\"max-w-[336px] text-center text-sm dark:text-contrast-7 flex flex-col gap-4\">\n        You need to wrap {amountToDisplay} {nativeCurrency.symbol} and use it as\n        W{nativeCurrency.symbol} in the Delta swap order. It's a technical\n        requirement on {name} network.\n        <a\n          className=\"text-primary-azul-1\"\n          href=\"#\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Read more about Wrapped {nativeCurrency.symbol}\n        </a>\n      </div>\n      <Button\n        className=\"w-full mt-12 h-[40px] text-md\"\n        radius=\"sm\"\n        disabled={!canWrap || isPending || isLoading}\n        onClick={() => mutate()}\n      >\n        {isPending && <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />}\n        Wrap {amountToDisplay} {nativeCurrency.symbol}\n      </Button>\n      <Button\n        className=\"w-full mt-4 h-[40px] text-md\"\n        variant=\"secondary\"\n        radius=\"sm\"\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"WrapEthContent.js","sources":["../../../../src/components/widget/WrapEth/WrapEthContent.tsx"],"sourcesContent":["import { ReactComponent as WethSVG } from \"@/assets/weth.svg\";\nimport type { WrapEthProps } from \"./hooks/types\";\nimport { useCurrentChainConfig } from \"@/hooks/useCurrentChain\";\nimport { Button } from \"@/components/ui/button\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { cn } from \"@/lib/utils\";\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport { Loader2 } from \"lucide-react\";\nimport { useSubmitDepositTxMutation } from \"./hooks/useSubmitDepositTxMutation\";\nimport type { TransactionReceipt } from \"viem\";\n\nexport const WrapEthContent = ({\n  onSuccess,\n  onDismiss,\n  ethAmountUnit,\n  ethAmountWei,\n  isLoading,\n  canWrap,\n  classes,\n  tradeMode,\n}: {\n  onSuccess?: (txReceipt: TransactionReceipt) => void;\n  onDismiss?: () => void;\n} & WrapEthProps &\n  WithClasses<\"root\">) => {\n  const { name, nativeCurrency } = useCurrentChainConfig();\n\n  const { mutate, isPending } = useSubmitDepositTxMutation({\n    amount: ethAmountWei,\n    onSuccess,\n    tradeMode,\n  });\n\n  const amountToDisplay = toDecimalTrimmed(ethAmountUnit);\n\n  return (\n    <div\n      className={cn(\"flex flex-col items-center justify-center\", classes?.root)}\n    >\n      <WethSVG className=\"mb-8\" />\n      <div className=\"max-w-[336px] text-center text-sm dark:text-contrast-7 flex flex-col gap-4\">\n        You need to wrap {amountToDisplay} {nativeCurrency.symbol} and use it as\n        W{nativeCurrency.symbol} in the Delta swap order. It's a technical\n        requirement on {name} network.\n        <a\n          className=\"text-primary-azul-1\"\n          href=\"#\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Read more about Wrapped {nativeCurrency.symbol}\n        </a>\n      </div>\n      <Button\n        className=\"w-full mt-12 h-[40px] text-md\"\n        radius=\"sm\"\n        disabled={!canWrap || isPending || isLoading}\n        onClick={() => mutate()}\n      >\n        {isPending && <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />}\n        Wrap {amountToDisplay} {nativeCurrency.symbol}\n      </Button>\n      <Button\n        className=\"w-full mt-4 h-[40px] text-md\"\n        variant=\"secondary\"\n        radius=\"sm\"\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n    </div>\n  );\n};\n"],"names":["WrapEthContent","t0","$","_c","onSuccess","onDismiss","ethAmountUnit","ethAmountWei","isLoading","canWrap","classes","tradeMode","name","nativeCurrency","useCurrentChainConfig","t1","amount","mutate","isPending","useSubmitDepositTxMutation","t2","toDecimalTrimmed","amountToDisplay","t3","root","t4","cn","t5","Symbol","for","WethSVG","t6","symbol","t7","t8","t9","t10","t11","t12","t13"],"mappings":"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"}

package/dist/components/widget/WrapEth/WrapEthDrawerButton.js

@@ -1,66 +1,158 @@
-import { cn as e } from "../../../lib/utils/index.js";
-import { wrappedNativeCurrency as t } from "../../../lib/constants/weth.js";
-import { useWidgetEvents as n } from "../../../core/state/widgetEventsAtom.js";
-import { Button as r } from "../../ui/button.js";
-import { useCurrentChainConfig as i } from "../../../hooks/useCurrentChain.js";
-import { useDrawerControls as a } from "../Drawer/state/useDrawerControls.js";
-import { ControlledDrawer as o } from "../Drawer/index.js";
-import { WrapEthContent as s } from "./WrapEthContent.js";
-import { c } from "react-compiler-runtime";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/components/widget/WrapEth/WrapEthDrawerButton.tsx
-var f = (f) => {
-	let p = c(33), { drawerContainer: m, wrapEthProps: h, labelOverride: g, ..._ } = f, v;
-	p[0] === Symbol.for("react.memo_cache_sentinel") ? (v = { drawerId: "wrap-eth-drawer" }, p[0] = v) : v = p[0];
-	let y = a(v), b, x;
-	p[1] === y ? (b = p[2], x = p[3]) : ({onOpen: x, ...b} = y, p[1] = y, p[2] = b, p[3] = x);
-	let { nativeCurrency: S, id: C } = i(), w = `Wrap ${S.symbol}`, { onWrapETH: T } = n(), E;
-	p[4] !== C || p[5] !== x || p[6] !== T || p[7] !== h.ethAmountWei || p[8] !== h.tradeMode ? (E = () => {
-		x(), h.ethAmountWei && T?.({ event: {
-			name: "WrapETH:click",
-			params: {
-				ethAmountWei: BigInt(h.ethAmountWei),
-				wethAddress: t[C],
-				chainId: C,
-				tradeMode: h.tradeMode
-			}
-		} });
-	}, p[4] = C, p[5] = x, p[6] = T, p[7] = h.ethAmountWei, p[8] = h.tradeMode, p[9] = E) : E = p[9];
-	let D = E, O;
-	p[10] === Symbol.for("react.memo_cache_sentinel") ? (O = { root: "p-6 pb-8" }, p[10] = O) : O = p[10];
-	let k;
-	p[11] !== b || p[12] !== h ? (k = (e) => {
-		h.onSuccess?.(e), b.onClose();
-	}, p[11] = b, p[12] = h, p[13] = k) : k = p[13];
-	let A;
-	p[14] !== b.onClose || p[15] !== k || p[16] !== h ? (A = /* @__PURE__ */ u(s, {
-		classes: O,
-		...h,
-		onSuccess: k,
-		onDismiss: b.onClose
-	}), p[14] = b.onClose, p[15] = k, p[16] = h, p[17] = A) : A = p[17];
-	let j;
-	p[18] !== m || p[19] !== b || p[20] !== w || p[21] !== A ? (j = /* @__PURE__ */ u(o, {
-		...b,
-		title: w,
-		showCloseButton: !0,
-		container: m,
-		children: A
-	}), p[18] = m, p[19] = b, p[20] = w, p[21] = A, p[22] = j) : j = p[22];
-	let M = j, N = r, P = e("w-full mt-4 h-[48px] text-md", _.className), F = !h.canWrap || _.disabled, I = g || w, L;
-	p[23] !== N || p[24] !== _ || p[25] !== D || p[26] !== P || p[27] !== F || p[28] !== I ? (L = /* @__PURE__ */ u(N, {
-		variant: "cta",
-		radius: "lg",
-		..._,
-		className: P,
-		onClick: D,
-		disabled: F,
-		children: I
-	}), p[23] = N, p[24] = _, p[25] = D, p[26] = P, p[27] = F, p[28] = I, p[29] = L) : L = p[29];
-	let R;
-	return p[30] !== M || p[31] !== L ? (R = /* @__PURE__ */ d(l, { children: [L, M] }), p[30] = M, p[31] = L, p[32] = R) : R = p[32], R;
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { Button } from '../../ui/button.js';
+import { ControlledDrawer } from '../Drawer/index.js';
+import { useDrawerControls } from '../Drawer/state/useDrawerControls.js';
+import { WrapEthContent } from './WrapEthContent.js';
+import { useCurrentChainConfig } from '../../../hooks/useCurrentChain.js';
+import { cn } from '../../../lib/utils/index.js';
+import { useWidgetEvents } from '../../../core/state/widgetEventsAtom.js';
+import { wrappedNativeCurrency } from '../../../lib/constants/weth.js';
+
+const WrapEthDrawerButton = (t0) => {
+  const $ = distExports.c(33);
+  const {
+    drawerContainer,
+    wrapEthProps,
+    labelOverride,
+    ...buttonProps
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      drawerId: "wrap-eth-drawer"
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const t2 = useDrawerControls(t1);
+  let drawerProps;
+  let onOpen;
+  if ($[1] !== t2) {
+    ({
+      onOpen,
+      ...drawerProps
+    } = t2);
+    $[1] = t2;
+    $[2] = drawerProps;
+    $[3] = onOpen;
+  } else {
+    drawerProps = $[2];
+    onOpen = $[3];
+  }
+  const {
+    nativeCurrency,
+    id: chainId
+  } = useCurrentChainConfig();
+  const label = `Wrap ${nativeCurrency.symbol}`;
+  const {
+    onWrapETH
+  } = useWidgetEvents();
+  let t3;
+  if ($[4] !== chainId || $[5] !== onOpen || $[6] !== onWrapETH || $[7] !== wrapEthProps.ethAmountWei || $[8] !== wrapEthProps.tradeMode) {
+    t3 = () => {
+      onOpen();
+      if (wrapEthProps.ethAmountWei) {
+        onWrapETH?.({
+          event: {
+            name: "WrapETH:click",
+            params: {
+              ethAmountWei: BigInt(wrapEthProps.ethAmountWei),
+              wethAddress: wrappedNativeCurrency[chainId],
+              chainId,
+              tradeMode: wrapEthProps.tradeMode
+            }
+          }
+        });
+      }
+    };
+    $[4] = chainId;
+    $[5] = onOpen;
+    $[6] = onWrapETH;
+    $[7] = wrapEthProps.ethAmountWei;
+    $[8] = wrapEthProps.tradeMode;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const onClick = t3;
+  let t4;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      root: "p-6 pb-8"
+    };
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== drawerProps || $[12] !== wrapEthProps) {
+    t5 = (txReceipt) => {
+      wrapEthProps.onSuccess?.(txReceipt);
+      drawerProps.onClose();
+    };
+    $[11] = drawerProps;
+    $[12] = wrapEthProps;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== drawerProps.onClose || $[15] !== t5 || $[16] !== wrapEthProps) {
+    t6 = /* @__PURE__ */ jsx(WrapEthContent, { classes: t4, ...wrapEthProps, onSuccess: t5, onDismiss: drawerProps.onClose });
+    $[14] = drawerProps.onClose;
+    $[15] = t5;
+    $[16] = wrapEthProps;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  let t7;
+  if ($[18] !== drawerContainer || $[19] !== drawerProps || $[20] !== label || $[21] !== t6) {
+    t7 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, title: label, showCloseButton: true, container: drawerContainer, children: t6 });
+    $[18] = drawerContainer;
+    $[19] = drawerProps;
+    $[20] = label;
+    $[21] = t6;
+    $[22] = t7;
+  } else {
+    t7 = $[22];
+  }
+  const drawer = t7;
+  const T0 = Button;
+  const t8 = "cta";
+  const t9 = "lg";
+  const t10 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
+  const t11 = !wrapEthProps.canWrap || buttonProps.disabled;
+  const t12 = labelOverride || label;
+  let t13;
+  if ($[23] !== T0 || $[24] !== buttonProps || $[25] !== onClick || $[26] !== t10 || $[27] !== t11 || $[28] !== t12) {
+    t13 = /* @__PURE__ */ jsx(T0, { variant: t8, radius: t9, ...buttonProps, className: t10, onClick, disabled: t11, children: t12 });
+    $[23] = T0;
+    $[24] = buttonProps;
+    $[25] = onClick;
+    $[26] = t10;
+    $[27] = t11;
+    $[28] = t12;
+    $[29] = t13;
+  } else {
+    t13 = $[29];
+  }
+  let t14;
+  if ($[30] !== drawer || $[31] !== t13) {
+    t14 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t13,
+      drawer
+    ] });
+    $[30] = drawer;
+    $[31] = t13;
+    $[32] = t14;
+  } else {
+    t14 = $[32];
+  }
+  return t14;
 };
-//#endregion
-export { f as WrapEthDrawerButton };
 
-//# sourceMappingURL=WrapEthDrawerButton.js.map
+export { WrapEthDrawerButton };
+//# sourceMappingURL=WrapEthDrawerButton.js.map

package/dist/components/widget/WrapEth/WrapEthDrawerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"WrapEthDrawerButton.js","names":["Button","ControlledDrawer","useDrawerControls","WrapEthContent","WrapEthProps","useCurrentChainConfig","cn","useWidgetEvents","wrappedNativeCurrency","WrapEthDrawerButton","t0","$","_c","drawerContainer","wrapEthProps","labelOverride","buttonProps","t1","Symbol","for","drawerId","t2","drawerProps","onOpen","nativeCurrency","id","chainId","label","symbol","onWrapETH","t3","ethAmountWei","tradeMode","event","name","params","BigInt","wethAddress","onClick","t4","root","t5","txReceipt","onSuccess","onClose","t6","t7","drawer","T0","t8","t9","t10","className","t11","canWrap","disabled","t12","t13","t14"],"sources":["../../../../src/components/widget/WrapEth/WrapEthDrawerButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { ControlledDrawer } from \"../Drawer\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { WrapEthContent } from \"./WrapEthContent\";\nimport type { WrapEthProps } from \"./hooks/types\";\nimport { useCurrentChainConfig } from \"@/hooks/useCurrentChain\";\nimport { cn } from \"@/lib/utils\";\nimport { useWidgetEvents } from \"@/core/state/widgetEventsAtom\";\nimport { wrappedNativeCurrency } from \"@/lib/constants/weth\";\n\nexport const WrapEthDrawerButton = ({\n  drawerContainer,\n  wrapEthProps,\n  labelOverride,\n  ...buttonProps\n}: Omit<React.ComponentProps<typeof Button>, \"onClick\"> & {\n  drawerContainer?: HTMLDivElement | null;\n  wrapEthProps: WrapEthProps;\n  labelOverride?: string;\n}) => {\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: \"wrap-eth-drawer\",\n  });\n  const { nativeCurrency, id: chainId } = useCurrentChainConfig();\n\n  const label = `Wrap ${nativeCurrency.symbol}`;\n\n  const { onWrapETH } = useWidgetEvents();\n\n  const onClick = () => {\n    onOpen();\n\n    if (wrapEthProps.ethAmountWei) {\n      onWrapETH?.({\n        event: {\n          name: \"WrapETH:click\",\n          params: {\n            ethAmountWei: BigInt(wrapEthProps.ethAmountWei),\n            wethAddress: wrappedNativeCurrency[chainId],\n            chainId,\n            tradeMode: wrapEthProps.tradeMode,\n          },\n        },\n      });\n    }\n  };\n\n  const drawer = (\n    <ControlledDrawer\n      {...drawerProps}\n      title={label}\n      showCloseButton\n      container={drawerContainer}\n    >\n      <WrapEthContent\n        classes={{ root: \"p-6 pb-8\" }}\n        {...wrapEthProps}\n        onSuccess={(txReceipt) => {\n          wrapEthProps.onSuccess?.(txReceipt);\n          drawerProps.onClose();\n        }}\n        onDismiss={drawerProps.onClose}\n      />\n    </ControlledDrawer>\n  );\n\n  return (\n    <>\n      <Button\n        variant=\"cta\"\n        radius=\"lg\"\n        {...buttonProps}\n        className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n        onClick={onClick}\n        disabled={!wrapEthProps.canWrap || buttonProps.disabled}\n      >\n        {labelOverride || label}\n      </Button>\n      {drawer}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"WrapEthDrawerButton.js","sources":["../../../../src/components/widget/WrapEth/WrapEthDrawerButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { ControlledDrawer } from \"../Drawer\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { WrapEthContent } from \"./WrapEthContent\";\nimport type { WrapEthProps } from \"./hooks/types\";\nimport { useCurrentChainConfig } from \"@/hooks/useCurrentChain\";\nimport { cn } from \"@/lib/utils\";\nimport { useWidgetEvents } from \"@/core/state/widgetEventsAtom\";\nimport { wrappedNativeCurrency } from \"@/lib/constants/weth\";\n\nexport const WrapEthDrawerButton = ({\n  drawerContainer,\n  wrapEthProps,\n  labelOverride,\n  ...buttonProps\n}: Omit<React.ComponentProps<typeof Button>, \"onClick\"> & {\n  drawerContainer?: HTMLDivElement | null;\n  wrapEthProps: WrapEthProps;\n  labelOverride?: string;\n}) => {\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: \"wrap-eth-drawer\",\n  });\n  const { nativeCurrency, id: chainId } = useCurrentChainConfig();\n\n  const label = `Wrap ${nativeCurrency.symbol}`;\n\n  const { onWrapETH } = useWidgetEvents();\n\n  const onClick = () => {\n    onOpen();\n\n    if (wrapEthProps.ethAmountWei) {\n      onWrapETH?.({\n        event: {\n          name: \"WrapETH:click\",\n          params: {\n            ethAmountWei: BigInt(wrapEthProps.ethAmountWei),\n            wethAddress: wrappedNativeCurrency[chainId],\n            chainId,\n            tradeMode: wrapEthProps.tradeMode,\n          },\n        },\n      });\n    }\n  };\n\n  const drawer = (\n    <ControlledDrawer\n      {...drawerProps}\n      title={label}\n      showCloseButton\n      container={drawerContainer}\n    >\n      <WrapEthContent\n        classes={{ root: \"p-6 pb-8\" }}\n        {...wrapEthProps}\n        onSuccess={(txReceipt) => {\n          wrapEthProps.onSuccess?.(txReceipt);\n          drawerProps.onClose();\n        }}\n        onDismiss={drawerProps.onClose}\n      />\n    </ControlledDrawer>\n  );\n\n  return (\n    <>\n      <Button\n        variant=\"cta\"\n        radius=\"lg\"\n        {...buttonProps}\n        className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n        onClick={onClick}\n        disabled={!wrapEthProps.canWrap || buttonProps.disabled}\n      >\n        {labelOverride || label}\n      </Button>\n      {drawer}\n    </>\n  );\n};\n"],"names":["WrapEthDrawerButton","t0","$","_c","drawerContainer","wrapEthProps","labelOverride","buttonProps","t1","Symbol","for","drawerId","t2","useDrawerControls","drawerProps","onOpen","nativeCurrency","id","chainId","useCurrentChainConfig","label","symbol","onWrapETH","useWidgetEvents","t3","ethAmountWei","tradeMode","event","name","params","BigInt","wethAddress","wrappedNativeCurrency","onClick","t4","root","t5","txReceipt","onSuccess","onClose","t6","t7","drawer","T0","Button","t8","t9","t10","cn","className","t11","canWrap","disabled","t12","t13","t14"],"mappings":"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"}