@velora-dex/widget 0.2.0 → 0.2.2

package/dist/components/widget/TokenInput/index.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { UnstyledInput } from '../../ui/input.js';
 import { NumericFormat } from 'react-number-format';
@@ -7,14 +7,13 @@ import { SelectTokenButton } from '../SelectToken/SelectTokenButton.js';
 import { Button } from '../../ui/button.js';
 import { YouGet } from '../YouGet/YouGet.js';
 import { Line } from '../Line/Line.js';
-import { EmptyInput } from './EmptyInput.js';
 import { cn } from '../../../lib/utils/index.js';
 import { InsufficientBalanceMessage } from '../Warning/InsufficientBalanceMessage.js';
 import { Skeleton } from '../../ui/skeleton.js';
 import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
 
 const TokenInput = (t0) => {
-  const $ = distExports.c(59);
+  const $ = distExports.c(50);
   const {
     amount,
     onAmountChange,
@@ -38,193 +37,155 @@ const TokenInput = (t0) => {
     drawerContainer,
     classes
   } = t0;
-  if (!token) {
-    let t18;
-    if ($[0] !== classes || $[1] !== disabled || $[2] !== drawerContainer || $[3] !== onTokenSelect || $[4] !== tokenType) {
-      t18 = /* @__PURE__ */ jsx(EmptyInput, { tokenType, drawerContainer, onTokenSelect, classes, disabled });
-      $[0] = classes;
-      $[1] = disabled;
-      $[2] = drawerContainer;
-      $[3] = onTokenSelect;
-      $[4] = tokenType;
-      $[5] = t18;
-    } else {
-      t18 = $[5];
-    }
-    return t18;
-  }
   let t1;
-  if ($[6] !== usdEstimation) {
+  if ($[0] !== usdEstimation) {
     t1 = usdEstimation ? formatFiatPrice(Number(usdEstimation)) : usdEstimation === null ? "N/A" : void 0;
-    $[6] = usdEstimation;
-    $[7] = t1;
+    $[0] = usdEstimation;
+    $[1] = t1;
   } else {
-    t1 = $[7];
+    t1 = $[1];
   }
   let t2;
-  if ($[8] !== t1) {
+  if ($[2] !== t1) {
     t2 = /* @__PURE__ */ jsx("div", { children: t1 });
-    $[8] = t1;
-    $[9] = t2;
+    $[2] = t1;
+    $[3] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[3];
   }
   const usdEstimationEl = t2;
   let t3;
-  if ($[10] !== onMaxClick || $[11] !== showMaxButton || $[12] !== token || $[13] !== tokenBalanceUnit) {
-    t3 = tokenBalanceUnit ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+  if ($[4] !== onMaxClick || $[5] !== showMaxButton || $[6] !== token || $[7] !== tokenBalanceUnit) {
+    t3 = tokenBalanceUnit && token ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx("div", { children: `Balance: ${tokenBalanceUnit} ${token.symbol}` }),
       showMaxButton && /* @__PURE__ */ jsx(Button, { className: "h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase", onClick: onMaxClick, children: "max" })
     ] }) : null;
-    $[10] = onMaxClick;
-    $[11] = showMaxButton;
-    $[12] = token;
-    $[13] = tokenBalanceUnit;
-    $[14] = t3;
+    $[4] = onMaxClick;
+    $[5] = showMaxButton;
+    $[6] = token;
+    $[7] = tokenBalanceUnit;
+    $[8] = t3;
   } else {
-    t3 = $[14];
+    t3 = $[8];
   }
   const balanceEl = t3;
-  const t4 = classes?.root;
-  const t5 = insufficientBalanceMessageProps?.shouldDisplay;
-  let t6;
-  if ($[15] !== t4 || $[16] !== t5) {
-    t6 = cn("flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", t4, {
-      "border-secondary-orange-peel-1": t5
-    });
-    $[15] = t4;
-    $[16] = t5;
-    $[17] = t6;
+  let t4;
+  if ($[9] !== label || $[10] !== networkSwitcherProps || $[11] !== token) {
+    t4 = !token ? null : networkSwitcherProps && !networkSwitcherProps.hidden ? /* @__PURE__ */ jsx(NetworkSwitcherDropdown, { ...networkSwitcherProps, prefix: label }) : label ? /* @__PURE__ */ jsx("div", { className: "text-xs text-contrast-3 dark:text-contrast-7", children: label }) : null;
+    $[9] = label;
+    $[10] = networkSwitcherProps;
+    $[11] = token;
+    $[12] = t4;
   } else {
-    t6 = $[17];
+    t4 = $[12];
   }
+  const chainEl = t4;
+  const t5 = classes?.root;
+  const t6 = token && insufficientBalanceMessageProps?.shouldDisplay;
   let t7;
-  if ($[18] !== label || $[19] !== networkSwitcherProps) {
-    t7 = networkSwitcherProps ? /* @__PURE__ */ jsx(NetworkSwitcherDropdown, { ...networkSwitcherProps, prefix: label }) : label ? /* @__PURE__ */ jsx("div", { className: "text-xs text-contrast-3 dark:text-contrast-7", children: label }) : null;
-    $[18] = label;
-    $[19] = networkSwitcherProps;
-    $[20] = t7;
+  if ($[13] !== t5 || $[14] !== t6) {
+    t7 = cn("flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", t5, {
+      "border-secondary-orange-peel-1": t6
+    });
+    $[13] = t5;
+    $[14] = t6;
+    $[15] = t7;
   } else {
-    t7 = $[20];
+    t7 = $[15];
   }
   let t8;
-  if ($[21] !== isLoading) {
-    t8 = isLoading && /* @__PURE__ */ jsx(Skeleton, { className: "w-[254px] h-[36px]" });
-    $[21] = isLoading;
-    $[22] = t8;
+  if ($[16] !== isLoading || $[17] !== token) {
+    t8 = token && isLoading && /* @__PURE__ */ jsx(Skeleton, { className: "w-[254px] h-[36px]" });
+    $[16] = isLoading;
+    $[17] = token;
+    $[18] = t8;
   } else {
-    t8 = $[22];
+    t8 = $[18];
   }
   let t9;
-  if ($[23] !== isLoading) {
-    t9 = cn("min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8", {
+  if ($[19] !== amount || $[20] !== disabled || $[21] !== isLoading || $[22] !== onAmountChange || $[23] !== onFocus || $[24] !== readOnly || $[25] !== token) {
+    t9 = token ? /* @__PURE__ */ jsx(NumericFormat, { className: cn("min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8", {
       hidden: isLoading
-    });
-    $[23] = isLoading;
-    $[24] = t9;
-  } else {
-    t9 = $[24];
-  }
-  let t10;
-  if ($[25] !== amount || $[26] !== disabled || $[27] !== onAmountChange || $[28] !== onFocus || $[29] !== readOnly || $[30] !== t9) {
-    t10 = /* @__PURE__ */ jsx(NumericFormat, { className: t9, placeholder: "0", disabled, value: amount, onValueChange: onAmountChange, onFocus, allowNegative: false, allowLeadingZeros: false, customInput: UnstyledInput, thousandSeparator: true, readOnly });
-    $[25] = amount;
-    $[26] = disabled;
-    $[27] = onAmountChange;
-    $[28] = onFocus;
-    $[29] = readOnly;
-    $[30] = t9;
-    $[31] = t10;
+    }), placeholder: "0", disabled, value: amount, onValueChange: onAmountChange, onFocus, allowNegative: false, allowLeadingZeros: false, customInput: UnstyledInput, thousandSeparator: true, readOnly }) : /* @__PURE__ */ jsx("div", { className: "text-contrast-3 dark:text-contrast-6 text-sm", children: "Receive" });
+    $[19] = amount;
+    $[20] = disabled;
+    $[21] = isLoading;
+    $[22] = onAmountChange;
+    $[23] = onFocus;
+    $[24] = readOnly;
+    $[25] = token;
+    $[26] = t9;
   } else {
-    t10 = $[31];
+    t9 = $[26];
   }
+  const t10 = networkSwitcherProps?.networks;
   let t11;
-  if ($[32] !== drawerContainer || $[33] !== onTokenSelect || $[34] !== token || $[35] !== tokenBadgePropsOverride || $[36] !== tokenType) {
-    t11 = /* @__PURE__ */ jsx(SelectTokenButton, { token, tokenBadgePropsOverride, tokenType, drawerContainer, onSelect: onTokenSelect });
-    $[32] = drawerContainer;
-    $[33] = onTokenSelect;
-    $[34] = token;
-    $[35] = tokenBadgePropsOverride;
-    $[36] = tokenType;
-    $[37] = t11;
+  if ($[27] !== drawerContainer || $[28] !== onTokenSelect || $[29] !== t10 || $[30] !== token || $[31] !== tokenBadgePropsOverride || $[32] !== tokenType) {
+    t11 = /* @__PURE__ */ jsx(SelectTokenButton, { token, tokenBadgePropsOverride, tokenType, drawerContainer, onSelect: onTokenSelect, selectableChains: t10 });
+    $[27] = drawerContainer;
+    $[28] = onTokenSelect;
+    $[29] = t10;
+    $[30] = token;
+    $[31] = tokenBadgePropsOverride;
+    $[32] = tokenType;
+    $[33] = t11;
   } else {
-    t11 = $[37];
+    t11 = $[33];
   }
   let t12;
-  if ($[38] !== t10 || $[39] !== t11 || $[40] !== t8) {
+  if ($[34] !== t11 || $[35] !== t8 || $[36] !== t9) {
     t12 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
       t8,
-      t10,
+      t9,
       t11
     ] });
-    $[38] = t10;
-    $[39] = t11;
-    $[40] = t8;
-    $[41] = t12;
+    $[34] = t11;
+    $[35] = t8;
+    $[36] = t9;
+    $[37] = t12;
   } else {
-    t12 = $[41];
+    t12 = $[37];
   }
   let t13;
-  if ($[42] !== balanceEl || $[43] !== usdEstimationEl) {
-    t13 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5", children: [
-      usdEstimationEl,
-      balanceEl
+  if ($[38] !== balanceEl || $[39] !== insufficientBalanceMessageProps || $[40] !== token || $[41] !== usdEstimationEl || $[42] !== warningMessage || $[43] !== youGetProps) {
+    t13 = token && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5", children: [
+        usdEstimationEl,
+        balanceEl
+      ] }),
+      insufficientBalanceMessageProps && /* @__PURE__ */ jsx(InsufficientBalanceMessage, { ...insufficientBalanceMessageProps }),
+      warningMessage && /* @__PURE__ */ jsx("div", { className: "text-xs text-secondary-orange-peel-1 flex items-center gap-2", children: warningMessage }),
+      youGetProps && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Line, { className: "mt-[16px] mb-[17.5px]" }),
+        /* @__PURE__ */ jsx(YouGet, { ...youGetProps })
+      ] })
     ] });
