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

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

@@ -1,84 +1,52 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { Skeleton } from '../../ui/skeleton.js';
-import { NumericFormat } from 'react-number-format';
-import { UnstyledInput } from '../../ui/input.js';
-import { SelectTokenButton } from '../SelectToken/SelectTokenButton.js';
-import { cn } from '../../../lib/utils/index.js';
-
-const InputField = (t0) => {
-  const $ = distExports.c(23);
-  const {
-    token,
-    isLoading,
-    disabled,
-    amount,
-    onAmountChange,
-    onFocus,
-    readOnly,
-    tokenBadgePropsOverride,
-    tokenType,
-    drawerContainer,
-    onTokenSelect,
-    networkSwitcherProps,
-    selectTokenButtonProps
-  } = t0;
-  let t1;
-  if ($[0] !== isLoading || $[1] !== token) {
-    t1 = token && isLoading && /* @__PURE__ */ jsx(Skeleton, { className: "w-[254px] h-[36px]" });
-    $[0] = isLoading;
-    $[1] = token;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== amount || $[4] !== disabled || $[5] !== isLoading || $[6] !== onAmountChange || $[7] !== onFocus || $[8] !== readOnly || $[9] !== token) {
-    t2 = 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
-    }), 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" });
-    $[3] = amount;
-    $[4] = disabled;
-    $[5] = isLoading;
-    $[6] = onAmountChange;
-    $[7] = onFocus;
-    $[8] = readOnly;
-    $[9] = token;
-    $[10] = t2;
-  } else {
-    t2 = $[10];
-  }
-  const t3 = networkSwitcherProps?.networks;
-  let t4;
-  if ($[11] !== drawerContainer || $[12] !== onTokenSelect || $[13] !== selectTokenButtonProps || $[14] !== t3 || $[15] !== token || $[16] !== tokenBadgePropsOverride || $[17] !== tokenType) {
-    t4 = /* @__PURE__ */ jsx(SelectTokenButton, { token, tokenBadgePropsOverride, tokenType, drawerContainer, onSelect: onTokenSelect, selectableChains: t3, buttonProps: selectTokenButtonProps });
-    $[11] = drawerContainer;
-    $[12] = onTokenSelect;
-    $[13] = selectTokenButtonProps;
-    $[14] = t3;
-    $[15] = token;
-    $[16] = tokenBadgePropsOverride;
-    $[17] = tokenType;
-    $[18] = t4;
-  } else {
-    t4 = $[18];
-  }
-  let t5;
-  if ($[19] !== t1 || $[20] !== t2 || $[21] !== t4) {
-    t5 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      t1,
-      t2,
-      t4
-    ] });
-    $[19] = t1;
-    $[20] = t2;
-    $[21] = t4;
-    $[22] = t5;
-  } else {
-    t5 = $[22];
-  }
-  return t5;
+import { cn as e } from "../../../lib/utils/index.js";
+import { Skeleton as t } from "../../ui/skeleton.js";
+import { UnstyledInput as n } from "../../ui/input.js";
+import { SelectTokenButton as r } from "../SelectToken/SelectTokenButton.js";
+import { c as i } from "react-compiler-runtime";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { NumericFormat as s } from "react-number-format";
+//#region src/components/widget/TokenInput/InputField.tsx
+var c = (c) => {
+	let l = i(23), { token: u, isLoading: d, disabled: f, amount: p, onAmountChange: m, onFocus: h, readOnly: g, tokenBadgePropsOverride: _, tokenType: v, drawerContainer: y, onTokenSelect: b, networkSwitcherProps: x, selectTokenButtonProps: S } = c, C;
+	l[0] !== d || l[1] !== u ? (C = u && d && /* @__PURE__ */ a(t, { className: "w-[254px] h-[36px]" }), l[0] = d, l[1] = u, l[2] = C) : C = l[2];
+	let w;
+	l[3] !== p || l[4] !== f || l[5] !== d || l[6] !== m || l[7] !== h || l[8] !== g || l[9] !== u ? (w = u ? /* @__PURE__ */ a(s, {
+		className: e("min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8", { hidden: d }),
+		placeholder: "0",
+		disabled: f,
+		value: p,
+		onValueChange: m,
+		onFocus: h,
+		allowNegative: !1,
+		allowLeadingZeros: !1,
+		customInput: n,
+		thousandSeparator: !0,
+		readOnly: g
+	}) : /* @__PURE__ */ a("div", {
+		className: "text-contrast-3 dark:text-contrast-6 text-sm",
+		children: "Receive"
+	}), l[3] = p, l[4] = f, l[5] = d, l[6] = m, l[7] = h, l[8] = g, l[9] = u, l[10] = w) : w = l[10];
+	let T = x?.networks, E;
+	l[11] !== y || l[12] !== b || l[13] !== S || l[14] !== T || l[15] !== u || l[16] !== _ || l[17] !== v ? (E = /* @__PURE__ */ a(r, {
+		token: u,
+		tokenBadgePropsOverride: _,
+		tokenType: v,
+		drawerContainer: y,
+		onSelect: b,
+		selectableChains: T,
+		buttonProps: S
+	}), l[11] = y, l[12] = b, l[13] = S, l[14] = T, l[15] = u, l[16] = _, l[17] = v, l[18] = E) : E = l[18];
+	let D;
+	return l[19] !== C || l[20] !== w || l[21] !== E ? (D = /* @__PURE__ */ o("div", {
+		className: "flex items-center justify-between gap-2",
+		children: [
+			C,
+			w,
+			E
+		]
+	}), l[19] = C, l[20] = w, l[21] = E, l[22] = D) : D = l[22], D;
 };
