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

package/dist/components/widget/YouGet/YouGet.js

@@ -1,100 +1,162 @@
-import { formatFiatPrice as e } from "../../../lib/utils/formatFiatPrice.js";
-import { TokenBadge as t } from "../TokenBadge/TokenBadge.js";
-import { Line as n } from "../Line/Line.js";
-import { DetailWithTooltip as r } from "../Details/DetailWithTooltip.js";
-import { toDecimalTrimmed as i } from "../../../lib/utils/toDecimal.js";
-import { c as a } from "react-compiler-runtime";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { formatUnits as c } from "viem";
-//#region src/components/widget/YouGet/YouGet.tsx
-var l = {
-	delta: "Delta transactions are gasless, meaning you don’t need native tokens to pay for network costs, but you pay them with the tokens that you will receive.",
-	crosschainBuy: "Bridge fees are dynamic and can vary based on network conditions and liquidity. The final amount you receive may be adjusted accordingly."
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { DetailWithTooltip } from '../Details/DetailWithTooltip.js';
+import { TokenBadge } from '../TokenBadge/TokenBadge.js';
+import { formatUnits } from 'viem';
+import { toDecimalTrimmed } from '../../../lib/utils/toDecimal.js';
+import { Line } from '../Line/Line.js';
+import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
+
+const deltaTooltipDesc = "Delta transactions are gasless, meaning you don’t need native tokens to pay for network costs, but you pay them with the tokens that you will receive.";
+const crosschainBuyTooltipDesc = "Bridge fees are dynamic and can vary based on network conditions and liquidity. The final amount you receive may be adjusted accordingly.";
+const tooltipText = {
+  delta: deltaTooltipDesc,
+  crosschainBuy: crosschainBuyTooltipDesc
 };
-function u(e) {
-	return e.value !== null;
+function isNonNullableFeeDetail(fee) {
+  return fee.value !== null;
 }
-function d(t) {
-	let n = t ? e(Number(t)) : null;
-	return n === "$0.00" ? "$0" : n;
+function getFormattedFeeToDisplay(fee) {
+  const formattedFee = fee ? formatFiatPrice(Number(fee)) : null;
+  if (formattedFee === "$0.00") return "$0";
+  return formattedFee;
 }
-var f = (e) => {
-	let f = a(25), { token: m, amountWei: h, swapFeesUSD: g, networkCostUSD: _, bridgeFeesUSD: v, tooltipVariant: y } = e, b;
-	f[0] !== h || f[1] !== m.decimals ? (b = i(c(BigInt(h), m.decimals)), f[0] = h, f[1] = m.decimals, f[2] = b) : b = f[2];
-	let x = b, S;
-	f[3] !== v || f[4] !== _ || f[5] !== g ? (S = [
-		{
-			label: "Network Cost",
-			value: d(_)
-		},
-		{
-			label: "Swap Fees",
-			value: d(g)
-		},
-		{
-			label: "Crosschain Bridge Fees",
-			value: d(v)
-		}
-	].filter(u), f[3] = v, f[4] = _, f[5] = g, f[6] = S) : S = f[6];
-	let C = S, w;
-	f[7] === Symbol.for("react.memo_cache_sentinel") ? (w = { root: "text-nowrap" }, f[7] = w) : w = f[7];
-	let T;
-	f[8] === C ? T = f[9] : (T = C.map(p), f[8] = C, f[9] = T);
-	let E;
-	f[10] === y ? E = f[11] : (E = y && /* @__PURE__ */ s("div", {
-		className: "pt-2 flex flex-col gap-2",
-		children: [/* @__PURE__ */ o(n, {}), /* @__PURE__ */ o("div", {
-			className: "text-wrap text-xs",
-			children: l[y]
-		})]
-	}), f[10] = y, f[11] = E);
-	let D;
-	f[12] !== T || f[13] !== E ? (D = /* @__PURE__ */ o(r, {
-		detail: "You Get (incl. fees)",
-		classes: w,
-		tooltip: /* @__PURE__ */ s("div", {
-			className: "min-w-[220px] max-w-[320px]",
-			children: [T, E]
-		})
-	}), f[12] = T, f[13] = E, f[14] = D) : D = f[14];
-	let O;
-	f[15] === x ? O = f[16] : (O = /* @__PURE__ */ o("div", {
-		className: "max-w-[140px] dark:text-contrast-8 overflow-hidden text-ellipsis whitespace-nowrap",
-		children: x
-	}), f[15] = x, f[16] = O);
-	let k;
-	f[17] === m ? k = f[18] : (k = m && /* @__PURE__ */ o(t, {
-		address: m.address,
-		symbol: m.symbol,
-		chainId: m.network,
-		img: m.img,
-		classes: {
-			symbol: "break-all text-right",
-			logo: "size-[14px]"
-		}
-	}), f[17] = m, f[18] = k);
-	let A;
-	f[19] !== O || f[20] !== k ? (A = /* @__PURE__ */ s("div", {
-		className: "text-sm font-geist-mono flex items-center gap-2",
-		children: [O, k]
-	}), f[19] = O, f[20] = k, f[21] = A) : A = f[21];
-	let j;
-	return f[22] !== D || f[23] !== A ? (j = /* @__PURE__ */ s("div", {
-		className: "flex items-center justify-between gap-2 text-contrast-4 dark:text-contrast-7",
-		children: [D, A]
-	}), f[22] = D, f[23] = A, f[24] = j) : j = f[24], j;
+const YouGet = (t0) => {
+  const $ = distExports.c(25);
+  const {
+    token,
+    amountWei,
+    swapFeesUSD,
+    networkCostUSD,
+    bridgeFeesUSD,
+    tooltipVariant
+  } = t0;
+  let t1;
+  if ($[0] !== amountWei || $[1] !== token.decimals) {
+    const amountUnit = formatUnits(BigInt(amountWei), token.decimals);
+    t1 = toDecimalTrimmed(amountUnit);
+    $[0] = amountWei;
+    $[1] = token.decimals;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const formattedAmountUnit = t1;
+  let t2;
+  if ($[3] !== bridgeFeesUSD || $[4] !== networkCostUSD || $[5] !== swapFeesUSD) {
+    t2 = [{
+      label: "Network Cost",
+      value: getFormattedFeeToDisplay(networkCostUSD)
+    }, {
+      label: "Swap Fees",
+      value: getFormattedFeeToDisplay(swapFeesUSD)
+    }, {
+      label: "Crosschain Bridge Fees",
+      value: getFormattedFeeToDisplay(bridgeFeesUSD)
+    }].filter(isNonNullableFeeDetail);
+    $[3] = bridgeFeesUSD;
+    $[4] = networkCostUSD;
+    $[5] = swapFeesUSD;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const fees = t2;
+  let t3;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
+      root: "text-nowrap"
+    };
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== fees) {
+    t4 = fees.map(_temp);
+    $[8] = fees;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== tooltipVariant) {
+    t5 = tooltipVariant && /* @__PURE__ */ jsxs("div", { className: "pt-2 flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(Line, {}),
+      /* @__PURE__ */ jsx("div", { className: "text-wrap text-xs", children: tooltipText[tooltipVariant] })
+    ] });
+    $[10] = tooltipVariant;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== t4 || $[13] !== t5) {
+    t6 = /* @__PURE__ */ jsx(DetailWithTooltip, { detail: "You Get (incl. fees)", classes: t3, tooltip: /* @__PURE__ */ jsxs("div", { className: "min-w-[220px] max-w-[320px]", children: [
+      t4,
+      t5
+    ] }) });
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== formattedAmountUnit) {
+    t7 = /* @__PURE__ */ jsx("div", { className: "max-w-[140px] dark:text-contrast-8 overflow-hidden text-ellipsis whitespace-nowrap", children: formattedAmountUnit });
+    $[15] = formattedAmountUnit;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== token) {
+    t8 = token && /* @__PURE__ */ jsx(TokenBadge, { address: token.address, symbol: token.symbol, chainId: token.network, img: token.img, classes: {
+      symbol: "break-all text-right",
+      logo: "size-[14px]"
+    } });
+    $[17] = token;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  let t9;
+  if ($[19] !== t7 || $[20] !== t8) {
+    t9 = /* @__PURE__ */ jsxs("div", { className: "text-sm font-geist-mono flex items-center gap-2", children: [
+      t7,
+      t8
+    ] });
+    $[19] = t7;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== t6 || $[23] !== t9) {
+    t10 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-contrast-4 dark:text-contrast-7", children: [
+      t6,
+      t9
+    ] });
+    $[22] = t6;
+    $[23] = t9;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  return t10;
 };
-function p(e) {
-	let { label: t, value: n } = e;
-	return /* @__PURE__ */ s("div", {
-		className: "flex items-center justify-between text-xs",
-		children: [/* @__PURE__ */ o("div", { children: t }), /* @__PURE__ */ o("div", {
-			className: "font-medium",
-			children: n
-		})]
-	}, t);
+function _temp(t0) {
+  const {
+    label,
+    value
+  } = t0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+    /* @__PURE__ */ jsx("div", { children: label }),
+    /* @__PURE__ */ jsx("div", { className: "font-medium", children: value })
+  ] }, label);
 }
