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

package/dist/components/widget/TradeParameters/DegenModeConfirmation.js

@@ -1,142 +1,84 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { useState } from 'react';
-import { Input } from '../../ui/input.js';
-import { Button } from '../../ui/button.js';
-import { WarningWithTitle } from '../Warning/Warning.js';
-import { cn } from '../../../lib/utils/index.js';
-import { ReactComponent as ForwardRef } from '../../../assets/check.svg.js';
-
-const CONFIRMATION_WORD = "CONFIRM";
-const warningClassses = {
-  root: "border-1 border-secondary-radical-red-1 rounded-xs bg-[rgba(255,43,82,0.05)] text-secondary-radical-red-1",
-  title: "font-medium"
-};
-const DegenModeConfirmation = (t0) => {
-  const $ = distExports.c(24);
-  const {
-    onConfirm
-  } = t0;
-  const [inputValue, setInputValue] = useState("");
-  let t1;
-  if ($[0] !== inputValue) {
-    t1 = inputValue.toLowerCase();
-    $[0] = inputValue;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = CONFIRMATION_WORD.toLowerCase();
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const isValid = t1 === t2;
-  let t3;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsx(WarningWithTitle, { title: "You are about to enable “Degen Mode”", message: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx("div", { children: "Enabling Degen Mode allows future trades with high price impact or no USD price oracle." }),
-      /* @__PURE__ */ jsx("div", { children: "Prices may be unreliable and execution can be unfavorable. This disables price safety checks until turned off. Proceed only if you accept the risks." })
-    ] }), classes: warningClassses });
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /* @__PURE__ */ jsxs("p", { className: "text-sm text-contrast-4 dark:text-contrast-6 pb-2", children: [
-      "Please write below “",
-      /* @__PURE__ */ jsx("span", { className: "font-semibold text-secondary-radical-red-1 select-none cursor-not-allowed", children: CONFIRMATION_WORD }),
-      "” to proceed"
-    ] });
-    $[4] = t4;
-  } else {
-    t4 = $[4];
-  }
-  let t5;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = (e) => setInputValue(e.target.value);
-    $[5] = t5;
-  } else {
-    t5 = $[5];
-  }
-  let t6;
-  if ($[6] !== isValid) {
-    t6 = cn("rounded-sm h-10 placeholder:text-contrast-6 dark:placeholder:text-contrast-5 placeholder:text-xs uppercase", {
-      "border-secondary-shamrock-green-2 dark:border-secondary-shamrock-green-2 focus-visible:border-secondary-shamrock-green-2 dark:focus-visible:border-secondary-shamrock-green-2": isValid
-    });
-    $[6] = isValid;
-    $[7] = t6;
-  } else {
-    t6 = $[7];
-  }
-  let t7;
-  if ($[8] !== isValid) {
-    t7 = isValid ? /* @__PURE__ */ jsx(ForwardRef, { className: "stroke-secondary-shamrock-green-2" }) : void 0;
-    $[8] = isValid;
-    $[9] = t7;
-  } else {
-    t7 = $[9];
-  }
-  let t8;
-  if ($[10] !== isValid || $[11] !== onConfirm) {
-    t8 = (e_1) => {
-      if (e_1.key === "Enter" && isValid) {
-        onConfirm();
-      }
-    };
-    $[10] = isValid;
-    $[11] = onConfirm;
-    $[12] = t8;
-  } else {
-    t8 = $[12];
-  }
-  let t9;
-  if ($[13] !== inputValue || $[14] !== t6 || $[15] !== t7 || $[16] !== t8) {
-    t9 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 pb-8", children: [
-      t3,
-      /* @__PURE__ */ jsxs("div", { children: [
-        t4,
-        /* @__PURE__ */ jsx(Input, { value: inputValue, onChange: t5, onPaste: _temp, placeholder: `Write “${CONFIRMATION_WORD}” here`, autoFocus: true, className: t6, endAdornment: t7, onKeyDown: t8 })
-      ] })
-    ] });
-    $[13] = inputValue;
-    $[14] = t6;
-    $[15] = t7;
-    $[16] = t8;
-    $[17] = t9;
-  } else {
-    t9 = $[17];
-  }
-  const t10 = !isValid;
-  let t11;
-  if ($[18] !== onConfirm || $[19] !== t10) {
-    t11 = /* @__PURE__ */ jsx(Button, { variant: "default", radius: "sm", className: "h-[40px] w-full mt-auto", onClick: onConfirm, disabled: t10, children: "Confirm" });
-    $[18] = onConfirm;
-    $[19] = t10;
-    $[20] = t11;
-  } else {
-    t11 = $[20];
-  }
-  let t12;
-  if ($[21] !== t11 || $[22] !== t9) {
-    t12 = /* @__PURE__ */ jsxs("div", { className: "p-6 pt-0 text-contrast-4 dark:text-contrast-7 flex flex-col", children: [
-      t9,
-      t11
-    ] });
-    $[21] = t11;
-    $[22] = t9;
-    $[23] = t12;
-  } else {
-    t12 = $[23];
-  }
-  return t12;
+import { cn as e } from "../../../lib/utils/index.js";
+import { Button as t } from "../../ui/button.js";
+import { ForwardRef as n } from "../../../assets/check.js";
+import { Input as r } from "../../ui/input.js";
+import { WarningWithTitle as i } from "../Warning/Warning.js";
+import { c as a } from "react-compiler-runtime";
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/widget/TradeParameters/DegenModeConfirmation.tsx
+var l = "CONFIRM", u = {
+	root: "border-1 border-secondary-radical-red-1 rounded-xs bg-[rgba(255,43,82,0.05)] text-secondary-radical-red-1",
+	title: "font-medium"
+}, d = (d) => {
+	let p = a(24), { onConfirm: m } = d, [h, g] = o(""), _;
+	p[0] === h ? _ = p[1] : (_ = h.toLowerCase(), p[0] = h, p[1] = _);
+	let v;
+	p[2] === Symbol.for("react.memo_cache_sentinel") ? (v = l.toLowerCase(), p[2] = v) : v = p[2];
+	let y = _ === v, b;
+	p[3] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ s(i, {
+		title: "You are about to enable “Degen Mode”",
+		message: /* @__PURE__ */ c("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ s("div", { children: "Enabling Degen Mode allows future trades with high price impact or no USD price oracle." }), /* @__PURE__ */ s("div", { children: "Prices may be unreliable and execution can be unfavorable. This disables price safety checks until turned off. Proceed only if you accept the risks." })]
+		}),
+		classes: u
+	}), p[3] = b) : b = p[3];
+	let x;
+	p[4] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ c("p", {
+		className: "text-sm text-contrast-4 dark:text-contrast-6 pb-2",
+		children: [
+			"Please write below “",
+			/* @__PURE__ */ s("span", {
+				className: "font-semibold text-secondary-radical-red-1 select-none cursor-not-allowed",
+				children: l
+			}),
+			"” to proceed"
+		]
+	}), p[4] = x) : x = p[4];
+	let S;
+	p[5] === Symbol.for("react.memo_cache_sentinel") ? (S = (e) => g(e.target.value), p[5] = S) : S = p[5];
+	let C;
+	p[6] === y ? C = p[7] : (C = e("rounded-sm h-10 placeholder:text-contrast-6 dark:placeholder:text-contrast-5 placeholder:text-xs uppercase", { "border-secondary-shamrock-green-2 dark:border-secondary-shamrock-green-2 focus-visible:border-secondary-shamrock-green-2 dark:focus-visible:border-secondary-shamrock-green-2": y }), p[6] = y, p[7] = C);
+	let w;
+	p[8] === y ? w = p[9] : (w = y ? /* @__PURE__ */ s(n, { className: "stroke-secondary-shamrock-green-2" }) : void 0, p[8] = y, p[9] = w);
+	let T;
+	p[10] !== y || p[11] !== m ? (T = (e) => {
+		e.key === "Enter" && y && m();
+	}, p[10] = y, p[11] = m, p[12] = T) : T = p[12];
+	let E;
+	p[13] !== h || p[14] !== C || p[15] !== w || p[16] !== T ? (E = /* @__PURE__ */ c("div", {
+		className: "flex flex-col gap-6 pb-8",
+		children: [b, /* @__PURE__ */ c("div", { children: [x, /* @__PURE__ */ s(r, {
+			value: h,
+			onChange: S,
+			onPaste: f,
+			placeholder: `Write “${l}” here`,
+			autoFocus: !0,
+			className: C,
+			endAdornment: w,
+			onKeyDown: T
+		})] })]
+	}), p[13] = h, p[14] = C, p[15] = w, p[16] = T, p[17] = E) : E = p[17];
+	let D = !y, O;
+	p[18] !== m || p[19] !== D ? (O = /* @__PURE__ */ s(t, {
+		variant: "default",
+		radius: "sm",
+		className: "h-[40px] w-full mt-auto",
+		onClick: m,
+		disabled: D,
+		children: "Confirm"
+	}), p[18] = m, p[19] = D, p[20] = O) : O = p[20];
+	let k;
+	return p[21] !== O || p[22] !== E ? (k = /* @__PURE__ */ c("div", {
+		className: "p-6 pt-0 text-contrast-4 dark:text-contrast-7 flex flex-col",
+		children: [E, O]
+	}), p[21] = O, p[22] = E, p[23] = k) : k = p[23], k;
 };