+//#endregion
+export { c as InputField };
 
-export { InputField };
-//# sourceMappingURL=InputField.js.map
+//# sourceMappingURL=InputField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.js","sources":["../../../../src/components/widget/TokenInput/InputField.tsx"],"sourcesContent":["import type { TokenInputProps } from \"./types\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { NumericFormat } from \"react-number-format\";\nimport { UnstyledInput } from \"@/components/ui/input\";\nimport { SelectTokenButton } from \"../SelectToken/SelectTokenButton\";\nimport { cn } from \"@/lib/utils\";\nimport type { SelectTokenButtonProps } from \"../SelectToken/types\";\n\nexport const InputField = ({\n  token,\n  isLoading,\n  disabled,\n  amount,\n  onAmountChange,\n  onFocus,\n  readOnly,\n  tokenBadgePropsOverride,\n  tokenType,\n  drawerContainer,\n  onTokenSelect,\n  networkSwitcherProps,\n  selectTokenButtonProps,\n}: Pick<\n  TokenInputProps,\n  | \"token\"\n  | \"isLoading\"\n  | \"disabled\"\n  | \"amount\"\n  | \"onAmountChange\"\n  | \"onFocus\"\n  | \"readOnly\"\n  | \"tokenBadgePropsOverride\"\n  | \"tokenType\"\n  | \"drawerContainer\"\n  | \"onTokenSelect\"\n  | \"networkSwitcherProps\"\n> & {\n  selectTokenButtonProps?: SelectTokenButtonProps[\"buttonProps\"];\n}) => {\n  return (\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        buttonProps={selectTokenButtonProps}\n      />\n    </div>\n  );\n};\n"],"names":["InputField","t0","$","_c","token","isLoading","disabled","amount","onAmountChange","onFocus","readOnly","tokenBadgePropsOverride","tokenType","drawerContainer","onTokenSelect","networkSwitcherProps","selectTokenButtonProps","t1","t2","cn","hidden","UnstyledInput","t3","networks","t4","t5"],"mappings":"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"}
+{"version":3,"file":"InputField.js","names":["TokenInputProps","Skeleton","NumericFormat","UnstyledInput","SelectTokenButton","cn","SelectTokenButtonProps","InputField","t0","$","_c","token","isLoading","disabled","amount","onAmountChange","onFocus","readOnly","tokenBadgePropsOverride","tokenType","drawerContainer","onTokenSelect","networkSwitcherProps","selectTokenButtonProps","t1","t2","hidden","t3","networks","t4","t5"],"sources":["../../../../src/components/widget/TokenInput/InputField.tsx"],"sourcesContent":["import type { TokenInputProps } from \"./types\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { NumericFormat } from \"react-number-format\";\nimport { UnstyledInput } from \"@/components/ui/input\";\nimport { SelectTokenButton } from \"../SelectToken/SelectTokenButton\";\nimport { cn } from \"@/lib/utils\";\nimport type { SelectTokenButtonProps } from \"../SelectToken/types\";\n\nexport const InputField = ({\n  token,\n  isLoading,\n  disabled,\n  amount,\n  onAmountChange,\n  onFocus,\n  readOnly,\n  tokenBadgePropsOverride,\n  tokenType,\n  drawerContainer,\n  onTokenSelect,\n  networkSwitcherProps,\n  selectTokenButtonProps,\n}: Pick<\n  TokenInputProps,\n  | \"token\"\n  | \"isLoading\"\n  | \"disabled\"\n  | \"amount\"\n  | \"onAmountChange\"\n  | \"onFocus\"\n  | \"readOnly\"\n  | \"tokenBadgePropsOverride\"\n  | \"tokenType\"\n  | \"drawerContainer\"\n  | \"onTokenSelect\"\n  | \"networkSwitcherProps\"\n> & {\n  selectTokenButtonProps?: SelectTokenButtonProps[\"buttonProps\"];\n}) => {\n  return (\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        buttonProps={selectTokenButtonProps}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaO,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,cAAAC,aAAAC,WAAAC,mBAAAC,YAAAC,aAAAC,4BAAAC,cAAAC,oBAAAC,kBAAAC,yBAAAC,8BAAAf,GA8B1BgB;AAAA,CAAAf,EAAA,OAAAG,KAAAH,EAAA,OAAAE,KAGMa,IAAAb,KAAAC,KAAsB,kBAAC,GAAD,EAAoB,WAAA,sBAAuB,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAe,KAAAA,IAAAf,EAAA;CAAA,IAAAgB;AAAA,CAAAhB,EAAA,OAAAK,KAAAL,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KAAAN,EAAA,OAAAO,KAAAP,EAAA,OAAAQ,KAAAR,EAAA,OAAAE,KACjEc,IAAAd,IACC,kBAAC,GAAD;EACa,WAAAN,EACT,mFACA,EAAAqB,QACUd,GAGZ,CAAA;EACY,aAAA;EACFC;EACHC,OAAAA;EACQC,eAAAA;EACNC;EACM,eAAA;EACI,mBAAA;EACNb,aAAAA;EACb,mBAAA;EACUc;EAMb,CAAA,GAHC,kBAAA,OAAA;EAAe,WAAA;YAA+C;EAG/D,CAAA,EAAAR,EAAA,KAAAK,GAAAL,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,GAAAR,EAAA,KAAAE,GAAAF,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA;CAUmB,IAAAkB,IAAAL,GAAoBM,UAAUC;AAAA,CAAApB,EAAA,QAAAW,KAAAX,EAAA,QAAAY,KAAAZ,EAAA,QAAAc,KAAAd,EAAA,QAAAkB,KAAAlB,EAAA,QAAAE,KAAAF,EAAA,QAAAS,KAAAT,EAAA,QAAAU,KANlDU,IAAA,kBAAC,GAAD;EACSlB;EACkBO;EACdC;EACMC;EACPC,UAAAA;EACQ,kBAAAM;EACLJ,aAAAA;EACb,CAAA,EAAAd,EAAA,MAAAW,GAAAX,EAAA,MAAAY,GAAAZ,EAAA,MAAAc,GAAAd,EAAA,MAAAkB,GAAAlB,EAAA,MAAAE,GAAAF,EAAA,MAAAS,GAAAT,EAAA,MAAAU,GAAAV,EAAA,MAAAoB,KAAAA,IAAApB,EAAA;CAAA,IAAAqB;AACE,QADFrB,EAAA,QAAAe,KAAAf,EAAA,QAAAgB,KAAAhB,EAAA,QAAAoB,KAtCJC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGN;GACAC;GA4BDI;GASI;KAAApB,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,GAAAhB,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA,KAvCNqB"}

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

@@ -1,206 +1,88 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
-import { Line } from '../Line/Line.js';
-import { InsufficientBalanceMessage } from '../Warning/InsufficientBalanceMessage.js';
-import { YouGet } from '../YouGet/YouGet.js';
-
-const UsdEstimation = ({
-  usdEstimation,
-  amount
-}) => {
-  if (usdEstimation === null) return "N/A";
-  if (!Number(amount) || !Number(usdEstimation)) return;
-  return `~${formatFiatPrice(Number(usdEstimation))}`;
-};
-const FirstRow = (t0) => {
-  const $ = distExports.c(8);
-  const {
-    usdEstimation,
-    secondEl,
-    amount
-  } = t0;
-  let t1;
-  if ($[0] !== amount || $[1] !== usdEstimation) {
-    t1 = /* @__PURE__ */ jsx(UsdEstimation, { usdEstimation, amount });
-    $[0] = amount;
-    $[1] = usdEstimation;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== secondEl) {
-    t2 = /* @__PURE__ */ jsx("div", { className: "ml-auto", children: secondEl });
-    $[3] = secondEl;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== t1 || $[6] !== t2) {
-    t3 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-xs text-contrast-5 min-h-5 break-all", children: [
-      t1,
-      t2
-    ] });
-    $[5] = t1;
-    $[6] = t2;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  return t3;
-};
-const SecondRow = (t0) => {
-  const $ = distExports.c(4);
-  const {
-    warningMessage,
-    insufficientBalanceMessageProps
-  } = t0;
-  if (insufficientBalanceMessageProps?.shouldDisplay) {
-    let t1;
-    if ($[0] !== insufficientBalanceMessageProps) {
-      t1 = /* @__PURE__ */ jsx(InsufficientBalanceMessage, { ...insufficientBalanceMessageProps });
-      $[0] = insufficientBalanceMessageProps;
-      $[1] = t1;
-    } else {
-      t1 = $[1];
-    }
-    return t1;
-  }
-  if (warningMessage) {
-    let t1;
-    if ($[2] !== warningMessage) {
-      t1 = /* @__PURE__ */ jsx("div", { className: "text-xs text-secondary-orange-peel-1 flex items-center gap-2", children: warningMessage });
-      $[2] = warningMessage;
-      $[3] = t1;
-    } else {
-      t1 = $[3];
-    }
-    return t1;
-  }
-  return null;
-};
-const Divider = () => {
-  const $ = distExports.c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsx(Line, { className: "mt-[16px] mb-[17.5px]" });
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
-};
-const ThirdRow = (t0) => {
-  const $ = distExports.c(6);
-  const {
-    bottomElement,
-    youGetProps
-  } = t0;
-  if (bottomElement) {
-    let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = /* @__PURE__ */ jsx(Divider, {});
-      $[0] = t1;
-    } else {
-      t1 = $[0];
-    }
-    let t2;
-    if ($[1] !== bottomElement) {
-      t2 = /* @__PURE__ */ jsxs("div", { children: [
-        t1,
-        bottomElement
-      ] });
-      $[1] = bottomElement;
-      $[2] = t2;
-    } else {
-      t2 = $[2];
-    }
-    return t2;
-  }
-  if (youGetProps) {
-    let t1;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = /* @__PURE__ */ jsx(Divider, {});
-      $[3] = t1;
-    } else {
-      t1 = $[3];
-    }
-    let t2;
-    if ($[4] !== youGetProps) {
-      t2 = /* @__PURE__ */ jsxs("div", { children: [
-        t1,
-        /* @__PURE__ */ jsx(YouGet, { ...youGetProps })
-      ] });
-      $[4] = youGetProps;
-      $[5] = t2;
-    } else {
-      t2 = $[5];
-    }
-    return t2;
-  }
-  return null;
-};
-const InputFooter = (t0) => {
-  const $ = distExports.c(14);
-  const {
-    token,
-    amount,
-    usdEstimation,
-    insufficientBalanceMessageProps,
-    warningMessage,
-    bottomElement,
-    youGetProps,
-    firstRowSecondEl
-  } = t0;
-  if (!token) {
-    return null;
-  }
-  let t1;
-  if ($[0] !== amount || $[1] !== firstRowSecondEl || $[2] !== usdEstimation) {
-    t1 = /* @__PURE__ */ jsx(FirstRow, { usdEstimation, secondEl: firstRowSecondEl, amount });
-    $[0] = amount;
-    $[1] = firstRowSecondEl;
-    $[2] = usdEstimation;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  let t2;
-  if ($[4] !== insufficientBalanceMessageProps || $[5] !== warningMessage) {
-    t2 = /* @__PURE__ */ jsx(SecondRow, { insufficientBalanceMessageProps, warningMessage });
-    $[4] = insufficientBalanceMessageProps;
-    $[5] = warningMessage;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  let t3;
-  if ($[7] !== bottomElement || $[8] !== youGetProps) {
-    t3 = /* @__PURE__ */ jsx(ThirdRow, { bottomElement, youGetProps });
-    $[7] = bottomElement;
-    $[8] = youGetProps;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  let t4;
-  if ($[10] !== t1 || $[11] !== t2 || $[12] !== t3) {
-    t4 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t1,
-      t2,
-      t3
-    ] });
-    $[10] = t1;
-    $[11] = t2;
-    $[12] = t3;
-    $[13] = t4;
-  } else {
-    t4 = $[13];
-  }
-  return t4;
+import { formatFiatPrice as e } from "../../../lib/utils/formatFiatPrice.js";
+import { Line as t } from "../Line/Line.js";
+import { InsufficientBalanceMessage as n } from "../Warning/InsufficientBalanceMessage.js";
+import { YouGet as r } from "../YouGet/YouGet.js";
+import { c as i } from "react-compiler-runtime";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/widget/TokenInput/InputFooter.tsx
+var c = ({ usdEstimation: t, amount: n }) => {
+	if (t === null) return "N/A";
+	if (!(!Number(n) || !Number(t))) return `~${e(Number(t))}`;
+}, l = (e) => {
+	let t = i(8), { usdEstimation: n, secondEl: r, amount: a } = e, l;
+	t[0] !== a || t[1] !== n ? (l = /* @__PURE__ */ o(c, {
+		usdEstimation: n,
+		amount: a
+	}), t[0] = a, t[1] = n, t[2] = l) : l = t[2];
+	let u;
+	t[3] === r ? u = t[4] : (u = /* @__PURE__ */ o("div", {
+		className: "ml-auto",
+		children: r
+	}), t[3] = r, t[4] = u);
+	let d;
+	return t[5] !== l || t[6] !== u ? (d = /* @__PURE__ */ s("div", {
+		className: "flex items-center justify-between gap-2 text-xs text-contrast-5 min-h-5 break-all",
+		children: [l, u]
+	}), t[5] = l, t[6] = u, t[7] = d) : d = t[7], d;
+}, u = (e) => {
+	let t = i(4), { warningMessage: r, insufficientBalanceMessageProps: a } = e;
+	if (a?.shouldDisplay) {
+		let e;
+		return t[0] === a ? e = t[1] : (e = /* @__PURE__ */ o(n, { ...a }), t[0] = a, t[1] = e), e;
+	}
+	if (r) {
+		let e;
+		return t[2] === r ? e = t[3] : (e = /* @__PURE__ */ o("div", {
+			className: "text-xs text-secondary-orange-peel-1 flex items-center gap-2",
+			children: r
+		}), t[2] = r, t[3] = e), e;
+	}
+	return null;
+}, d = () => {
+	let e = i(1), n;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ o(t, { className: "mt-[16px] mb-[17.5px]" }), e[0] = n) : n = e[0], n;
+}, f = (e) => {
+	let t = i(6), { bottomElement: n, youGetProps: a } = e;
+	if (n) {
+		let e;
+		t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ o(d, {}), t[0] = e) : e = t[0];
+		let r;
+		return t[1] === n ? r = t[2] : (r = /* @__PURE__ */ s("div", { children: [e, n] }), t[1] = n, t[2] = r), r;
+	}
+	if (a) {
+		let e;
+		t[3] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ o(d, {}), t[3] = e) : e = t[3];
+		let n;
+		return t[4] === a ? n = t[5] : (n = /* @__PURE__ */ s("div", { children: [e, /* @__PURE__ */ o(r, { ...a })] }), t[4] = a, t[5] = n), n;
+	}
+	return null;
+}, p = (e) => {
+	let t = i(14), { token: n, amount: r, usdEstimation: c, insufficientBalanceMessageProps: d, warningMessage: p, bottomElement: m, youGetProps: h, firstRowSecondEl: g } = e;
+	if (!n) return null;
+	let _;
+	t[0] !== r || t[1] !== g || t[2] !== c ? (_ = /* @__PURE__ */ o(l, {
+		usdEstimation: c,
+		secondEl: g,
+		amount: r
+	}), t[0] = r, t[1] = g, t[2] = c, t[3] = _) : _ = t[3];
+	let v;
+	t[4] !== d || t[5] !== p ? (v = /* @__PURE__ */ o(u, {
+		insufficientBalanceMessageProps: d,
+		warningMessage: p
+	}), t[4] = d, t[5] = p, t[6] = v) : v = t[6];
+	let y;
+	t[7] !== m || t[8] !== h ? (y = /* @__PURE__ */ o(f, {
+		bottomElement: m,
+		youGetProps: h
+	}), t[7] = m, t[8] = h, t[9] = y) : y = t[9];
+	let b;
+	return t[10] !== _ || t[11] !== v || t[12] !== y ? (b = /* @__PURE__ */ s(a, { children: [
+		_,
+		v,
+		y
+	] }), t[10] = _, t[11] = v, t[12] = y, t[13] = b) : b = t[13], b;
 };