-    $[42] = balanceEl;
-    $[43] = usdEstimationEl;
+    $[38] = balanceEl;
+    $[39] = insufficientBalanceMessageProps;
+    $[40] = token;
+    $[41] = usdEstimationEl;
+    $[42] = warningMessage;
+    $[43] = youGetProps;
     $[44] = t13;
   } else {
     t13 = $[44];
   }
   let t14;
-  if ($[45] !== insufficientBalanceMessageProps) {
-    t14 = insufficientBalanceMessageProps && /* @__PURE__ */ jsx(InsufficientBalanceMessage, { ...insufficientBalanceMessageProps });
-    $[45] = insufficientBalanceMessageProps;
-    $[46] = t14;
-  } else {
-    t14 = $[46];
-  }
-  let t15;
-  if ($[47] !== warningMessage) {
-    t15 = warningMessage && /* @__PURE__ */ jsx("div", { className: "text-xs text-secondary-orange-peel-1 flex items-center gap-2", children: warningMessage });
-    $[47] = warningMessage;
-    $[48] = t15;
-  } else {
-    t15 = $[48];
-  }
-  let t16;
-  if ($[49] !== youGetProps) {
-    t16 = youGetProps && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Line, { className: "mt-[16px] mb-[17.5px]" }),
-      /* @__PURE__ */ jsx(YouGet, { ...youGetProps })
-    ] });
-    $[49] = youGetProps;
-    $[50] = t16;
-  } else {
-    t16 = $[50];
-  }
-  let t17;
-  if ($[51] !== t12 || $[52] !== t13 || $[53] !== t14 || $[54] !== t15 || $[55] !== t16 || $[56] !== t6 || $[57] !== t7) {
-    t17 = /* @__PURE__ */ jsxs("div", { className: t6, children: [
-      t7,
+  if ($[45] !== chainEl || $[46] !== t12 || $[47] !== t13 || $[48] !== t7) {
+    t14 = /* @__PURE__ */ jsxs("div", { className: t7, children: [
+      chainEl,
       t12,
-      t13,
-      t14,
-      t15,
-      t16
+      t13
     ] });
-    $[51] = t12;
-    $[52] = t13;
-    $[53] = t14;
-    $[54] = t15;
-    $[55] = t16;
-    $[56] = t6;
-    $[57] = t7;
-    $[58] = t17;
+    $[45] = chainEl;
+    $[46] = t12;
+    $[47] = t13;
+    $[48] = t7;
+    $[49] = t14;
   } else {
-    t17 = $[58];
+    t14 = $[49];
   }
-  return t17;
+  return t14;
 };
 
 export { TokenInput };

package/dist/components/widget/TokenInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat } from \"react-number-format\";\nimport { NetworkSwitcherDropdown } from \"@/components/widget/NetworkSwitcher/NetworkSwitcherDropdown\";\nimport { SelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { Button } from \"@/components/ui/button\";\nimport { YouGet } from \"@/components/widget/YouGet/YouGet\";\nimport { Line } from \"@/components/widget/Line/Line\";\nimport { EmptyInput } from \"./EmptyInput\";\nimport { cn } from \"@/lib/utils\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nexport const TokenInput: React.FC<TokenInputProps> = ({\n  amount,\n  onAmountChange,\n  label,\n  usdEstimation,\n  networkSwitcherProps,\n  tokenBadgePropsOverride,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  onFocus,\n  token,\n  tokenBalanceUnit,\n  onTokenSelect,\n  showMaxButton,\n  onMaxClick,\n  youGetProps,\n  disabled,\n  isLoading,\n  readOnly,\n  tokenType,\n  drawerContainer,\n  classes,\n}) => {\n  if (!token) {\n    return (\n      <EmptyInput\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onTokenSelect}\n        classes={classes}\n        disabled={disabled}\n      />\n    );\n  }\n\n  const usdEstimationEl = (\n    <div>\n      {usdEstimation\n        ? formatFiatPrice(Number(usdEstimation))\n        : usdEstimation === null\n          ? \"N/A\"\n          : undefined}\n    </div>\n  );\n\n  const balanceEl = tokenBalanceUnit ? (\n    <div className=\"flex items-center gap-2\">\n      <div>{`Balance: ${tokenBalanceUnit} ${token.symbol}`}</div>\n      {showMaxButton && (\n        <Button\n          className=\"h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase\"\n          onClick={onMaxClick}\n        >\n          max\n        </Button>\n      )}\n    </div>\n  ) : null;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        classes?.root,\n        {\n          \"border-secondary-orange-peel-1\":\n            insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n    >\n      {networkSwitcherProps ? (\n        <NetworkSwitcherDropdown {...networkSwitcherProps} prefix={label} />\n      ) : label ? (\n        <div className=\"text-xs text-contrast-3 dark:text-contrast-7\">\n          {label}\n        </div>\n      ) : null}\n      <div className=\"flex items-center justify-between gap-2\">\n        {isLoading && <Skeleton className=\"w-[254px] h-[36px]\" />}\n        <NumericFormat\n          className={cn(\n            \"min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8\",\n            {\n              hidden: isLoading, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n              // it doesn't trigger when we have a value on the first render\n            }\n          )}\n          placeholder=\"0\"\n          disabled={disabled}\n          value={amount}\n          onValueChange={onAmountChange}\n          onFocus={onFocus}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          readOnly={readOnly}\n        />\n\n        <SelectTokenButton\n          token={token}\n          tokenBadgePropsOverride={tokenBadgePropsOverride}\n          tokenType={tokenType}\n          drawerContainer={drawerContainer}\n          onSelect={onTokenSelect}\n        />\n      </div>\n      <div className=\"flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5\">\n        {usdEstimationEl}\n        {balanceEl}\n      </div>\n      {insufficientBalanceMessageProps && (\n        <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />\n      )}\n      {warningMessage && (\n        <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n          {warningMessage}\n        </div>\n      )}\n      {youGetProps && (\n        <div>\n          <Line className=\"mt-[16px] mb-[17.5px]\" />\n          <YouGet {...youGetProps} />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["TokenInput","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","onTokenSelect","showMaxButton","onMaxClick","youGetProps","disabled","isLoading","readOnly","tokenType","drawerContainer","classes","t1","formatFiatPrice","Number","undefined","t2","usdEstimationEl","t3","symbol","balanceEl","t4","root","t5","shouldDisplay","t6","cn","t7","t8","t9","hidden","t10","UnstyledInput","t11","t12","t13","t14","t15","t16","t17"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat } from \"react-number-format\";\nimport { NetworkSwitcherDropdown } from \"@/components/widget/NetworkSwitcher/NetworkSwitcherDropdown\";\nimport { SelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { Button } from \"@/components/ui/button\";\nimport { YouGet } from \"@/components/widget/YouGet/YouGet\";\nimport { Line } from \"@/components/widget/Line/Line\";\nimport { cn } from \"@/lib/utils\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nexport const TokenInput: React.FC<TokenInputProps> = ({\n  amount,\n  onAmountChange,\n  label,\n  usdEstimation,\n  networkSwitcherProps,\n  tokenBadgePropsOverride,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  onFocus,\n  token,\n  tokenBalanceUnit,\n  onTokenSelect,\n  showMaxButton,\n  onMaxClick,\n  youGetProps,\n  disabled,\n  isLoading,\n  readOnly,\n  tokenType,\n  drawerContainer,\n  classes,\n}) => {\n  const usdEstimationEl = (\n    <div>\n      {usdEstimation\n        ? formatFiatPrice(Number(usdEstimation))\n        : usdEstimation === null\n          ? \"N/A\"\n          : undefined}\n    </div>\n  );\n\n  const balanceEl =\n    tokenBalanceUnit && token ? (\n      <div className=\"flex items-center gap-2\">\n        <div>{`Balance: ${tokenBalanceUnit} ${token.symbol}`}</div>\n        {showMaxButton && (\n          <Button\n            className=\"h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase\"\n            onClick={onMaxClick}\n          >\n            max\n          </Button>\n        )}\n      </div>\n    ) : null;\n\n  const chainEl = !token ? null : networkSwitcherProps &&\n    !networkSwitcherProps.hidden ? (\n    <NetworkSwitcherDropdown {...networkSwitcherProps} prefix={label} />\n  ) : label ? (\n    <div className=\"text-xs text-contrast-3 dark:text-contrast-7\">{label}</div>\n  ) : null;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        classes?.root,\n        {\n          \"border-secondary-orange-peel-1\":\n            token && insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n    >\n      {chainEl}\n      <div className=\"flex items-center justify-between gap-2\">\n        {token && isLoading && <Skeleton className=\"w-[254px] h-[36px]\" />}\n        {token ? (\n          <NumericFormat\n            className={cn(\n              \"min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8\",\n              {\n                hidden: isLoading, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n                // it doesn't trigger when we have a value on the first render\n              }\n            )}\n            placeholder=\"0\"\n            disabled={disabled}\n            value={amount}\n            onValueChange={onAmountChange}\n            onFocus={onFocus}\n            allowNegative={false}\n            allowLeadingZeros={false}\n            customInput={UnstyledInput}\n            thousandSeparator\n            readOnly={readOnly}\n          />\n        ) : (\n          <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n            Receive\n          </div>\n        )}\n\n        {/* Always render SelectTokenButton and therefore the Drawer inside of it in the same place,\n        otherwise the Drawer opened inside EmptyInput is unmounted when token becomes available instead of closing normally */}\n        <SelectTokenButton\n          token={token}\n          tokenBadgePropsOverride={tokenBadgePropsOverride}\n          tokenType={tokenType}\n          drawerContainer={drawerContainer}\n          onSelect={onTokenSelect}\n          selectableChains={networkSwitcherProps?.networks}\n        />\n      </div>\n      {token && (\n        <>\n          <div className=\"flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5\">\n            {usdEstimationEl}\n            {balanceEl}\n          </div>\n          {insufficientBalanceMessageProps && (\n            <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />\n          )}\n          {warningMessage && (\n            <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n              {warningMessage}\n            </div>\n          )}\n          {youGetProps && (\n            <div>\n              <Line className=\"mt-[16px] mb-[17.5px]\" />\n              <YouGet {...youGetProps} />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["TokenInput","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","onTokenSelect","showMaxButton","onMaxClick","youGetProps","disabled","isLoading","readOnly","tokenType","drawerContainer","classes","t1","formatFiatPrice","Number","undefined","t2","usdEstimationEl","t3","symbol","balanceEl","t4","hidden","chainEl","t5","root","t6","shouldDisplay","t7","cn","t8","t9","UnstyledInput","t10","networks","t11","t12","t13","t14"],"mappings":"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"}

package/dist/components/widget/WrapEth/hooks/useSubmitDepositTxMutation.d.ts

@@ -6,5 +6,5 @@ export declare function useSubmitDepositTxMutation({ amount, onSuccess: _onSucce
     onSuccess?: (txReceipt: TransactionReceipt) => void;
     onError?: (error: Error) => void;
     tradeMode: TradeMode;
-}): UseMutationResult<TransactionReceipt, Error, void>;
+}): UseMutationResult<TransactionReceipt, Error, void, void>;
 //# sourceMappingURL=useSubmitDepositTxMutation.d.ts.map