-function _temp(e_0) {
-  return e_0.preventDefault();
+function f(e) {
+	return e.preventDefault();
 }
+//#endregion
+export { d as DegenModeConfirmation };
 
-export { DegenModeConfirmation };
-//# sourceMappingURL=DegenModeConfirmation.js.map
+//# sourceMappingURL=DegenModeConfirmation.js.map

package/dist/components/widget/TradeParameters/DegenModeConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"DegenModeConfirmation.js","sources":["../../../../src/components/widget/TradeParameters/DegenModeConfirmation.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Input } from \"@/components/ui/input\";\nimport { Button } from \"@/components/ui/button\";\nimport { WarningWithTitle } from \"../Warning/Warning\";\nimport { cn } from \"@/lib/utils\";\nimport { ReactComponent as CheckSVG } from \"@/assets/check.svg\";\n\nconst CONFIRMATION_WORD = \"CONFIRM\";\n\ntype DegenModeConfirmationProps = {\n  onConfirm: () => void;\n};\n\nconst warningClassses = {\n  root: \"border-1 border-secondary-radical-red-1 rounded-xs bg-[rgba(255,43,82,0.05)] text-secondary-radical-red-1\",\n  title: \"font-medium\",\n} as const;\n\nexport const DegenModeConfirmation = ({\n  onConfirm,\n}: DegenModeConfirmationProps) => {\n  const [inputValue, setInputValue] = useState(\"\");\n\n  const isValid = inputValue.toLowerCase() === CONFIRMATION_WORD.toLowerCase();\n\n  return (\n    <div className=\"p-6 pt-0 text-contrast-4 dark:text-contrast-7 flex flex-col\">\n      <div className=\"flex flex-col gap-6 pb-8\">\n        <WarningWithTitle\n          title=\"You are about to enable “Degen Mode”\"\n          message={\n            <div className=\"flex flex-col gap-2\">\n              <div>\n                Enabling Degen Mode allows future trades with high price impact\n                or no USD price oracle.\n              </div>\n              <div>\n                Prices may be unreliable and execution can be unfavorable. This\n                disables price safety checks until turned off. Proceed only if\n                you accept the risks.\n              </div>\n            </div>\n          }\n          classes={warningClassses}\n        />\n        <div>\n          <p className=\"text-sm text-contrast-4 dark:text-contrast-6 pb-2\">\n            Please write below “\n            <span className=\"font-semibold text-secondary-radical-red-1 select-none cursor-not-allowed\">\n              {CONFIRMATION_WORD}\n            </span>\n            ” to proceed\n          </p>\n          <Input\n            value={inputValue}\n            onChange={(e) => setInputValue(e.target.value)}\n            onPaste={(e) => e.preventDefault()}\n            placeholder={`Write “${CONFIRMATION_WORD}” here`}\n            autoFocus\n            className={cn(\n              \"rounded-sm h-10 placeholder:text-contrast-6 dark:placeholder:text-contrast-5 placeholder:text-xs uppercase\",\n              {\n                \"border-secondary-shamrock-green-2 dark:border-secondary-shamrock-green-2 focus-visible:border-secondary-shamrock-green-2 dark:focus-visible:border-secondary-shamrock-green-2\":\n                  isValid,\n              }\n            )}\n            endAdornment={\n              isValid ? (\n                <CheckSVG className=\"stroke-secondary-shamrock-green-2\" />\n              ) : undefined\n            }\n            onKeyDown={(e) => {\n              // allow confirming by pressing Enter\n              if (e.key === \"Enter\" && isValid) {\n                onConfirm();\n              }\n            }}\n          />\n        </div>\n      </div>\n\n      <Button\n        variant=\"default\"\n        radius=\"sm\"\n        className=\"h-[40px] w-full mt-auto\"\n        onClick={onConfirm}\n        disabled={!isValid}\n      >\n        Confirm\n      </Button>\n    </div>\n  );\n};\n"],"names":["CONFIRMATION_WORD","warningClassses","root","title","DegenModeConfirmation","t0","$","_c","onConfirm","inputValue","setInputValue","useState","t1","toLowerCase","t2","Symbol","for","isValid","t3","t4","t5","e","target","value","t6","cn","t7","CheckSVG","undefined","t8","e_1","key","t9","_temp","t10","t11","t12","e_0","preventDefault"],"mappings":"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"}
+{"version":3,"file":"DegenModeConfirmation.js","names":["useState","Input","Button","WarningWithTitle","cn","ReactComponent","CheckSVG","CONFIRMATION_WORD","DegenModeConfirmationProps","onConfirm","warningClassses","root","title","const","DegenModeConfirmation","t0","$","_c","inputValue","setInputValue","t1","toLowerCase","t2","Symbol","for","isValid","t3","t4","t5","e","target","value","t6","t7","undefined","t8","e_1","key","t9","_temp","t10","t11","t12","e_0","preventDefault"],"sources":["../../../../src/components/widget/TradeParameters/DegenModeConfirmation.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Input } from \"@/components/ui/input\";\nimport { Button } from \"@/components/ui/button\";\nimport { WarningWithTitle } from \"../Warning/Warning\";\nimport { cn } from \"@/lib/utils\";\nimport { ReactComponent as CheckSVG } from \"@/assets/check.svg\";\n\nconst CONFIRMATION_WORD = \"CONFIRM\";\n\ntype DegenModeConfirmationProps = {\n  onConfirm: () => void;\n};\n\nconst warningClassses = {\n  root: \"border-1 border-secondary-radical-red-1 rounded-xs bg-[rgba(255,43,82,0.05)] text-secondary-radical-red-1\",\n  title: \"font-medium\",\n} as const;\n\nexport const DegenModeConfirmation = ({\n  onConfirm,\n}: DegenModeConfirmationProps) => {\n  const [inputValue, setInputValue] = useState(\"\");\n\n  const isValid = inputValue.toLowerCase() === CONFIRMATION_WORD.toLowerCase();\n\n  return (\n    <div className=\"p-6 pt-0 text-contrast-4 dark:text-contrast-7 flex flex-col\">\n      <div className=\"flex flex-col gap-6 pb-8\">\n        <WarningWithTitle\n          title=\"You are about to enable “Degen Mode”\"\n          message={\n            <div className=\"flex flex-col gap-2\">\n              <div>\n                Enabling Degen Mode allows future trades with high price impact\n                or no USD price oracle.\n              </div>\n              <div>\n                Prices may be unreliable and execution can be unfavorable. This\n                disables price safety checks until turned off. Proceed only if\n                you accept the risks.\n              </div>\n            </div>\n          }\n          classes={warningClassses}\n        />\n        <div>\n          <p className=\"text-sm text-contrast-4 dark:text-contrast-6 pb-2\">\n            Please write below “\n            <span className=\"font-semibold text-secondary-radical-red-1 select-none cursor-not-allowed\">\n              {CONFIRMATION_WORD}\n            </span>\n            ” to proceed\n          </p>\n          <Input\n            value={inputValue}\n            onChange={(e) => setInputValue(e.target.value)}\n            onPaste={(e) => e.preventDefault()}\n            placeholder={`Write “${CONFIRMATION_WORD}” here`}\n            autoFocus\n            className={cn(\n              \"rounded-sm h-10 placeholder:text-contrast-6 dark:placeholder:text-contrast-5 placeholder:text-xs uppercase\",\n              {\n                \"border-secondary-shamrock-green-2 dark:border-secondary-shamrock-green-2 focus-visible:border-secondary-shamrock-green-2 dark:focus-visible:border-secondary-shamrock-green-2\":\n                  isValid,\n              }\n            )}\n            endAdornment={\n              isValid ? (\n                <CheckSVG className=\"stroke-secondary-shamrock-green-2\" />\n              ) : undefined\n            }\n            onKeyDown={(e) => {\n              // allow confirming by pressing Enter\n              if (e.key === \"Enter\" && isValid) {\n                onConfirm();\n              }\n            }}\n          />\n        </div>\n      </div>\n\n      <Button\n        variant=\"default\"\n        radius=\"sm\"\n        className=\"h-[40px] w-full mt-auto\"\n        onClick={onConfirm}\n        disabled={!isValid}\n      >\n        Confirm\n      </Button>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/TradeParameters/DegenModeParameter.js

@@ -1,84 +1,44 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { Switch } from '../../ui/switch.js';
-import { EllipseIcon } from '../Icon/EllipseIcon.js';
-import { DetailWithTooltip } from '../Details/DetailWithTooltip.js';
-
-const DegenModeParameter = (t0) => {
-  const $ = distExports.c(14);
-  const {
-    isNotDefault,
-    setValue,
-    value,
-    onRequestEnable
-  } = t0;
-  let t1;
-  if ($[0] !== onRequestEnable || $[1] !== setValue) {
-    t1 = (checked) => {
-      if (checked && onRequestEnable) {
-        onRequestEnable();
-        return;
-      }
-      setValue(checked);
-    };
-    $[0] = onRequestEnable;
-    $[1] = setValue;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const handleChange = t1;
-  let t2;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /* @__PURE__ */ jsx(DetailWithTooltip, { detail: "Degen Mode", tooltip: "Allows trading when price impact is high or no USD oracle price is available. Rates may be unreliable. Use at your own risk.", classes: {
-      root: "text-sm"
-    } });
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== isNotDefault) {
-    t3 = isNotDefault && /* @__PURE__ */ jsx(EllipseIcon, { className: "stroke-contrast-8 dark:stroke-contrast-2" });
-    $[4] = isNotDefault;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== t3) {
-    t4 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
-      t2,
-      t3
-    ] });
-    $[6] = t3;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== handleChange || $[9] !== value) {
-    t5 = /* @__PURE__ */ jsx(Switch, { checked: value, onCheckedChange: handleChange, className: "cursor-pointer" });
-    $[8] = handleChange;
-    $[9] = value;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  let t6;
-  if ($[11] !== t4 || $[12] !== t5) {
-    t6 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 py-4", children: [
-      t4,
-      t5
-    ] });
-    $[11] = t4;
-    $[12] = t5;
-    $[13] = t6;
-  } else {
-    t6 = $[13];
-  }
-  return t6;
+import { DetailWithTooltip as e } from "../Details/DetailWithTooltip.js";
+import { Switch as t } from "../../ui/switch.js";
+import { EllipseIcon as n } from "../Icon/EllipseIcon.js";
+import { c as r } from "react-compiler-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/widget/TradeParameters/DegenModeParameter.tsx
+var o = (o) => {
+	let s = r(14), { isNotDefault: c, setValue: l, value: u, onRequestEnable: d } = o, f;
+	s[0] !== d || s[1] !== l ? (f = (e) => {
+		if (e && d) {
+			d();
+			return;
+		}
+		l(e);
+	}, s[0] = d, s[1] = l, s[2] = f) : f = s[2];
+	let p = f, m;
+	s[3] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ i(e, {
+		detail: "Degen Mode",
+		tooltip: "Allows trading when price impact is high or no USD oracle price is available. Rates may be unreliable. Use at your own risk.",
+		classes: { root: "text-sm" }
+	}), s[3] = m) : m = s[3];
+	let h;
+	s[4] === c ? h = s[5] : (h = c && /* @__PURE__ */ i(n, { className: "stroke-contrast-8 dark:stroke-contrast-2" }), s[4] = c, s[5] = h);
+	let g;
+	s[6] === h ? g = s[7] : (g = /* @__PURE__ */ a("div", {
+		className: "flex items-center gap-2 text-sm",
+		children: [m, h]
+	}), s[6] = h, s[7] = g);
+	let _;
+	s[8] !== p || s[9] !== u ? (_ = /* @__PURE__ */ i(t, {
+		checked: u,
+		onCheckedChange: p,
+		className: "cursor-pointer"
+	}), s[8] = p, s[9] = u, s[10] = _) : _ = s[10];
+	let v;
+	return s[11] !== g || s[12] !== _ ? (v = /* @__PURE__ */ a("div", {
+		className: "flex items-center justify-between gap-2 py-4",
+		children: [g, _]
+	}), s[11] = g, s[12] = _, s[13] = v) : v = s[13], v;
 };