-//#endregion
-export { f as YouGet };
 
-//# sourceMappingURL=YouGet.js.map
+export { YouGet };
+//# sourceMappingURL=YouGet.js.map

package/dist/components/widget/YouGet/YouGet.js.map

@@ -1 +1 @@
-{"version":3,"file":"YouGet.js","names":["DetailWithTooltip","TokenBadge","YouGetProps","formatUnits","toDecimalTrimmed","Line","formatFiatPrice","DeepNonNullable","deltaTooltipDesc","crosschainBuyTooltipDesc","tooltipText","delta","crosschainBuy","const","isNonNullableFeeDetail","fee","label","value","getFormattedFeeToDisplay","formattedFee","Number","YouGet","React","FC","t0","$","_c","token","amountWei","swapFeesUSD","networkCostUSD","bridgeFeesUSD","tooltipVariant","t1","decimals","amountUnit","BigInt","formattedAmountUnit","t2","filter","fees","t3","Symbol","for","root","t4","map","_temp","t5","t6","t7","t8","address","symbol","network","img","logo","t9","t10"],"sources":["../../../../src/components/widget/YouGet/YouGet.tsx"],"sourcesContent":["import { DetailWithTooltip } from \"@/components/widget/Details/DetailWithTooltip\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport type { YouGetProps } from \"./types\";\nimport { formatUnits } from \"viem\";\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport { Line } from \"../Line/Line\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport type { DeepNonNullable } from \"ts-essentials\";\n\nconst deltaTooltipDesc =\n  \"Delta transactions are gasless, meaning you don’t need native tokens to pay for network costs, but you pay them with the tokens that you will receive.\";\nconst crosschainBuyTooltipDesc =\n  \"Bridge fees are dynamic and can vary based on network conditions and liquidity. The final amount you receive may be adjusted accordingly.\";\n\nconst tooltipText = {\n  delta: deltaTooltipDesc,\n  crosschainBuy: crosschainBuyTooltipDesc,\n} as const;\n\nfunction isNonNullableFeeDetail(fee: {\n  label: string;\n  value: string | null;\n}): fee is DeepNonNullable<typeof fee> {\n  return fee.value !== null;\n}\n\nfunction getFormattedFeeToDisplay(fee?: string) {\n  const formattedFee = fee ? formatFiatPrice(Number(fee)) : null;\n  if (formattedFee === \"$0.00\") return \"$0\";\n  return formattedFee;\n}\n\nexport const YouGet: React.FC<YouGetProps> = ({\n  token,\n  amountWei,\n  swapFeesUSD,\n  networkCostUSD,\n  bridgeFeesUSD,\n  tooltipVariant,\n}) => {\n  const amountUnit = formatUnits(BigInt(amountWei), token.decimals);\n  const formattedAmountUnit = toDecimalTrimmed(amountUnit);\n\n  const fees = [\n    {\n      label: \"Network Cost\",\n      value: getFormattedFeeToDisplay(networkCostUSD),\n    },\n    {\n      label: \"Swap Fees\",\n      value: getFormattedFeeToDisplay(swapFeesUSD),\n    },\n    {\n      label: \"Crosschain Bridge Fees\",\n      value: getFormattedFeeToDisplay(bridgeFeesUSD),\n    },\n  ].filter(isNonNullableFeeDetail);\n\n  return (\n    <div className=\"flex items-center justify-between gap-2 text-contrast-4 dark:text-contrast-7\">\n      <DetailWithTooltip\n        detail=\"You Get (incl. fees)\"\n        classes={{\n          root: \"text-nowrap\",\n        }}\n        tooltip={\n          <div className=\"min-w-[220px] max-w-[320px]\">\n            {fees.map(({ label, value }) => (\n              <div\n                className=\"flex items-center justify-between text-xs\"\n                key={label}\n              >\n                <div>{label}</div>\n                <div className=\"font-medium\">{value}</div>\n              </div>\n            ))}\n\n            {tooltipVariant && (\n              <div className=\"pt-2 flex flex-col gap-2\">\n                <Line />\n                <div className=\"text-wrap text-xs\">\n                  {tooltipText[tooltipVariant]}\n                </div>\n              </div>\n            )}\n          </div>\n        }\n      />\n      <div className=\"text-sm font-geist-mono flex items-center gap-2\">\n        <div className=\"max-w-[140px] dark:text-contrast-8 overflow-hidden text-ellipsis whitespace-nowrap\">\n          {formattedAmountUnit}\n        </div>\n        {token && (\n          <TokenBadge\n            address={token.address}\n            symbol={token.symbol}\n            chainId={token.network}\n            img={token.img}\n            classes={{\n              symbol: \"break-all text-right\",\n              logo: \"size-[14px]\",\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"YouGet.js","sources":["../../../../src/components/widget/YouGet/YouGet.tsx"],"sourcesContent":["import { DetailWithTooltip } from \"@/components/widget/Details/DetailWithTooltip\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport type { YouGetProps } from \"./types\";\nimport { formatUnits } from \"viem\";\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport { Line } from \"../Line/Line\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport type { DeepNonNullable } from \"ts-essentials\";\n\nconst deltaTooltipDesc =\n  \"Delta transactions are gasless, meaning you don’t need native tokens to pay for network costs, but you pay them with the tokens that you will receive.\";\nconst crosschainBuyTooltipDesc =\n  \"Bridge fees are dynamic and can vary based on network conditions and liquidity. The final amount you receive may be adjusted accordingly.\";\n\nconst tooltipText = {\n  delta: deltaTooltipDesc,\n  crosschainBuy: crosschainBuyTooltipDesc,\n} as const;\n\nfunction isNonNullableFeeDetail(fee: {\n  label: string;\n  value: string | null;\n}): fee is DeepNonNullable<typeof fee> {\n  return fee.value !== null;\n}\n\nfunction getFormattedFeeToDisplay(fee?: string) {\n  const formattedFee = fee ? formatFiatPrice(Number(fee)) : null;\n  if (formattedFee === \"$0.00\") return \"$0\";\n  return formattedFee;\n}\n\nexport const YouGet: React.FC<YouGetProps> = ({\n  token,\n  amountWei,\n  swapFeesUSD,\n  networkCostUSD,\n  bridgeFeesUSD,\n  tooltipVariant,\n}) => {\n  const amountUnit = formatUnits(BigInt(amountWei), token.decimals);\n  const formattedAmountUnit = toDecimalTrimmed(amountUnit);\n\n  const fees = [\n    {\n      label: \"Network Cost\",\n      value: getFormattedFeeToDisplay(networkCostUSD),\n    },\n    {\n      label: \"Swap Fees\",\n      value: getFormattedFeeToDisplay(swapFeesUSD),\n    },\n    {\n      label: \"Crosschain Bridge Fees\",\n      value: getFormattedFeeToDisplay(bridgeFeesUSD),\n    },\n  ].filter(isNonNullableFeeDetail);\n\n  return (\n    <div className=\"flex items-center justify-between gap-2 text-contrast-4 dark:text-contrast-7\">\n      <DetailWithTooltip\n        detail=\"You Get (incl. fees)\"\n        classes={{\n          root: \"text-nowrap\",\n        }}\n        tooltip={\n          <div className=\"min-w-[220px] max-w-[320px]\">\n            {fees.map(({ label, value }) => (\n              <div\n                className=\"flex items-center justify-between text-xs\"\n                key={label}\n              >\n                <div>{label}</div>\n                <div className=\"font-medium\">{value}</div>\n              </div>\n            ))}\n\n            {tooltipVariant && (\n              <div className=\"pt-2 flex flex-col gap-2\">\n                <Line />\n                <div className=\"text-wrap text-xs\">\n                  {tooltipText[tooltipVariant]}\n                </div>\n              </div>\n            )}\n          </div>\n        }\n      />\n      <div className=\"text-sm font-geist-mono flex items-center gap-2\">\n        <div className=\"max-w-[140px] dark:text-contrast-8 overflow-hidden text-ellipsis whitespace-nowrap\">\n          {formattedAmountUnit}\n        </div>\n        {token && (\n          <TokenBadge\n            address={token.address}\n            symbol={token.symbol}\n            chainId={token.network}\n            img={token.img}\n            classes={{\n              symbol: \"break-all text-right\",\n              logo: \"size-[14px]\",\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["deltaTooltipDesc","crosschainBuyTooltipDesc","tooltipText","delta","crosschainBuy","isNonNullableFeeDetail","fee","value","getFormattedFeeToDisplay","formattedFee","formatFiatPrice","Number","YouGet","t0","$","_c","token","amountWei","swapFeesUSD","networkCostUSD","bridgeFeesUSD","tooltipVariant","t1","decimals","amountUnit","formatUnits","BigInt","toDecimalTrimmed","formattedAmountUnit","t2","label","filter","fees","t3","Symbol","for","root","t4","map","_temp","t5","t6","t7","t8","address","symbol","network","img","logo","t9","t10"],"mappings":"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"}

package/dist/configurator/Configurator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Configurator.d.ts","sourceRoot":"","sources":["../../src/configurator/Configurator.tsx"],"names":[],"mappings":"AA+PA,eAAO,MAAM,YAAY,+CAwUxB,CAAC"}
+{"version":3,"file":"Configurator.d.ts","sourceRoot":"","sources":["../../src/configurator/Configurator.tsx"],"names":[],"mappings":"AA+PA,eAAO,MAAM,YAAY,+CA8UxB,CAAC"}

package/dist/configurator/components/FormPropsInputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormPropsInputs.d.ts","sourceRoot":"","sources":["../../../src/configurator/components/FormPropsInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAgChE,eAAO,MAAM,SAAS,GAAI,2BAGvB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD,4CA8OA,CAAC"}
+{"version":3,"file":"FormPropsInputs.d.ts","sourceRoot":"","sources":["../../../src/configurator/components/FormPropsInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAiChE,eAAO,MAAM,SAAS,GAAI,2BAGvB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD,4CA8OA,CAAC"}

package/dist/configurator/components/TradeModesSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TradeModesSelector.d.ts","sourceRoot":"","sources":["../../../src/configurator/components/TradeModesSelector.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQtD,eAAO,MAAM,kBAAkB,GAAI,qCAGhC;IACD,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;CAC3D,4CA6CA,CAAC"}
+{"version":3,"file":"TradeModesSelector.d.ts","sourceRoot":"","sources":["../../../src/configurator/components/TradeModesSelector.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAStD,eAAO,MAAM,kBAAkB,GAAI,qCAGhC;IACD,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;CAC3D,4CA6CA,CAAC"}

package/dist/core/ConnectWalletDrawerButton.js

@@ -1,49 +1,114 @@
-import { cn as e } from "../lib/utils/index.js";
-import { useWidgetEvents as t } from "./state/widgetEventsAtom.js";
-import { Button as n } from "../components/ui/button.js";
-import { useDrawerControls as r } from "../components/widget/Drawer/state/useDrawerControls.js";
-import { ControlledDrawer as i } from "../components/widget/Drawer/index.js";
-import { ConnectWalletsContainer as a } from "../components/web3/ConnectWallets/index.js";
-import { useIsDappMode as o } from "./state/externalProviderAtom.js";
-import { c as s } from "react-compiler-runtime";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/core/ConnectWalletDrawerButton.tsx
-function d(d) {
-	let f = s(22), { drawerContainer: p, ...m } = d, h;
-	f[0] === Symbol.for("react.memo_cache_sentinel") ? (h = { drawerId: "connect-wallet-drawer" }, f[0] = h) : h = f[0];
-	let g = r(h), _, v;
-	f[1] === g ? (_ = f[2], v = f[3]) : ({onOpen: v, ..._} = g, f[1] = g, f[2] = _, f[3] = v);
-	let y = o(), { onConnectWalletClick: b } = t(), x = (y ? !b : !1) || m.disabled, S = y ? void 0 : v, C = n, w = e("w-full mt-4 h-[48px] text-md", m.className), T;
-	f[4] !== S || f[5] !== b ? (T = () => {
-		b?.({ event: {
-			name: "ConnectWallet:click",
-			params: {}
-		} }), S?.();
-	}, f[4] = S, f[5] = b, f[6] = T) : T = f[6];
-	let E;
-	f[7] !== C || f[8] !== m || f[9] !== x || f[10] !== w || f[11] !== T ? (E = /* @__PURE__ */ l(C, {
-		variant: "cta",
-		radius: "lg",
-		...m,
-		className: w,
-		onClick: T,
-		disabled: x,
-		children: "Connect Wallet"
-	}), f[7] = C, f[8] = m, f[9] = x, f[10] = w, f[11] = T, f[12] = E) : E = f[12];
-	let D;
-	f[13] === _.onClose ? D = f[14] : (D = /* @__PURE__ */ l(a, { onComplete: _.onClose }), f[13] = _.onClose, f[14] = D);
-	let O;
-	f[15] !== p || f[16] !== _ || f[17] !== D ? (O = /* @__PURE__ */ l(i, {
-		..._,
-		title: "Connect Your Wallet",
-		container: p,
-		showCloseButton: !0,
-		children: D
-	}), f[15] = p, f[16] = _, f[17] = D, f[18] = O) : O = f[18];
-	let k;
-	return f[19] !== E || f[20] !== O ? (k = /* @__PURE__ */ u(c, { children: [E, O] }), f[19] = E, f[20] = O, f[21] = k) : k = f[21], k;
+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';
+import { cn } from '../lib/utils/index.js';
+import { useWidgetEvents } from './state/widgetEventsAtom.js';
+
+function ConnectWalletDrawerButton(t0) {
+  const $ = distExports.c(22);
+  const {
+    drawerContainer,
+    ...buttonProps
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      drawerId: "connect-wallet-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 isDappMode = useIsDappMode();
+  const {
+    onConnectWalletClick
+  } = useWidgetEvents();
+  const disabled = (isDappMode ? !onConnectWalletClick : false) || buttonProps.disabled;
+  const action = !isDappMode ? onOpen : void 0;
+  const T0 = Button;
+  const t3 = "cta";
+  const t4 = "lg";
+  const t5 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
+  let t6;
+  if ($[4] !== action || $[5] !== onConnectWalletClick) {
+    t6 = () => {
+      onConnectWalletClick?.({
+        event: {
+          name: "ConnectWallet:click",
+          params: {}
+        }
+      });
+      action?.();
+    };
+    $[4] = action;
+    $[5] = onConnectWalletClick;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  let t7;
+  if ($[7] !== T0 || $[8] !== buttonProps || $[9] !== disabled || $[10] !== t5 || $[11] !== t6) {
+    t7 = /* @__PURE__ */ jsx(T0, { variant: t3, radius: t4, ...buttonProps, className: t5, onClick: t6, disabled, children: "Connect Wallet" });
+    $[7] = T0;
+    $[8] = buttonProps;
+    $[9] = disabled;
+    $[10] = t5;
+    $[11] = t6;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== drawerProps.onClose) {
+    t8 = /* @__PURE__ */ jsx(ConnectWalletsContainer, { onComplete: drawerProps.onClose });
+    $[13] = drawerProps.onClose;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== drawerContainer || $[16] !== drawerProps || $[17] !== t8) {
+    t9 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, title: "Connect Your Wallet", container: drawerContainer, showCloseButton: true, children: t8 });
+    $[15] = drawerContainer;
+    $[16] = drawerProps;
+    $[17] = t8;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== t7 || $[20] !== t9) {
+    t10 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t7,
+      t9
+    ] });
+    $[19] = t7;
+    $[20] = t9;
+    $[21] = t10;
+  } else {
+    t10 = $[21];
+  }
+  return t10;
 }
-//#endregion
-export { d as ConnectWalletDrawerButton };
 
-//# sourceMappingURL=ConnectWalletDrawerButton.js.map
+export { ConnectWalletDrawerButton };
+//# sourceMappingURL=ConnectWalletDrawerButton.js.map

package/dist/core/ConnectWalletDrawerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectWalletDrawerButton.js","names":["Button","useDrawerControls","useIsDappMode","ControlledDrawer","ConnectWalletsContainer","cn","useWidgetEvents","ConnectWalletDrawerButtonProps","Omit","React","ComponentProps","drawerContainer","HTMLDivElement","ConnectWalletDrawerButton","t0","$","_c","buttonProps","t1","Symbol","for","drawerId","t2","drawerProps","onOpen","isDappMode","onConnectWalletClick","disabled","action","undefined","T0","t3","t4","t5","className","t6","event","name","params","t7","t8","onClose","t9","t10"],"sources":["../../src/core/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\";\nimport { cn } from \"@/lib/utils\";\nimport { useWidgetEvents } from \"./state/widgetEventsAtom\";\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  const { onConnectWalletClick } = useWidgetEvents();\n\n  const disabled =\n    // either in dapp mode and no onConnectWalletClick event is provided\n    // or the button is disabled via props (this should never happen if not connected)\n    (isDappMode ? !onConnectWalletClick : false) || buttonProps.disabled;\n  const action = !isDappMode ? onOpen : undefined;\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={() => {\n          onConnectWalletClick?.({\n            event: {\n              name: \"ConnectWallet:click\",\n              params: {},\n            },\n          });\n          action?.();\n        }}\n        disabled={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"],"mappings":";;;;;;;;;;AAeA,SAAOa,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAmC,EAAAL,oBAAA,GAAAM,MAAAH,GAGTI;AAAA,CAAAH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,IACsBF,IAAA,EAAAG,UACzC,yBACX,EAAAN,EAAA,KAAAG,KAAAA,IAAAH,EAAA;CAFkC,IAAAO,IAAArB,EAAkBiB,EAEnD,EAAAK,GAAAC;AAAA,CAAAT,EAAA,OAAAO,KAACC,IAAAR,EAAA,IAAAS,IAAAT,EAAA,OAFH,eAAAQ,KAAmCD,GAEhCP,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,GAAAR,EAAA,KAAAS;CACH,IAAAC,IAAmBvB,GAAe,EAElC,EAAAwB,4BAAiCpB,GAAiB,EAElDqB,KAGGF,IAAA,CAAcC,IAAd,OAA+CT,EAAWU,UAC7DC,IAAgBH,IAADI,KAAAA,IAAAL,GAIVM,IAAA9B,GAIYiC,IAAA5B,EAAG,gCAAgCY,EAAWiB,UAAW,EAAAC;AAAA,CAAApB,EAAA,OAAAa,KAAAb,EAAA,OAAAW,KAC3DS,UAAA;AAOPP,EANAF,IAAuB,EAAAU,OACd;GAAAC,MACC;GAAqBC,QACnB,EAAC;GACX,EACD,CAAC,EACFV,KAAU;IACXb,EAAA,KAAAa,GAAAb,EAAA,KAAAW,GAAAX,EAAA,KAAAoB,KAAAA,IAAApB,EAAA;CAAA,IAAAwB;AAAA,CAAAxB,EAAA,OAAAe,KAAAf,EAAA,OAAAE,KAAAF,EAAA,OAAAY,KAAAZ,EAAA,QAAAkB,KAAAlB,EAAA,QAAAoB,KAbHI,IAAA,kBAAC,GAAD;EACU,SAAAR;EACD,QAAAC;EAAI,GACPf;EACO,WAAAgB;EACF,SAAAE;EASCR;YACX;EAEQ,CAAA,EAAAZ,EAAA,KAAAe,GAAAf,EAAA,KAAAE,GAAAF,EAAA,KAAAY,GAAAZ,EAAA,MAAAkB,GAAAlB,EAAA,MAAAoB,GAAApB,EAAA,MAAAwB,KAAAA,IAAAxB,EAAA;CAAA,IAAAyB;AAAA,CAAAzB,EAAA,QAAAQ,EAAAkB,UAOqDD,IAAAzB,EAAA,OAA5DyB,IAAA,kBAAC,GAAD,EAAqC,YAAAjB,EAAWkB,SAAY,CAAA,EAAA1B,EAAA,MAAAQ,EAAAkB,SAAA1B,EAAA,MAAAyB;CAAA,IAAAE;AAAA,CAAA3B,EAAA,QAAAJ,KAAAI,EAAA,QAAAQ,KAAAR,EAAA,QAAAyB,KAN9DE,IAAA,kBAAC,GAAD;EAAiB,GACXnB;EACE,OAAA;EACKZ,WAAAA;EACX,iBAAA;YAEA6B;EACiB,CAAA,EAAAzB,EAAA,MAAAJ,GAAAI,EAAA,MAAAQ,GAAAR,EAAA,MAAAyB,GAAAzB,EAAA,MAAA2B,KAAAA,IAAA3B,EAAA;CAAA,IAAA4B;AAClB,QADkB5B,EAAA,QAAAwB,KAAAxB,EAAA,QAAA2B,KA1BrBC,IAAA,kBAAA,GAAA,EAAA,UAAA,CACEJ,GAkBAG,EAQC,EAAA,CAAA,EAAA3B,EAAA,MAAAwB,GAAAxB,EAAA,MAAA2B,GAAA3B,EAAA,MAAA4B,KAAAA,IAAA5B,EAAA,KA3BH4B"}
+{"version":3,"file":"ConnectWalletDrawerButton.js","sources":["../../src/core/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\";\nimport { cn } from \"@/lib/utils\";\nimport { useWidgetEvents } from \"./state/widgetEventsAtom\";\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  const { onConnectWalletClick } = useWidgetEvents();\n\n  const disabled =\n    // either in dapp mode and no onConnectWalletClick event is provided\n    // or the button is disabled via props (this should never happen if not connected)\n    (isDappMode ? !onConnectWalletClick : false) || buttonProps.disabled;\n  const action = !isDappMode ? onOpen : undefined;\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={() => {\n          onConnectWalletClick?.({\n            event: {\n              name: \"ConnectWallet:click\",\n              params: {},\n            },\n          });\n          action?.();\n        }}\n        disabled={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","drawerContainer","buttonProps","t1","Symbol","for","drawerId","t2","useDrawerControls","drawerProps","onOpen","isDappMode","useIsDappMode","onConnectWalletClick","useWidgetEvents","disabled","action","undefined","T0","Button","t3","t4","t5","cn","className","t6","event","name","params","t7","t8","onClose","t9","t10"],"mappings":";;;;;;;;;;AAeO,SAAAA,0BAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAmC,EAAA,MAAA;AAAA,IAAAC,eAAAA;AAAAA,IAAA,GAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAGT,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAK,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACsBF,IAAAA,EAAAA,GAAA;AAAA,MAAAG,QAAAA,EACzC;AAAA,KACZ;AAACP,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAFkC,EAAA,MAAAQ,EAAAA,GAAAC,kBAAkBL,EAEpD,CAAA;AAAC,EAAA,IAAAM,WAAAA;AAAA,EAAA,IAAAC,MAAAA;AAAA,EAAA,IAAAX,CAAAA,QAAAQ,EAAAA,EAAA;AAFF,IAAA,CAAA;AAAA,MAAAG,MAAAA;AAAAA,MAAA,GAAAD;AAAAA,KAAA,GAAmCF,EAAAA;AAEhCR,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,MAAAU,WAAAA;AAAAV,IAAAA,CAAAA,MAAAW,MAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAD,IAAAA,WAAAA,GAAAV,EAAA,CAAA,CAAA;AAAAW,IAAAA,MAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AACH,EAAA,MAAAY,aAAmBC,aAAAA,EAAc;AAEjC,EAAA,MAAA;AAAA,IAAAC;AAAAA,MAAiCC,eAAAA,EAAgB;AAEjD,EAAA,MAAAC,QAAAA,GAAAA,CAGGJ,UAAAA,GAAA,CAAcE,oBAAAA,GAAd,UAA+CX,WAAAA,CAAWa,QAAAA;AAC7D,EAAA,MAAAC,MAAAA,GAAe,CAACL,UAAAA,GAADD,MAAAA,GAAAO,MAAAA;AAIV,EAAA,MAAAC,EAAAA,GAAAC,MAAAA;AACS,EAAA,MAAAC,EAAAA,GAAA,KAAA;AACD,EAAA,MAAAC,EAAAA,GAAA,IAAA;AAEI,EAAA,MAAAC,EAAAA,GAAAC,EAAAA,CAAG,8BAAA,EAAgCrB,WAAAA,CAAWsB,SAAU,CAAA;AAAC,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAA1B,EAAA,CAAA,CAAA,KAAAiB,UAAAjB,CAAAA,QAAAc,oBAAAA,EAAA;AAC3DY,IAAAA,EAAAA,GAAAA,MAAA;AACPZ,MAAAA,oBAAAA,GAAuB;AAAA,QAAAa,KAAAA,EACd;AAAA,UAAAC,IAAAA,EACC,qBAAA;AAAA,UAAqBC,QACnB;AAAC;AACX,OACD,CAAA;AACDZ,MAAAA,MAAAA,IAAS;AAAA,IAAC,CAAA;AACXjB,IAAAA,CAAAA,MAAAiB,MAAAA;AAAAjB,IAAAA,CAAAA,MAAAc,oBAAAA;AAAAd,IAAAA,CAAAA,MAAA0B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA1B,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA8B,EAAAA;AAAA,EAAA,IAAA9B,EAAA,CAAA,CAAA,KAAAmB,MAAAnB,CAAAA,CAAA,CAAA,MAAAG,WAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAgB,QAAAA,IAAAhB,EAAA,EAAA,CAAA,KAAAuB,MAAAvB,CAAAA,SAAA0B,EAAAA,EAAA;AAbHI,IAAAA,EAAAA,uBAAC,EAAA,EAAA,EACS,OAAA,EAAAT,EAAAA,EACD,MAAA,EAAAC,EAAAA,EAAI,GACPnB,WAAAA,EACO,SAAA,EAAAoB,EAAAA,EACF,OAAA,EAAAG,EAAAA,EASCV,UACX,QAAA,EAAA,gBAAA,EAED,CAAA;AAAShB,IAAAA,CAAAA,MAAAmB,EAAAA;AAAAnB,IAAAA,CAAAA,MAAAG,WAAAA;AAAAH,IAAAA,CAAAA,MAAAgB,QAAAA;AAAAhB,IAAAA,CAAAA,OAAAuB,EAAAA;AAAAvB,IAAAA,CAAAA,OAAA0B,EAAAA;AAAA1B,IAAAA,CAAAA,OAAA8B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA9B,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA+B,EAAAA;AAAA,EAAA,IAAA/B,CAAAA,CAAA,EAAA,CAAA,KAAAU,WAAAA,CAAAsB,OAAAA,EAAA;AAOPD,IAAAA,EAAAA,mBAAA,GAAA,CAAC,uBAAA,EAAA,EAAoC,UAAA,EAAArB,WAAAA,CAAWsB,OAAAA,EAAQ,CAAA;AAAIhC,IAAAA,CAAAA,CAAA,EAAA,IAAAU,WAAAA,CAAAsB,OAAAA;AAAAhC,IAAAA,CAAAA,OAAA+B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA/B,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAiC,EAAAA;AAAA,EAAA,IAAAjC,CAAAA,CAAA,EAAA,CAAA,KAAAE,eAAAA,IAAAF,CAAAA,SAAAU,WAAAA,IAAAV,CAAAA,CAAA,EAAA,CAAA,KAAA+B,EAAAA,EAAA;AAN9DE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,gBAAA,EAAA,EAAgB,GACXvB,WAAAA,EACE,KAAA,EAAA,uBACKR,SAAAA,EAAAA,eAAAA,EACX,eAAA,EAAA,IAAA,EAEA6B,QAAAA,EAAAA,EAAAA,EACF,CAAA;AAAmB/B,IAAAA,CAAAA,OAAAE,eAAAA;AAAAF,IAAAA,CAAAA,OAAAU,WAAAA;AAAAV,IAAAA,CAAAA,OAAA+B,EAAAA;AAAA/B,IAAAA,CAAAA,OAAAiC,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAjC,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAkC,GAAAA;AAAA,EAAA,IAAAlC,EAAA,EAAA,CAAA,KAAA8B,MAAA9B,CAAAA,SAAAiC,EAAAA,EAAA;AA1BrBC,IAAAA,GAAAA,oCACEJ,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAkBAG;AAAAA,KAAAA,EAOmB,CAAA;AAClBjC,IAAAA,CAAAA,OAAA8B,EAAAA;AAAA9B,IAAAA,CAAAA,OAAAiC,EAAAA;AAAAjC,IAAAA,CAAAA,OAAAkC,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAlC,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OA3BHkC,GAAAA;AA2BG;;;;"}