package/dist/components/widget/WrapEth/hooks/useSubmitDepositTxMutation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSubmitDepositTxMutation.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/WrapEth/hooks/useSubmitDepositTxMutation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,MAAM,CAAC;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAO5D,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,QAAQ,EACjB,SAAS,GACV,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC;CACtB,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,KAAK,EAAE,IAAI,CAAC,CAiHrD"}
+{"version":3,"file":"useSubmitDepositTxMutation.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/WrapEth/hooks/useSubmitDepositTxMutation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,MAAM,CAAC;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAO5D,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,QAAQ,EACjB,SAAS,GACV,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC;CACtB,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAiH3D"}

package/dist/components/widget/WrapEth/hooks/useSubmitDepositTxMutation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSubmitDepositTxMutation.js","sources":["../../../../../src/components/widget/WrapEth/hooks/useSubmitDepositTxMutation.ts"],"sourcesContent":["import { useDepositWeth } from \"@/hooks/txs/mutations/useDepositWeth\";\nimport { useEnsureTxReceipt } from \"@/hooks/txs/queries/useAwaitTx\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useLogger } from \"@/core/logger\";\nimport { useMutation, type UseMutationResult } from \"@tanstack/react-query\";\nimport type { TransactionReceipt } from \"viem\";\nimport { useChainId } from \"wagmi\";\nimport type { TradeMode } from \"@/core/state/tradeModeAtom\";\nimport { useWidgetEvents } from \"@/core/state/widgetEventsAtom\";\nimport { assert } from \"ts-essentials\";\nimport { wrappedNativeCurrency } from \"@/lib/constants/weth\";\n\nconst WETH_DEPOSIT_MUTATION_KEY = \"wethDeposit\";\n\nexport function useSubmitDepositTxMutation({\n  amount,\n  onSuccess: _onSuccess,\n  onError: _onError,\n  tradeMode,\n}: {\n  amount?: string;\n  onSuccess?: (txReceipt: TransactionReceipt) => void;\n  onError?: (error: Error) => void;\n  tradeMode: TradeMode;\n}): UseMutationResult<TransactionReceipt, Error, void> {\n  const chainId = useChainId();\n  const logger = useLogger(\"SubmitDepositTxMutation\");\n\n  const { depositAsync } = useDepositWeth({\n    amount,\n  });\n\n  const ensureTxReceipt = useEnsureTxReceipt();\n\n  const { onWrapETH } = useWidgetEvents();\n\n  const submitDepositTx = async () => {\n    assert(amount, \"amount is required for deposit\");\n    const ethAmountWei = BigInt(amount);\n    const wethAddress = wrappedNativeCurrency[chainId];\n\n    onWrapETH?.({\n      event: {\n        name: \"WrapETH:request\",\n        params: {\n          ethAmountWei,\n          wethAddress,\n          chainId,\n          tradeMode,\n        },\n      },\n    });\n\n    try {\n      const depositTxHash = await depositAsync();\n\n      onWrapETH?.({\n        event: {\n          name: \"WrapETH:sent\",\n          params: {\n            ethAmountWei,\n            wethAddress,\n            chainId,\n            tradeMode,\n            txHash: depositTxHash,\n          },\n        },\n      });\n\n      const depositTxReceiptPromise = ensureTxReceipt({\n        hash: depositTxHash,\n        chainId,\n        onReplaced: (data) => {\n          logger.log(\"onReplaced:depositTx\", depositTxHash, data);\n        },\n      });\n\n      handleTxSent({\n        chainId,\n        transactionHash: depositTxHash,\n        action: \"wrapETH\",\n        receiptPromise: depositTxReceiptPromise,\n        transactionSpecificData: {\n          action: \"wrapETH\",\n          wrappedAmount: ethAmountWei,\n        },\n      });\n\n      const depositTxReceipt = await depositTxReceiptPromise;\n\n      onWrapETH?.({\n        event: {\n          name: \"WrapETH:confirmed\",\n          params: {\n            ethAmountWei,\n            wethAddress,\n            txHash: depositTxHash,\n            txReceipt: depositTxReceipt,\n            chainId,\n            tradeMode,\n          },\n        },\n      });\n\n      logger.log(\"~ depositTx ~ receipt:\", depositTxReceipt);\n\n      return depositTxReceipt;\n    } catch (error) {\n      logger.error(\"WrapETH:failed\", error);\n      onWrapETH?.({\n        event: {\n          name: \"WrapETH:failed\",\n          params: {\n            ethAmountWei,\n            wethAddress,\n            chainId,\n            tradeMode,\n            error: error as Error,\n          },\n        },\n      });\n      throw error;\n    }\n  };\n\n  return useMutation<TransactionReceipt, Error, void>({\n    mutationFn: submitDepositTx,\n    mutationKey: [WETH_DEPOSIT_MUTATION_KEY],\n    onSuccess: (data) => {\n      logger.log(\"Deposit tx success\", data);\n      _onSuccess?.(data);\n    },\n    onError: (error) => {\n      logger.error(\"Deposit tx error\", error);\n      _onError?.(error);\n    },\n  });\n}\n"],"names":["WETH_DEPOSIT_MUTATION_KEY","useSubmitDepositTxMutation","amount","onSuccess","_onSuccess","onError","_onError","tradeMode","chainId","useChainId","logger","useLogger","depositAsync","useDepositWeth","ensureTxReceipt","useEnsureTxReceipt","onWrapETH","useWidgetEvents","submitDepositTx","assert","ethAmountWei","BigInt","wethAddress","wrappedNativeCurrency","event","name","params","depositTxHash","txHash","depositTxReceiptPromise","hash","onReplaced","data","log","handleTxSent","transactionHash","action","receiptPromise","transactionSpecificData","wrappedAmount","depositTxReceipt","txReceipt","error","useMutation","mutationFn","mutationKey"],"mappings":"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"}
+{"version":3,"file":"useSubmitDepositTxMutation.js","sources":["../../../../../src/components/widget/WrapEth/hooks/useSubmitDepositTxMutation.ts"],"sourcesContent":["import { useDepositWeth } from \"@/hooks/txs/mutations/useDepositWeth\";\nimport { useEnsureTxReceipt } from \"@/hooks/txs/queries/useAwaitTx\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useLogger } from \"@/core/logger\";\nimport { useMutation, type UseMutationResult } from \"@tanstack/react-query\";\nimport type { TransactionReceipt } from \"viem\";\nimport { useChainId } from \"wagmi\";\nimport type { TradeMode } from \"@/core/state/tradeModeAtom\";\nimport { useWidgetEvents } from \"@/core/state/widgetEventsAtom\";\nimport { assert } from \"ts-essentials\";\nimport { wrappedNativeCurrency } from \"@/lib/constants/weth\";\n\nconst WETH_DEPOSIT_MUTATION_KEY = \"wethDeposit\";\n\nexport function useSubmitDepositTxMutation({\n  amount,\n  onSuccess: _onSuccess,\n  onError: _onError,\n  tradeMode,\n}: {\n  amount?: string;\n  onSuccess?: (txReceipt: TransactionReceipt) => void;\n  onError?: (error: Error) => void;\n  tradeMode: TradeMode;\n}): UseMutationResult<TransactionReceipt, Error, void, void> {\n  const chainId = useChainId();\n  const logger = useLogger(\"SubmitDepositTxMutation\");\n\n  const { depositAsync } = useDepositWeth({\n    amount,\n  });\n\n  const ensureTxReceipt = useEnsureTxReceipt();\n\n  const { onWrapETH } = useWidgetEvents();\n\n  const submitDepositTx = async () => {\n    assert(amount, \"amount is required for deposit\");\n    const ethAmountWei = BigInt(amount);\n    const wethAddress = wrappedNativeCurrency[chainId];\n\n    onWrapETH?.({\n      event: {\n        name: \"WrapETH:request\",\n        params: {\n          ethAmountWei,\n          wethAddress,\n          chainId,\n          tradeMode,\n        },\n      },\n    });\n\n    try {\n      const depositTxHash = await depositAsync();\n\n      onWrapETH?.({\n        event: {\n          name: \"WrapETH:sent\",\n          params: {\n            ethAmountWei,\n            wethAddress,\n            chainId,\n            tradeMode,\n            txHash: depositTxHash,\n          },\n        },\n      });\n\n      const depositTxReceiptPromise = ensureTxReceipt({\n        hash: depositTxHash,\n        chainId,\n        onReplaced: (data) => {\n          logger.log(\"onReplaced:depositTx\", depositTxHash, data);\n        },\n      });\n\n      handleTxSent({\n        chainId,\n        transactionHash: depositTxHash,\n        action: \"wrapETH\",\n        receiptPromise: depositTxReceiptPromise,\n        transactionSpecificData: {\n          action: \"wrapETH\",\n          wrappedAmount: ethAmountWei,\n        },\n      });\n\n      const depositTxReceipt = await depositTxReceiptPromise;\n\n      onWrapETH?.({\n        event: {\n          name: \"WrapETH:confirmed\",\n          params: {\n            ethAmountWei,\n            wethAddress,\n            txHash: depositTxHash,\n            txReceipt: depositTxReceipt,\n            chainId,\n            tradeMode,\n          },\n        },\n      });\n\n      logger.log(\"~ depositTx ~ receipt:\", depositTxReceipt);\n\n      return depositTxReceipt;\n    } catch (error) {\n      logger.error(\"WrapETH:failed\", error);\n      onWrapETH?.({\n        event: {\n          name: \"WrapETH:failed\",\n          params: {\n            ethAmountWei,\n            wethAddress,\n            chainId,\n            tradeMode,\n            error: error as Error,\n          },\n        },\n      });\n      throw error;\n    }\n  };\n\n  return useMutation<TransactionReceipt, Error, void, void>({\n    mutationFn: submitDepositTx,\n    mutationKey: [WETH_DEPOSIT_MUTATION_KEY],\n    onSuccess: (data) => {\n      logger.log(\"Deposit tx success\", data);\n      _onSuccess?.(data);\n    },\n    onError: (error) => {\n      logger.error(\"Deposit tx error\", error);\n      _onError?.(error);\n    },\n  });\n}\n"],"names":["WETH_DEPOSIT_MUTATION_KEY","useSubmitDepositTxMutation","amount","onSuccess","_onSuccess","onError","_onError","tradeMode","chainId","useChainId","logger","useLogger","depositAsync","useDepositWeth","ensureTxReceipt","useEnsureTxReceipt","onWrapETH","useWidgetEvents","submitDepositTx","assert","ethAmountWei","BigInt","wethAddress","wrappedNativeCurrency","event","name","params","depositTxHash","txHash","depositTxReceiptPromise","hash","onReplaced","data","log","handleTxSent","transactionHash","action","receiptPromise","transactionSpecificData","wrappedAmount","depositTxReceipt","txReceipt","error","useMutation","mutationFn","mutationKey"],"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":"AAwOA,eAAO,MAAM,YAAY,+CA2RxB,CAAC"}
+{"version":3,"file":"Configurator.d.ts","sourceRoot":"","sources":["../../src/configurator/Configurator.tsx"],"names":[],"mappings":"AAsPA,eAAO,MAAM,YAAY,+CA+RxB,CAAC"}

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