+//#endregion
+export { o as DegenModeParameter };
 
-export { DegenModeParameter };
-//# sourceMappingURL=DegenModeParameter.js.map
+//# sourceMappingURL=DegenModeParameter.js.map

package/dist/components/widget/TradeParameters/DegenModeParameter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DegenModeParameter.js","sources":["../../../../src/components/widget/TradeParameters/DegenModeParameter.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { EllipseIcon } from \"../Icon/EllipseIcon\";\nimport { DetailWithTooltip } from \"../Details/DetailWithTooltip\";\n\nexport type DegenModeParameterProps = {\n  isNotDefault: boolean;\n  setValue: (value: boolean) => void;\n  value: boolean;\n  onRequestEnable?: () => void;\n};\n\nexport const DegenModeParameter = ({\n  isNotDefault,\n  setValue,\n  value,\n  onRequestEnable,\n}: DegenModeParameterProps) => {\n  const handleChange = (checked: boolean) => {\n    if (checked && onRequestEnable) {\n      // Intercept enable — show confirmation instead of toggling directly\n      onRequestEnable();\n      return;\n    }\n    // Disable works immediately without confirmation\n    setValue(checked);\n  };\n\n  return (\n    <div className=\"flex items-center justify-between gap-2 py-4\">\n      <div className=\"flex items-center gap-2 text-sm\">\n        <DetailWithTooltip\n          detail=\"Degen Mode\"\n          tooltip={\n            \"Allows trading when price impact is high or no USD oracle price is available. Rates may be unreliable. Use at your own risk.\"\n          }\n          classes={{ root: \"text-sm\" }}\n        />\n        {isNotDefault && (\n          <EllipseIcon className=\"stroke-contrast-8 dark:stroke-contrast-2\" />\n        )}\n      </div>\n      <Switch\n        checked={value}\n        onCheckedChange={handleChange}\n        className=\"cursor-pointer\"\n      />\n    </div>\n  );\n};\n"],"names":["DegenModeParameter","t0","$","_c","isNotDefault","setValue","value","onRequestEnable","t1","checked","handleChange","t2","Symbol","for","root","t3","t4","t5","t6"],"mappings":"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"}
+{"version":3,"file":"DegenModeParameter.js","names":["Switch","EllipseIcon","DetailWithTooltip","DegenModeParameterProps","isNotDefault","setValue","value","onRequestEnable","DegenModeParameter","t0","$","_c","t1","checked","handleChange","t2","Symbol","for","root","t3","t4","t5","t6"],"sources":["../../../../src/components/widget/TradeParameters/DegenModeParameter.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { EllipseIcon } from \"../Icon/EllipseIcon\";\nimport { DetailWithTooltip } from \"../Details/DetailWithTooltip\";\n\nexport type DegenModeParameterProps = {\n  isNotDefault: boolean;\n  setValue: (value: boolean) => void;\n  value: boolean;\n  onRequestEnable?: () => void;\n};\n\nexport const DegenModeParameter = ({\n  isNotDefault,\n  setValue,\n  value,\n  onRequestEnable,\n}: DegenModeParameterProps) => {\n  const handleChange = (checked: boolean) => {\n    if (checked && onRequestEnable) {\n      // Intercept enable — show confirmation instead of toggling directly\n      onRequestEnable();\n      return;\n    }\n    // Disable works immediately without confirmation\n    setValue(checked);\n  };\n\n  return (\n    <div className=\"flex items-center justify-between gap-2 py-4\">\n      <div className=\"flex items-center gap-2 text-sm\">\n        <DetailWithTooltip\n          detail=\"Degen Mode\"\n          tooltip={\n            \"Allows trading when price impact is high or no USD oracle price is available. Rates may be unreliable. Use at your own risk.\"\n          }\n          classes={{ root: \"text-sm\" }}\n        />\n        {isNotDefault && (\n          <EllipseIcon className=\"stroke-contrast-8 dark:stroke-contrast-2\" />\n        )}\n      </div>\n      <Switch\n        checked={value}\n        onCheckedChange={handleChange}\n        className=\"cursor-pointer\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAWA,IAAaQ,KAAqBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAP,iBAAAC,aAAAC,UAAAC,uBAAAE,GAKTG;AAAA,CAAAF,EAAA,OAAAH,KAAAG,EAAA,OAAAL,KACHO,KAAAC,MAAA;AACnB,MAAIA,KAAAN,GAA0B;AAE5BA,MAAiB;AAAA;;AAInBF,IAASQ,EAAQ;IAClBH,EAAA,KAAAH,GAAAG,EAAA,KAAAL,GAAAK,EAAA,KAAAE,KAAAA,IAAAF,EAAA;CARD,IAAAI,IAAqBF,GAQnBG;AAAA,CAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,IAKIF,IAAA,kBAAC,GAAD;EACS,QAAA;EAEL,SAAA;EAEO,SAAA,EAAAG,MAAQ,WAAU;EAC3B,CAAA,EAAAR,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAAA,IAAAS;AAAA,CAAAT,EAAA,OAAAN,IAGDe,IAAAT,EAAA,MAFAS,IAAAf,KACC,kBAAC,GAAD,EAAuB,WAAA,4CACxB,CAAA,EAAAM,EAAA,KAAAN,GAAAM,EAAA,KAAAS;CAAA,IAAAC;AAAA,CAAAV,EAAA,OAAAS,IACGC,IAAAV,EAAA,MAXNU,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEL,GAOCI,EAGG;KAAAT,EAAA,KAAAS,GAAAT,EAAA,KAAAU;CAAA,IAAAC;AAAA,CAAAX,EAAA,OAAAI,KAAAJ,EAAA,OAAAJ,KACNe,IAAA,kBAAC,GAAD;EACWf,SAAAA;EACQQ,iBAAAA;EACP,WAAA;EACV,CAAA,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAJ,GAAAI,EAAA,MAAAW,KAAAA,IAAAX,EAAA;CAAA,IAAAY;AACE,QADFZ,EAAA,QAAAU,KAAAV,EAAA,QAAAW,KAjBJC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEF,GAYAC,EAKI;KAAAX,EAAA,MAAAU,GAAAV,EAAA,MAAAW,GAAAX,EAAA,MAAAY,KAAAA,IAAAZ,EAAA,KAlBNY"}

package/dist/components/widget/TradeParameters/DeltaParameter.js

@@ -1,67 +1,37 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { Switch } from '../../ui/switch.js';
-import { DeltaIcon } from '../Icon/DeltaIcon.js';
-import { EllipseIcon } from '../Icon/EllipseIcon.js';
-
-const DeltaParameter = (t0) => {
-  const $ = distExports.c(11);
-  const {
-    isNotDefault,
-    setValue,
-    value
-  } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsx(DeltaIcon, {});
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  let t2;
-  if ($[1] !== isNotDefault) {
-    t2 = isNotDefault && /* @__PURE__ */ jsx(EllipseIcon, { className: "stroke-contrast-8 dark:stroke-contrast-2" });
-    $[1] = isNotDefault;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  let t3;
-  if ($[3] !== t2) {
-    t3 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
-      "Enable ",
-      t1,
-      " Delta",
-      t2
-    ] });
-    $[3] = t2;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== setValue || $[6] !== value) {
-    t4 = /* @__PURE__ */ jsx(Switch, { checked: value, onCheckedChange: setValue, className: "cursor-pointer" });
-    $[5] = setValue;
-    $[6] = value;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== t3 || $[9] !== t4) {
-    t5 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 py-4", children: [
-      t3,
-      t4
-    ] });
-    $[8] = t3;
-    $[9] = t4;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  return t5;
+import { DeltaIcon as e } from "../Icon/DeltaIcon.js";
+import { Switch as t } from "../../ui/switch.js";
+import { EllipseIcon as n } from "../Icon/EllipseIcon.js";
+import { c as r } from "react-compiler-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/widget/TradeParameters/DeltaParameter.tsx
+var o = (o) => {
+	let s = r(11), { isNotDefault: c, setValue: l, value: u } = o, d;
+	s[0] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ i(e, {}), s[0] = d) : d = s[0];
+	let f;
+	s[1] === c ? f = s[2] : (f = c && /* @__PURE__ */ i(n, { className: "stroke-contrast-8 dark:stroke-contrast-2" }), s[1] = c, s[2] = f);
+	let p;
+	s[3] === f ? p = s[4] : (p = /* @__PURE__ */ a("div", {
+		className: "flex items-center gap-2 text-sm",
+		children: [
+			"Enable ",
+			d,
+			" Delta",
+			f
+		]
+	}), s[3] = f, s[4] = p);
+	let m;
+	s[5] !== l || s[6] !== u ? (m = /* @__PURE__ */ i(t, {
+		checked: u,
+		onCheckedChange: l,
+		className: "cursor-pointer"
+	}), s[5] = l, s[6] = u, s[7] = m) : m = s[7];
+	let h;
+	return s[8] !== p || s[9] !== m ? (h = /* @__PURE__ */ a("div", {
+		className: "flex items-center justify-between gap-2 py-4",
+		children: [p, m]
+	}), s[8] = p, s[9] = m, s[10] = h) : h = s[10], h;
 };