+//#endregion
+export { p as InputFooter };
 
-export { InputFooter };
-//# sourceMappingURL=InputFooter.js.map
+//# sourceMappingURL=InputFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputFooter.js","sources":["../../../../src/components/widget/TokenInput/InputFooter.tsx"],"sourcesContent":["import { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { Line } from \"../Line/Line\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { YouGet } from \"../YouGet/YouGet\";\nimport type { TokenInputProps } from \"./types\";\n\nconst UsdEstimation = ({\n  usdEstimation,\n  amount,\n}: Pick<TokenInputProps, \"usdEstimation\" | \"amount\">) => {\n  if (usdEstimation === null) return \"N/A\";\n\n  if (!Number(amount) || !Number(usdEstimation)) return;\n\n  return `~${formatFiatPrice(Number(usdEstimation))}`;\n};\n\nconst FirstRow = ({\n  usdEstimation,\n  secondEl,\n  amount,\n}: Pick<TokenInputProps, \"usdEstimation\" | \"amount\"> & {\n  secondEl?: React.ReactNode;\n}) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2 text-xs text-contrast-5 min-h-5 break-all\">\n      <UsdEstimation usdEstimation={usdEstimation} amount={amount} />\n      <div className=\"ml-auto\">{secondEl}</div>\n    </div>\n  );\n};\n\nconst SecondRow = ({\n  warningMessage,\n  insufficientBalanceMessageProps,\n}: Pick<\n  TokenInputProps,\n  \"warningMessage\" | \"insufficientBalanceMessageProps\"\n>) => {\n  if (insufficientBalanceMessageProps?.shouldDisplay)\n    return <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />;\n\n  if (warningMessage)\n    return (\n      <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n        {warningMessage}\n      </div>\n    );\n\n  return null;\n};\n\nconst Divider = () => <Line className=\"mt-[16px] mb-[17.5px]\" />;\n\nconst ThirdRow = ({\n  bottomElement,\n  youGetProps,\n}: Pick<TokenInputProps, \"bottomElement\" | \"youGetProps\">) => {\n  if (bottomElement)\n    return (\n      <div>\n        <Divider />\n        {bottomElement}\n      </div>\n    );\n\n  if (youGetProps)\n    return (\n      <div>\n        <Divider />\n        <YouGet {...youGetProps} />\n      </div>\n    );\n\n  return null;\n};\n\nexport const InputFooter = ({\n  token,\n  amount,\n  usdEstimation,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  bottomElement,\n  youGetProps,\n  firstRowSecondEl,\n}: Pick<\n  TokenInputProps,\n  | \"token\"\n  | \"amount\"\n  | \"usdEstimation\"\n  | \"insufficientBalanceMessageProps\"\n  | \"warningMessage\"\n  | \"bottomElement\"\n  | \"youGetProps\"\n> & {\n  firstRowSecondEl?: React.ReactNode;\n}) => {\n  if (!token) {\n    return null;\n  }\n\n  return (\n    <>\n      <FirstRow\n        usdEstimation={usdEstimation}\n        secondEl={firstRowSecondEl}\n        amount={amount}\n      />\n      <SecondRow\n        insufficientBalanceMessageProps={insufficientBalanceMessageProps}\n        warningMessage={warningMessage}\n      />\n      <ThirdRow bottomElement={bottomElement} youGetProps={youGetProps} />\n    </>\n  );\n};\n"],"names":["UsdEstimation","usdEstimation","amount","Number","formatFiatPrice","FirstRow","t0","$","_c","secondEl","t1","t2","t3","SecondRow","warningMessage","insufficientBalanceMessageProps","shouldDisplay","Divider","Symbol","for","ThirdRow","bottomElement","youGetProps","InputFooter","token","firstRowSecondEl","t4"],"mappings":"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"}
+{"version":3,"file":"InputFooter.js","names":["formatFiatPrice","Line","InsufficientBalanceMessage","YouGet","TokenInputProps","UsdEstimation","usdEstimation","amount","Pick","Number","FirstRow","t0","$","_c","secondEl","t1","t2","t3","SecondRow","warningMessage","insufficientBalanceMessageProps","shouldDisplay","Divider","Symbol","for","ThirdRow","bottomElement","youGetProps","InputFooter","token","firstRowSecondEl","t4"],"sources":["../../../../src/components/widget/TokenInput/InputFooter.tsx"],"sourcesContent":["import { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { Line } from \"../Line/Line\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { YouGet } from \"../YouGet/YouGet\";\nimport type { TokenInputProps } from \"./types\";\n\nconst UsdEstimation = ({\n  usdEstimation,\n  amount,\n}: Pick<TokenInputProps, \"usdEstimation\" | \"amount\">) => {\n  if (usdEstimation === null) return \"N/A\";\n\n  if (!Number(amount) || !Number(usdEstimation)) return;\n\n  return `~${formatFiatPrice(Number(usdEstimation))}`;\n};\n\nconst FirstRow = ({\n  usdEstimation,\n  secondEl,\n  amount,\n}: Pick<TokenInputProps, \"usdEstimation\" | \"amount\"> & {\n  secondEl?: React.ReactNode;\n}) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2 text-xs text-contrast-5 min-h-5 break-all\">\n      <UsdEstimation usdEstimation={usdEstimation} amount={amount} />\n      <div className=\"ml-auto\">{secondEl}</div>\n    </div>\n  );\n};\n\nconst SecondRow = ({\n  warningMessage,\n  insufficientBalanceMessageProps,\n}: Pick<\n  TokenInputProps,\n  \"warningMessage\" | \"insufficientBalanceMessageProps\"\n>) => {\n  if (insufficientBalanceMessageProps?.shouldDisplay)\n    return <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />;\n\n  if (warningMessage)\n    return (\n      <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n        {warningMessage}\n      </div>\n    );\n\n  return null;\n};\n\nconst Divider = () => <Line className=\"mt-[16px] mb-[17.5px]\" />;\n\nconst ThirdRow = ({\n  bottomElement,\n  youGetProps,\n}: Pick<TokenInputProps, \"bottomElement\" | \"youGetProps\">) => {\n  if (bottomElement)\n    return (\n      <div>\n        <Divider />\n        {bottomElement}\n      </div>\n    );\n\n  if (youGetProps)\n    return (\n      <div>\n        <Divider />\n        <YouGet {...youGetProps} />\n      </div>\n    );\n\n  return null;\n};\n\nexport const InputFooter = ({\n  token,\n  amount,\n  usdEstimation,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  bottomElement,\n  youGetProps,\n  firstRowSecondEl,\n}: Pick<\n  TokenInputProps,\n  | \"token\"\n  | \"amount\"\n  | \"usdEstimation\"\n  | \"insufficientBalanceMessageProps\"\n  | \"warningMessage\"\n  | \"bottomElement\"\n  | \"youGetProps\"\n> & {\n  firstRowSecondEl?: React.ReactNode;\n}) => {\n  if (!token) {\n    return null;\n  }\n\n  return (\n    <>\n      <FirstRow\n        usdEstimation={usdEstimation}\n        secondEl={firstRowSecondEl}\n        amount={amount}\n      />\n      <SecondRow\n        insufficientBalanceMessageProps={insufficientBalanceMessageProps}\n        warningMessage={warningMessage}\n      />\n      <ThirdRow bottomElement={bottomElement} youGetProps={youGetProps} />\n    </>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,58 +1,30 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { NetworkSwitcherDropdown } from '../NetworkSwitcher/NetworkSwitcherDropdown.js';
-
-const ChainSelector = (t0) => {
-  const $ = distExports.c(4);
-  const {
-    label,
-    networkSwitcherProps,
-    token
-  } = t0;
-  let t1;
-  if ($[0] !== label || $[1] !== networkSwitcherProps || $[2] !== token) {
-    t1 = !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;
-    $[0] = label;
-    $[1] = networkSwitcherProps;
-    $[2] = token;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
-};
-const InputHeader = (t0) => {
-  const $ = distExports.c(7);
-  const {
-    token,
-    label,
-    networkSwitcherProps,
-    secondEl
-  } = t0;
-  let t1;
-  if ($[0] !== label || $[1] !== networkSwitcherProps || $[2] !== token) {
-    t1 = /* @__PURE__ */ jsx(ChainSelector, { label, networkSwitcherProps, token });
-    $[0] = label;
-    $[1] = networkSwitcherProps;
-    $[2] = token;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  let t2;
-  if ($[4] !== secondEl || $[5] !== t1) {
-    t2 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-xs text-contrast-5", children: [
-      t1,
-      secondEl
-    ] });
-    $[4] = secondEl;
-    $[5] = t1;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  return t2;
+import { NetworkSwitcherDropdown as e } from "../NetworkSwitcher/NetworkSwitcherDropdown.js";
+import { c as t } from "react-compiler-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/widget/TokenInput/InputHeader.tsx
+var i = (r) => {
+	let i = t(4), { label: a, networkSwitcherProps: o, token: s } = r, c;
+	return i[0] !== a || i[1] !== o || i[2] !== s ? (c = s ? o && !o.hidden ? /* @__PURE__ */ n(e, {
+		...o,
+		prefix: a
+	}) : a ? /* @__PURE__ */ n("div", {
+		className: "text-xs text-contrast-3 dark:text-contrast-7",
+		children: a
+	}) : null : null, i[0] = a, i[1] = o, i[2] = s, i[3] = c) : c = i[3], c;
+}, a = (e) => {
+	let a = t(7), { token: o, label: s, networkSwitcherProps: c, secondEl: l } = e, u;
+	a[0] !== s || a[1] !== c || a[2] !== o ? (u = /* @__PURE__ */ n(i, {
+		label: s,
+		networkSwitcherProps: c,
+		token: o
+	}), a[0] = s, a[1] = c, a[2] = o, a[3] = u) : u = a[3];
+	let d;
+	return a[4] !== l || a[5] !== u ? (d = /* @__PURE__ */ r("div", {
+		className: "flex items-center justify-between gap-2 text-xs text-contrast-5",
+		children: [u, l]
+	}), a[4] = l, a[5] = u, a[6] = d) : d = a[6], d;
 };
+//#endregion
+export { a as InputHeader };
 
-export { InputHeader };
-//# sourceMappingURL=InputHeader.js.map
+//# sourceMappingURL=InputHeader.js.map