@@ -1,4 +1,4 @@
-import { FormInputProps } from '../../core/inputs/state/setTokenByAddressAtom';
+import { FormInputProps } from '../../core/inputs/state/types';
 export declare const FormProps: ({ input, onInputChange, }: {
     input: FormInputProps;
     onInputChange: (input: FormInputProps) => void;

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,2CAA2C,CAAC;AAahF,eAAO,MAAM,SAAS,GAAI,2BAGvB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD,4CAqJA,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;AAahE,eAAO,MAAM,SAAS,GAAI,2BAGvB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD,4CAqJA,CAAC"}

package/dist/core/ConnectWalletDrawerButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectWalletDrawerButton.d.ts","sourceRoot":"","sources":["../../src/core/ConnectWalletDrawerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAOhD,KAAK,8BAA8B,GAAG,IAAI,CACxC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACnC,SAAS,CACV,GAAG;IACF,eAAe,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,eAAe,EACf,GAAG,WAAW,EACf,EAAE,8BAA8B,2CA4BhC"}
+{"version":3,"file":"ConnectWalletDrawerButton.d.ts","sourceRoot":"","sources":["../../src/core/ConnectWalletDrawerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAQhD,KAAK,8BAA8B,GAAG,IAAI,CACxC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACnC,SAAS,CACV,GAAG;IACF,eAAe,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,eAAe,EACf,GAAG,WAAW,EACf,EAAE,8BAA8B,2CA4ChC"}

package/dist/core/ConnectWalletDrawerButton.js

@@ -6,9 +6,10 @@ 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(19);
+  const $ = distExports.c(22);
   const {
     drawerContainer,
     ...buttonProps
@@ -38,52 +39,73 @@ function ConnectWalletDrawerButton(t0) {
     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);
-  const t6 = isDappMode || buttonProps.disabled;
+  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 ($[4] !== T0 || $[5] !== buttonProps || $[6] !== onOpen || $[7] !== t5 || $[8] !== t6) {
-    t7 = /* @__PURE__ */ jsx(T0, { variant: t3, radius: t4, ...buttonProps, className: t5, onClick: onOpen, disabled: t6, children: "Connect Wallet" });
-    $[4] = T0;
-    $[5] = buttonProps;
-    $[6] = onOpen;
-    $[7] = t5;
-    $[8] = t6;
-    $[9] = 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 = $[9];
+    t7 = $[12];
   }
   let t8;
-  if ($[10] !== drawerProps.onClose) {
+  if ($[13] !== drawerProps.onClose) {
     t8 = /* @__PURE__ */ jsx(ConnectWalletsContainer, { onComplete: drawerProps.onClose });
-    $[10] = drawerProps.onClose;
-    $[11] = t8;
+    $[13] = drawerProps.onClose;
+    $[14] = t8;
   } else {
-    t8 = $[11];
+    t8 = $[14];
   }
   let t9;
-  if ($[12] !== drawerContainer || $[13] !== drawerProps || $[14] !== t8) {
+  if ($[15] !== drawerContainer || $[16] !== drawerProps || $[17] !== t8) {
     t9 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, title: "Connect Your Wallet", container: drawerContainer, showCloseButton: true, children: t8 });
-    $[12] = drawerContainer;
-    $[13] = drawerProps;
-    $[14] = t8;
-    $[15] = t9;
+    $[15] = drawerContainer;
+    $[16] = drawerProps;
+    $[17] = t8;
+    $[18] = t9;
   } else {
-    t9 = $[15];
+    t9 = $[18];
   }
   let t10;
-  if ($[16] !== t7 || $[17] !== t9) {
+  if ($[19] !== t7 || $[20] !== t9) {
     t10 = /* @__PURE__ */ jsxs(Fragment, { children: [
       t7,
       t9
     ] });
-    $[16] = t7;
-    $[17] = t9;
-    $[18] = t10;
+    $[19] = t7;
+    $[20] = t9;
+    $[21] = t10;
   } else {
-    t10 = $[18];
+    t10 = $[21];
   }
   return t10;
 }

package/dist/core/ConnectWalletDrawerButton.js.map

@@ -1 +1 @@
-{"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\";\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        variant=\"cta\"\n        radius=\"lg\"\n        {...buttonProps}\n        className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\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","drawerContainer","buttonProps","t1","Symbol","for","drawerId","t2","useDrawerControls","drawerProps","onOpen","isDappMode","useIsDappMode","T0","Button","t3","t4","t5","cn","className","t6","disabled","t7","t8","onClose","t9","t10"],"mappings":"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"}
+{"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;;;;"}

package/dist/core/Toaster.js

@@ -11,7 +11,7 @@ function Toaster() {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: 49
+      zIndex: 1
     }, position: "bottom-center" });
     $[0] = t0;
   } else {

package/dist/core/Toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","sources":["../../src/core/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,EAChB;AAAA,KACV,EACS,UAAA,eAAA,EAAe,CAAA;AACxBV,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAdFE,EAAAA;AAcE;;;;"}
+{"version":3,"file":"Toaster.js","sources":["../../src/core/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: 1, // 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,EAChB;AAAA,KACV,EACS,UAAA,eAAA,EAAe,CAAA;AACxBV,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAdFE,EAAAA;AAcE;;;;"}