+//#endregion
+export { o as DeltaParameter };
 
-export { DeltaParameter };
-//# sourceMappingURL=DeltaParameter.js.map
+//# sourceMappingURL=DeltaParameter.js.map

package/dist/components/widget/TradeParameters/DeltaParameter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeltaParameter.js","sources":["../../../../src/components/widget/TradeParameters/DeltaParameter.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { DeltaIcon } from \"../Icon/DeltaIcon\";\nimport { EllipseIcon } from \"../Icon/EllipseIcon\";\n\nexport type DeltaParameterProps = {\n  isNotDefault: boolean;\n  setValue: (value: boolean) => void;\n  value: boolean;\n};\n\nexport const DeltaParameter = ({\n  isNotDefault,\n  setValue,\n  value,\n}: DeltaParameterProps) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2 py-4\">\n      <div className=\"flex items-center gap-2 text-sm\">\n        Enable <DeltaIcon /> Delta\n        {isNotDefault && (\n          <EllipseIcon className=\"stroke-contrast-8 dark:stroke-contrast-2\" />\n        )}\n      </div>\n      <Switch\n        checked={value}\n        onCheckedChange={setValue}\n        className=\"cursor-pointer\"\n      />\n    </div>\n  );\n};\n"],"names":["DeltaParameter","t0","$","_c","isNotDefault","setValue","value","t1","Symbol","for","t2","t3","t4","t5"],"mappings":";;;;;;AAUO,MAAMA,iBAAiBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,YAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAL,EAAAA;AAIT,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAM,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAIPF,IAAAA,EAAAA,uBAAC,SAAA,EAAA,EAAS,CAAA;AAAGL,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAQ,EAAAA;AAAA,EAAA,IAAAR,CAAAA,QAAAE,YAAAA,EAAA;AACnBM,IAAAA,EAAAA,GAAAN,YAAAA,oBACC,GAAA,CAAC,WAAA,EAAA,EAAsB,SAAA,EAAA,0CAAA,EAA0C,CAAA;AAClEF,IAAAA,CAAAA,MAAAE,YAAAA;AAAAF,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAS,EAAAA;AAAA,EAAA,IAAAT,CAAAA,QAAAQ,EAAAA,EAAA;AAJHC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,iCAAA,EAAkC,QAAA,EAAA;AAAA,MAAA,SAAA;AAAA,MACxCJ,EAAAA;AAAAA,MAAa,QAAA;AAAA,MACnBG;AAAAA,KAAAA,EAGH,CAAA;AAAMR,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAU,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAG,YAAAH,CAAAA,QAAAI,KAAAA,EAAA;AACNM,IAAAA,EAAAA,uBAAC,MAAA,EAAA,EACUN,OAAAA,SACQD,eAAAA,YACP,WAAA,gBAAA,EAAgB,CAAA;AAC1BH,IAAAA,CAAAA,MAAAG,QAAAA;AAAAH,IAAAA,CAAAA,MAAAI,KAAAA;AAAAJ,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAW,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAS,MAAAT,CAAAA,QAAAU,EAAAA,EAAA;AAXJC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,8CAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAMAC;AAAAA,KAAAA,EAKF,CAAA;AAAMV,IAAAA,CAAAA,MAAAS,EAAAA;AAAAT,IAAAA,CAAAA,MAAAU,EAAAA;AAAAV,IAAAA,CAAAA,OAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAZNW,EAAAA;AAYM;;;;"}
+{"version":3,"file":"DeltaParameter.js","names":["Switch","DeltaIcon","EllipseIcon","DeltaParameterProps","isNotDefault","setValue","value","DeltaParameter","t0","$","_c","t1","Symbol","for","t2","t3","t4","t5"],"sources":["../../../../src/components/widget/TradeParameters/DeltaParameter.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { DeltaIcon } from \"../Icon/DeltaIcon\";\nimport { EllipseIcon } from \"../Icon/EllipseIcon\";\n\nexport type DeltaParameterProps = {\n  isNotDefault: boolean;\n  setValue: (value: boolean) => void;\n  value: boolean;\n};\n\nexport const DeltaParameter = ({\n  isNotDefault,\n  setValue,\n  value,\n}: DeltaParameterProps) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2 py-4\">\n      <div className=\"flex items-center gap-2 text-sm\">\n        Enable <DeltaIcon /> Delta\n        {isNotDefault && (\n          <EllipseIcon className=\"stroke-contrast-8 dark:stroke-contrast-2\" />\n        )}\n      </div>\n      <Switch\n        checked={value}\n        onCheckedChange={setValue}\n        className=\"cursor-pointer\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAUA,IAAaO,KAAiBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAN,iBAAAC,aAAAC,aAAAE,GAITG;AAAA,CAAAF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAIPF,IAAA,kBAAC,GAAD,EAAa,CAAA,EAAAF,EAAA,KAAAE,KAAAA,IAAAF,EAAA;CAAA,IAAAK;AAAA,CAAAL,EAAA,OAAAL,IAGnBU,IAAAL,EAAA,MAFAK,IAAAV,KACC,kBAAC,GAAD,EAAuB,WAAA,4CACxB,CAAA,EAAAK,EAAA,KAAAL,GAAAK,EAAA,KAAAK;CAAA,IAAAC;AAAA,CAAAN,EAAA,OAAAK,IACGC,IAAAN,EAAA,MALNM,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GAAiD;GACxCJ;GAAa;GACnBG;GAGG;KAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAM;CAAA,IAAAC;AAAA,CAAAP,EAAA,OAAAJ,KAAAI,EAAA,OAAAH,KACNU,IAAA,kBAAC,GAAD;EACWV,SAAAA;EACQD,iBAAAA;EACP,WAAA;EACV,CAAA,EAAAI,EAAA,KAAAJ,GAAAI,EAAA,KAAAH,GAAAG,EAAA,KAAAO,KAAAA,IAAAP,EAAA;CAAA,IAAAQ;AACE,QADFR,EAAA,OAAAM,KAAAN,EAAA,OAAAO,KAXJC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEF,GAMAC,EAKI;KAAAP,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,MAAAQ,KAAAA,IAAAR,EAAA,KAZNQ"}