@velora-dex/widget 0.6.1-dev.5 → 0.7.1

package/dist/components/ui/drawer.js

@@ -1,5 +1,5 @@
 import { cn as e } from "../../lib/utils/index.js";
-import { Drawer as t } from "../../external/.pnpm/vaul@1.1.2_patch_hash_07b36ba5def3805dde9d543a880ba9e4caf55e5eb58e544faaa2c186846bf3c1__7f2d7d5ed11750fbec42b3f5689c802d/external/vaul/dist/index.js";
+import { Drawer as t } from "../../external/.pnpm/vaul@1.1.2_patch_hash_07b36ba5def3805dde9d543a880ba9e4caf55e5eb58e544faaa2c186846bf3c1__6feb48fe37bd41e9af5c8e81d5a6f4e1/external/vaul/dist/index.js";
 import { c as n } from "react-compiler-runtime";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";

package/dist/components/ui/tooltip.js

@@ -39,7 +39,7 @@ function l(t) {
 	let f = d === void 0 ? 0 : d, p;
 	o[6] === c ? p = o[7] : (p = e("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs  max-w-[300px]", c), o[6] = c, o[7] = p);
 	let m;
-	o[8] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ r(a.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" }), o[8] = m) : m = o[8];
+	o[8] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ r(a.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]" }), o[8] = m) : m = o[8];
 	let h;
 	o[9] !== s || o[10] !== u || o[11] !== f || o[12] !== p ? (h = /* @__PURE__ */ i(a.Content, {
 		"data-slot": "tooltip-content",

package/dist/components/ui/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["React","TooltipPrimitive","cn","TooltipPortalProps","useContainerAtom","TooltipProvider","t0","$","_c","props","t1","delayDuration","undefined","t2","Tooltip","TooltipTrigger","TooltipContentBase","children","className","container","sideOffset","t3","Symbol","for","t4","t5","TooltipContent"],"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\n\nimport { cn } from \"@/lib/utils\";\nimport type { TooltipPortalProps } from \"@radix-ui/react-tooltip\";\nimport { useContainerAtom } from \"@/core/state/containerAtom\";\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContentBase({\n  className,\n  sideOffset = 0,\n  children,\n  container,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content> &\n  Pick<TooltipPortalProps, \"container\">) {\n  return (\n    <TooltipPrimitive.Portal container={container}>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs  max-w-[300px]\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nfunction TooltipContent(\n  props: React.ComponentProps<typeof TooltipPrimitive.Content>\n) {\n  const container = useContainerAtom();\n  return <TooltipContentBase {...props} container={container} />;\n}\n\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipContentBase,\n  TooltipProvider,\n};\n"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","names":["React","TooltipPrimitive","cn","TooltipPortalProps","useContainerAtom","TooltipProvider","t0","$","_c","props","t1","delayDuration","undefined","t2","Tooltip","TooltipTrigger","TooltipContentBase","children","className","container","sideOffset","t3","Symbol","for","t4","t5","TooltipContent"],"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\n\nimport { cn } from \"@/lib/utils\";\nimport type { TooltipPortalProps } from \"@radix-ui/react-tooltip\";\nimport { useContainerAtom } from \"@/core/state/containerAtom\";\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContentBase({\n  className,\n  sideOffset = 0,\n  children,\n  container,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content> &\n  Pick<TooltipPortalProps, \"container\">) {\n  return (\n    <TooltipPrimitive.Portal container={container}>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs  max-w-[300px]\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nfunction TooltipContent(\n  props: React.ComponentProps<typeof TooltipPrimitive.Content>\n) {\n  const container = useContainerAtom();\n  return <TooltipContentBase {...props} container={container} />;\n}\n\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipContentBase,\n  TooltipProvider,\n};\n"],"mappings":";;;;;;;AAOA,SAAAK,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC,GAAAC;AAAA,CAAAH,EAAA,OAAAD,KAGyDG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,OAHhC,CAAAI,eAAAD,MAAAD,KAAAH,GAGgCC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAFvD,IAAAC,IAAAD,MAAAE,KAAAA,IAAA,IAAAF,GAAiBG;AAQb,QARaN,EAAA,OAAAI,KAAAJ,EAAA,OAAAE,KAIfI,IAAA,kBAAA,EAAA,UAAA;EACY,aAAA;EACKF;EAAa,GACxBF;EACJ,CAAA,EAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAM,KAAAA,IAAAN,EAAA,IAJFM;;AAQJ,SAAAC,EAAAR,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AAAA,CAAAF,EAAA,OAAAD,IAEqDG,IAAAF,EAAA,MAFpC,IAAAE,KAAAH,GAEoCC,EAAA,KAAAD,GAAAC,EAAA,KAAAE;CAAA,IAAAC;AAI/B,QAJ+BH,EAAA,OAAAE,IAI/BC,IAAAH,EAAA,MAFlBG,IAAA,kBAAC,GAAD,EAAA,UACE,kBAAA,EAAA,MAAA;EAAiC,aAAA;EAAS,GAAKD;EACjD,CAAA,EAAkB,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IAFlBA;;AAMJ,SAAAK,EAAAT,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AAAA,CAAAF,EAAA,OAAAD,IAEwDG,IAAAF,EAAA,MAFhC,IAAAE,KAAAH,GAEgCC,EAAA,KAAAD,GAAAC,EAAA,KAAAE;CAAA,IAAAC;AACoB,QADpBH,EAAA,OAAAE,IACoBC,IAAAH,EAAA,MAAnEG,IAAA,kBAAA,EAAA,SAAA;EAAoC,aAAA;EAAiB,GAAKD;EAAS,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IAAnEA;;AAGT,SAAAM,EAAAV,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAS,GAAAC,GAAAC,GAAAV,GAAAC;AAAA,CAAAH,EAAA,OAAAD,KAOuCW,IAAAV,EAAA,IAAAW,IAAAX,EAAA,IAAAY,IAAAZ,EAAA,IAAAE,IAAAF,EAAA,IAAAG,IAAAH,EAAA,OAPX,eAAAa,YAAAV,iCAAAD,KAAAH,GAOWC,EAAA,KAAAD,GAAAC,EAAA,KAAAU,GAAAV,EAAA,KAAAW,GAAAX,EAAA,KAAAY,GAAAZ,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CALrC,IAAAU,IAAAV,MAAAE,KAAAA,IAAA,IAAAF,GAAcG;AAAA,CAAAN,EAAA,OAAAW,IAcPL,IAAAN,EAAA,MAHUM,IAAAX,EACT,4aACAgB,EACD,EAAAX,EAAA,KAAAW,GAAAX,EAAA,KAAAM;CAAA,IAAAQ;AAAA,CAAAd,EAAA,OAAAe,OAAAC,IAAA,4BAAA,IAIDF,IAAA,kBAAA,EAAA,OAAA,EAAkC,WAAA,8FAA+F,CAAA,EAAAd,EAAA,KAAAc,KAAAA,IAAAd,EAAA;CAAA,IAAAiB;AAAA,CAAAjB,EAAA,OAAAU,KAAAV,EAAA,QAAAE,KAAAF,EAAA,QAAAa,KAAAb,EAAA,QAAAM,KAVnIW,IAAA,kBAAA,EAAA,SAAA;EACY,aAAA;EACEJ;EACD,WAAAP;EAGV,GACGJ;YAPN,CASGQ,GACDI,EACyB;KAAAd,EAAA,KAAAU,GAAAV,EAAA,MAAAE,GAAAF,EAAA,MAAAa,GAAAb,EAAA,MAAAM,GAAAN,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA;CAAA,IAAAkB;AACH,QADGlB,EAAA,QAAAY,KAAAZ,EAAA,QAAAiB,KAZ7BC,IAAA,kBAAA,EAAA,QAAA;EAAoCN;YAClCK;EAYwB,CAAA,EAAAjB,EAAA,MAAAY,GAAAZ,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,KAAAA,IAAAlB,EAAA,KAb1BkB;;AAiBJ,SAAAC,EAAAjB,GAAA;CAAA,IAAAF,IAAAC,EAAA,EAAA,EAGEW,IAAkBf,GAAkB,EAACE;AACyB,QADzBC,EAAA,OAAAY,KAAAZ,EAAA,OAAAE,KAC9BH,IAAA,kBAAC,GAAD;EAAmB,GAAKG;EAAkBU;EAAa,CAAA,EAAAZ,EAAA,KAAAY,GAAAZ,EAAA,KAAAE,GAAAF,EAAA,KAAAD,KAAAA,IAAAC,EAAA,IAAvDD"}

package/dist/components/widget/AppHeader/AppHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAevD,eAAO,MAAM,SAAS,GAAI,aAAa,WAAW,CAAC,MAAM,CAAC,4CAqDzD,CAAC"}
+{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAevD,eAAO,MAAM,SAAS,GAAI,aAAa,WAAW,CAAC,MAAM,CAAC,4CAgEzD,CAAC"}

package/dist/components/widget/AppHeader/AppHeader.js

@@ -16,7 +16,7 @@ import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { useAccount as g } from "wagmi";
 //#region src/components/widget/AppHeader/AppHeader.tsx
 var _ = (_) => {
-	let v = f(37), { classes: y } = _, { address: b } = g(), x = a(), [S, C] = p(!1), w;
+	let v = f(42), { classes: y } = _, { address: b } = g(), x = a(), [S, C] = p(!1), w;
 	v[0] === x ? w = v[1] : (w = {
 		drawerId: "trade-parameters-drawer",
 		onOpen: x
@@ -24,58 +24,62 @@ var _ = (_) => {
 	let T = r(w), E, D;
 	v[2] === T ? (E = v[3], D = v[4]) : ({onOpen: D, ...E} = T, v[2] = T, v[3] = E, v[4] = D);
 	let O = s(), k = e(n), A;
-	v[5] === D ? A = v[6] : (A = () => {
+	v[5] === k ? A = v[6] : (A = k.includes("wallet-management"), v[5] = k, v[6] = A);
+	let j = A, M;
+	v[7] === k ? M = v[8] : (M = k.includes("activities"), v[7] = k, v[8] = M);
+	let N = M, P = !j, F = !!b && !N, I = P, L;
+	v[9] === D ? L = v[10] : (L = () => {
 		C(!1), D();
-	}, v[5] = D, v[6] = A);
-	let j = A, M = S ? "Activate Degen Mode" : "Trading Parameters", N = !S, P;
-	v[7] === Symbol.for("react.memo_cache_sentinel") ? (P = () => C(!1), v[7] = P) : P = v[7];
-	let F;
-	v[8] !== E.onClose || v[9] !== j || v[10] !== S ? (F = /* @__PURE__ */ m(o, {
+	}, v[9] = D, v[10] = L);
+	let R = L, z = S ? "Activate Degen Mode" : "Trading Parameters", B = !S, V;
+	v[11] === Symbol.for("react.memo_cache_sentinel") ? (V = () => C(!1), v[11] = V) : V = v[11];
+	let H;
+	v[12] !== E.onClose || v[13] !== R || v[14] !== S ? (H = /* @__PURE__ */ m(o, {
 		onCloseDrawer: E.onClose,
-		onOpenDrawer: j,
+		onOpenDrawer: R,
 		showDegenConfirmation: S,
 		setShowDegenConfirmation: C
-	}), v[8] = E.onClose, v[9] = j, v[10] = S, v[11] = F) : F = v[11];
-	let I;
-	v[12] !== E || v[13] !== S || v[14] !== M || v[15] !== N || v[16] !== F ? (I = /* @__PURE__ */ m(i, {
+	}), v[12] = E.onClose, v[13] = R, v[14] = S, v[15] = H) : H = v[15];
+	let U;
+	v[16] !== E || v[17] !== S || v[18] !== z || v[19] !== B || v[20] !== H ? (U = /* @__PURE__ */ m(i, {
 		...E,
-		title: M,
-		showCloseButton: N,
+		title: z,
+		showCloseButton: B,
 		showGoBackButton: S,
-		onGoBack: P,
-		children: F
-	}), v[12] = E, v[13] = S, v[14] = M, v[15] = N, v[16] = F, v[17] = I) : I = v[17];
-	let L = I, R = y?.root, z;
-	v[18] === R ? z = v[19] : (z = t("flex items-center justify-between gap-2", R), v[18] = R, v[19] = z);
-	let B;
-	v[20] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ m(u, {}), v[20] = B) : B = v[20];
-	let V;
-	v[21] === k ? V = v[22] : (V = !k.includes("wallet-management") && /* @__PURE__ */ m(c, {}), v[21] = k, v[22] = V);
-	let H;
-	v[23] !== b || v[24] !== k ? (H = !!b && !k.includes("activities") && /* @__PURE__ */ m(l, {}), v[23] = b, v[24] = k, v[25] = H) : H = v[25];
-	let U;
-	v[26] !== j || v[27] !== O ? (U = /* @__PURE__ */ m(d, {
-		onClick: j,
+		onGoBack: V,
+		children: H
+	}), v[16] = E, v[17] = S, v[18] = z, v[19] = B, v[20] = H, v[21] = U) : U = v[21];
+	let W = U, G = y?.root, K;
+	v[22] === G ? K = v[23] : (K = t("flex items-center justify-between gap-2", G), v[22] = G, v[23] = K);
+	let q;
+	v[24] === I ? q = v[25] : (q = /* @__PURE__ */ m(u, { asDropdown: I }), v[24] = I, v[25] = q);
+	let J;
+	v[26] === P ? J = v[27] : (J = P && /* @__PURE__ */ m(c, {}), v[26] = P, v[27] = J);
+	let Y;
+	v[28] === F ? Y = v[29] : (Y = F && /* @__PURE__ */ m(l, {}), v[28] = F, v[29] = Y);
+	let X;
+	v[30] !== R || v[31] !== O ? (X = /* @__PURE__ */ m(d, {
+		onClick: R,
 		showEllipseIcon: O
-	}), v[26] = j, v[27] = O, v[28] = U) : U = v[28];
-	let W;
-	v[29] !== V || v[30] !== H || v[31] !== U ? (W = /* @__PURE__ */ h("div", {
+	}), v[30] = R, v[31] = O, v[32] = X) : X = v[32];
+	let Z;
+	v[33] !== J || v[34] !== Y || v[35] !== X ? (Z = /* @__PURE__ */ h("div", {
 		className: "flex items-center gap-2",
 		children: [
-			V,
-			H,
-			U
+			J,
+			Y,
+			X
 		]
-	}), v[29] = V, v[30] = H, v[31] = U, v[32] = W) : W = v[32];
-	let G;
-	return v[33] !== L || v[34] !== z || v[35] !== W ? (G = /* @__PURE__ */ h("div", {
-		className: z,
+	}), v[33] = J, v[34] = Y, v[35] = X, v[36] = Z) : Z = v[36];
+	let Q;
+	return v[37] !== W || v[38] !== K || v[39] !== q || v[40] !== Z ? (Q = /* @__PURE__ */ h("div", {
+		className: K,
 		children: [
-			B,
-			W,
-			L
+			q,
+			Z,
+			W
 		]
-	}), v[33] = L, v[34] = z, v[35] = W, v[36] = G) : G = v[36], G;
+	}), v[37] = W, v[38] = K, v[39] = q, v[40] = Z, v[41] = Q) : Q = v[41], Q;
 };
 //#endregion
 export { _ as AppHeader };

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

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.js","names":["useState","WithClasses","cn","useDrawerControls","ControlledDrawer","TradeParameters","useIsNotDefaultAnyParameter","AccountButton","ActivityButton","TradeModeSwitcher","useAccount","useAtomValue","excludeUIAtom","SettingsButton","useResetDraftBridgePreferences","AppHeader","t0","$","_c","classes","address","account","resetDraftBridgePreferences","showDegenConfirmation","setShowDegenConfirmation","t1","drawerId","onOpen","t2","drawerProps","isNotDefaultAnyParameter","excludeUI","t3","handleOpen","t4","t5","t6","Symbol","for","t7","onClose","t8","drawer","t9","root","t10","t11","t12","includes","t13","t14","t15","t16"],"sources":["../../../../src/components/widget/AppHeader/AppHeader.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { cn } from \"@/lib/utils\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { ControlledDrawer } from \"../Drawer\";\nimport { TradeParameters } from \"../TradeParameters/TradeParameters\";\nimport { useIsNotDefaultAnyParameter } from \"../TradeParameters/hooks/useIsNotDefaultAnyParameter\";\nimport { AccountButton } from \"@/components/web3/AccountButton\";\nimport { ActivityButton } from \"./ActivityButton\";\nimport { TradeModeSwitcher } from \"./TradeModeSwitcher\";\nimport { useAccount } from \"wagmi\";\nimport { useAtomValue } from \"@/core/store\";\nimport { excludeUIAtom } from \"@/core/state/configAtom\";\nimport { SettingsButton } from \"../SettingsButton/SettingsButton\";\nimport { useResetDraftBridgePreferences } from \"../TradeParameters/state/bridgePreferences/useBridgePreferences\";\n\nexport const AppHeader = ({ classes }: WithClasses<\"root\">) => {\n  const { address: account } = useAccount();\n\n  const resetDraftBridgePreferences = useResetDraftBridgePreferences();\n  const [showDegenConfirmation, setShowDegenConfirmation] = useState(false);\n\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: \"trade-parameters-drawer\",\n    onOpen: resetDraftBridgePreferences,\n  });\n  const isNotDefaultAnyParameter = useIsNotDefaultAnyParameter();\n  const excludeUI = useAtomValue(excludeUIAtom);\n\n  const handleOpen = () => {\n    setShowDegenConfirmation(false);\n    onOpen();\n  };\n\n  const drawer = (\n    <ControlledDrawer\n      {...drawerProps}\n      title={\n        showDegenConfirmation ? \"Activate Degen Mode\" : \"Trading Parameters\"\n      }\n      showCloseButton={!showDegenConfirmation}\n      showGoBackButton={showDegenConfirmation}\n      onGoBack={() => setShowDegenConfirmation(false)}\n    >\n      <TradeParameters\n        onCloseDrawer={drawerProps.onClose}\n        onOpenDrawer={handleOpen}\n        showDegenConfirmation={showDegenConfirmation}\n        setShowDegenConfirmation={setShowDegenConfirmation}\n      />\n    </ControlledDrawer>\n  );\n\n  return (\n    <div\n      className={cn(\"flex items-center justify-between gap-2\", classes?.root)}\n    >\n      <TradeModeSwitcher />\n      <div className=\"flex items-center gap-2\">\n        {!excludeUI.includes(\"wallet-management\") && <AccountButton />}\n        {!!account && !excludeUI.includes(\"activities\") && <ActivityButton />}\n        <SettingsButton\n          onClick={handleOpen}\n          showEllipseIcon={isNotDefaultAnyParameter}\n        />\n      </div>\n      {drawer}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AppHeader.js","names":["useState","WithClasses","cn","useDrawerControls","ControlledDrawer","TradeParameters","useIsNotDefaultAnyParameter","AccountButton","ActivityButton","TradeModeSwitcher","useAccount","useAtomValue","excludeUIAtom","SettingsButton","useResetDraftBridgePreferences","AppHeader","t0","$","_c","classes","address","account","resetDraftBridgePreferences","showDegenConfirmation","setShowDegenConfirmation","t1","drawerId","onOpen","t2","drawerProps","isNotDefaultAnyParameter","excludeUI","t3","includes","excludeWalletManagement","t4","excludeActivities","showWalletButton","showActivityButton","tradeModeSwitcherAsDropdown","t5","handleOpen","t6","t7","t8","Symbol","for","t9","onClose","t10","drawer","t11","root","t12","t13","t14","t15","t16","t17","t18"],"sources":["../../../../src/components/widget/AppHeader/AppHeader.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { cn } from \"@/lib/utils\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { ControlledDrawer } from \"../Drawer\";\nimport { TradeParameters } from \"../TradeParameters/TradeParameters\";\nimport { useIsNotDefaultAnyParameter } from \"../TradeParameters/hooks/useIsNotDefaultAnyParameter\";\nimport { AccountButton } from \"@/components/web3/AccountButton\";\nimport { ActivityButton } from \"./ActivityButton\";\nimport { TradeModeSwitcher } from \"./TradeModeSwitcher\";\nimport { useAccount } from \"wagmi\";\nimport { useAtomValue } from \"@/core/store\";\nimport { excludeUIAtom } from \"@/core/state/configAtom\";\nimport { SettingsButton } from \"../SettingsButton/SettingsButton\";\nimport { useResetDraftBridgePreferences } from \"../TradeParameters/state/bridgePreferences/useBridgePreferences\";\n\nexport const AppHeader = ({ classes }: WithClasses<\"root\">) => {\n  const { address: account } = useAccount();\n\n  const resetDraftBridgePreferences = useResetDraftBridgePreferences();\n  const [showDegenConfirmation, setShowDegenConfirmation] = useState(false);\n\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: \"trade-parameters-drawer\",\n    onOpen: resetDraftBridgePreferences,\n  });\n  const isNotDefaultAnyParameter = useIsNotDefaultAnyParameter();\n  const excludeUI = useAtomValue(excludeUIAtom);\n\n  const excludeWalletManagement = excludeUI.includes(\"wallet-management\");\n  const excludeActivities = excludeUI.includes(\"activities\");\n\n  const showWalletButton = !excludeWalletManagement;\n  const showActivityButton = !!account && !excludeActivities;\n\n  // If wallet management is excluded, we have more space in the header, so we can show the trade mode switcher as a row instead of a dropdown\n  // If wallet management is included, we show the trade mode switcher as a dropdown to save space\n  // Need to revisit this when adding another trade mode\n  const tradeModeSwitcherAsDropdown = showWalletButton;\n\n  const handleOpen = () => {\n    setShowDegenConfirmation(false);\n    onOpen();\n  };\n\n  const drawer = (\n    <ControlledDrawer\n      {...drawerProps}\n      title={\n        showDegenConfirmation ? \"Activate Degen Mode\" : \"Trading Parameters\"\n      }\n      showCloseButton={!showDegenConfirmation}\n      showGoBackButton={showDegenConfirmation}\n      onGoBack={() => setShowDegenConfirmation(false)}\n    >\n      <TradeParameters\n        onCloseDrawer={drawerProps.onClose}\n        onOpenDrawer={handleOpen}\n        showDegenConfirmation={showDegenConfirmation}\n        setShowDegenConfirmation={setShowDegenConfirmation}\n      />\n    </ControlledDrawer>\n  );\n\n  return (\n    <div\n      className={cn(\"flex items-center justify-between gap-2\", classes?.root)}\n    >\n      <TradeModeSwitcher asDropdown={tradeModeSwitcherAsDropdown} />\n      <div className=\"flex items-center gap-2\">\n        {showWalletButton && <AccountButton />}\n        {showActivityButton && <ActivityButton />}\n        <SettingsButton\n          onClick={handleOpen}\n          showEllipseIcon={isNotDefaultAnyParameter}\n        />\n      </div>\n      {drawer}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/AppHeader/TradeModeSwitcher.d.ts

@@ -1,2 +1,4 @@
-export declare const TradeModeSwitcher: () => import("react/jsx-runtime").JSX.Element;
+export declare const TradeModeSwitcher: ({ asDropdown }: {
+    asDropdown?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TradeModeSwitcher.d.ts.map

package/dist/components/widget/AppHeader/TradeModeSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TradeModeSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/AppHeader/TradeModeSwitcher.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,iBAAiB,+CAgC7B,CAAC"}
+{"version":3,"file":"TradeModeSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/AppHeader/TradeModeSwitcher.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,iBAAiB,GAAI,gBAAgB;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,4CA2BzE,CAAC"}

package/dist/components/widget/AppHeader/TradeModeSwitcher.js

@@ -2,51 +2,86 @@ import { useAtomValue as e, useSetAtom as t } from "../../../core/store.js";
 import { cn as n } from "../../../lib/utils/index.js";
 import { enabledTradeModesAtom as r } from "../../../core/state/enabledTradeModesAtom.js";
 import { tradeModeAtom as i, userTradeModeAtom as a } from "../../../core/state/tradeModeAtom.js";
-import { DropdownWithItems as o } from "../Dropdown/DropdownWithItems.js";
-import { ChevronIcon as s } from "../Icon/ChevronIcon.js";
-import { c } from "react-compiler-runtime";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Button as o } from "../../ui/button.js";
+import { DropdownWithItems as s } from "../Dropdown/DropdownWithItems.js";
+import { ChevronIcon as c } from "../Icon/ChevronIcon.js";
+import { c as l } from "react-compiler-runtime";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/widget/AppHeader/TradeModeSwitcher.tsx
-var d = {
+var f = {
 	swap: "Swap",
 	limit: "Limit",
 	otc: "OTC",
 	twap: "TWAP"
-}, f = () => {
-	let f = c(18), p = t(a), m = e(i), h = e(r), g = h.length <= 1, _ = !g, v;
-	f[0] === _ ? v = f[1] : (v = n("flex items-center gap-2 font-medium text-contrast-3 dark:text-contrast-8", { "cursor-pointer": _ }), f[0] = _, f[1] = v);
-	let y = d[m], b;
-	f[2] === g ? b = f[3] : (b = !g && /* @__PURE__ */ l(s, {
+}, p = (n) => {
+	let o = l(18), { asDropdown: c } = n, d = t(a), p = e(i), g = e(r), _ = g.length <= 1;
+	if (_) {
+		let e;
+		return o[0] !== _ || o[1] !== p ? (e = /* @__PURE__ */ u(m, {
+			tradeMode: p,
+			isDisabled: _
+		}), o[0] = _, o[1] = p, o[2] = e) : e = o[2], e;
+	}
+	let v;
+	if (o[3] !== g || o[4] !== d || o[5] !== p) {
+		let e;
+		o[7] !== d || o[8] !== p ? (e = (e) => ({
+			label: f[e],
+			onSelect: () => d(e),
+			selected: p === e
+		}), o[7] = d, o[8] = p, o[9] = e) : e = o[9], v = g.map(e), o[3] = g, o[4] = d, o[5] = p, o[6] = v;
+	} else v = o[6];
+	let y = v;
+	if (c) {
+		let e;
+		o[10] !== _ || o[11] !== p ? (e = /* @__PURE__ */ u(m, {
+			tradeMode: p,
+			isDisabled: _
+		}), o[10] = _, o[11] = p, o[12] = e) : e = o[12];
+		let t;
+		return o[13] !== y || o[14] !== e ? (t = /* @__PURE__ */ u(s, {
+			menuTrigger: e,
+			items: y
+		}), o[13] = y, o[14] = e, o[15] = t) : t = o[15], t;
+	}
+	let b;
+	return o[16] === y ? b = o[17] : (b = /* @__PURE__ */ u(h, { tradeModeItems: y }), o[16] = y, o[17] = b), b;
+}, m = (e) => {
+	let t = l(8), { tradeMode: r, isDisabled: i } = e, a = !i, o;
+	t[0] === a ? o = t[1] : (o = n("flex items-center gap-2 font-medium text-contrast-3 dark:text-contrast-8", { "cursor-pointer": a }), t[0] = a, t[1] = o);
+	let s = f[r], p;
+	t[2] === i ? p = t[3] : (p = !i && /* @__PURE__ */ u(c, {
 		width: 8,
 		className: "pt-[2px] dark:text-contrast-5"
-	}), f[2] = g, f[3] = b);
-	let x;
-	f[4] !== v || f[5] !== y || f[6] !== b ? (x = /* @__PURE__ */ u("div", {
-		className: v,
+	}), t[2] = i, t[3] = p);
+	let m;
+	return t[4] !== o || t[5] !== s || t[6] !== p ? (m = /* @__PURE__ */ d("div", {
+		className: o,
 		children: [
-			y,
+			s,
 			" ",
-			b
+			p
 		]
-	}), f[4] = v, f[5] = y, f[6] = b, f[7] = x) : x = f[7];
-	let S = x;
-	if (g) return S;
-	let C;
-	if (f[8] !== h || f[9] !== p || f[10] !== m) {
-		let e;
-		f[12] !== p || f[13] !== m ? (e = (e) => ({
-			label: d[e],
-			onSelect: () => p(e),
-			selected: m === e
-		}), f[12] = p, f[13] = m, f[14] = e) : e = f[14], C = h.map(e), f[8] = h, f[9] = p, f[10] = m, f[11] = C;
-	} else C = f[11];
-	let w = C, T;
-	return f[15] !== w || f[16] !== S ? (T = /* @__PURE__ */ l(o, {
-		menuTrigger: S,
-		items: w
-	}), f[15] = w, f[16] = S, f[17] = T) : T = f[17], T;
+	}), t[4] = o, t[5] = s, t[6] = p, t[7] = m) : m = t[7], m;
+}, h = (e) => {
+	let t = l(4), { tradeModeItems: n } = e, r;
+	t[0] === n ? r = t[1] : (r = n.map(g), t[0] = n, t[1] = r);
+	let i;
+	return t[2] === r ? i = t[3] : (i = /* @__PURE__ */ u("div", {
+		className: "flex items-center gap-6",
+		children: r
+	}), t[2] = r, t[3] = i), i;
 };
+function g(e) {
+	let { selected: t, label: r, onSelect: i } = e;
+	return /* @__PURE__ */ u(o, {
+		variant: "ghost",
+		className: n("cursor-pointer text-contrast-5 font-medium text-base p-0 hover:bg-transparent dark:hover:bg-transparent h-min", { "text-contrast-3 dark:text-contrast-9": t }),
+		onClick: i,
+		children: r
+	}, r);
+}
 //#endregion
-export { f as TradeModeSwitcher };
+export { p as TradeModeSwitcher };
 
 //# sourceMappingURL=TradeModeSwitcher.js.map

package/dist/components/widget/AppHeader/TradeModeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeModeSwitcher.js","names":["tradeModeAtom","userTradeModeAtom","TradeMode","useAtomValue","useSetAtom","DropdownWithItems","ChevronIcon","DropdownItem","enabledTradeModesAtom","cn","tradeModeLabel","Record","swap","limit","otc","twap","TradeModeSwitcher","$","_c","setTradeMode","tradeMode","enabledTradeModes","isDisabled","length","t0","t1","t2","t3","t4","menuTrigger","t5","t6","mode","label","onSelect","selected","map","items"],"sources":["../../../../src/components/widget/AppHeader/TradeModeSwitcher.tsx"],"sourcesContent":["import {\n  tradeModeAtom,\n  userTradeModeAtom,\n  type TradeMode,\n} from \"@/core/state/tradeModeAtom\";\nimport { useAtomValue, useSetAtom } from \"@/core/store\";\nimport { DropdownWithItems } from \"../Dropdown/DropdownWithItems\";\nimport { ChevronIcon } from \"../Icon/ChevronIcon\";\nimport type { DropdownItem } from \"../Dropdown/types\";\nimport { enabledTradeModesAtom } from \"@/core/state/enabledTradeModesAtom\";\nimport { cn } from \"@/lib/utils\";\n\nconst tradeModeLabel: Record<TradeMode, string> = {\n  swap: \"Swap\",\n  limit: \"Limit\",\n  otc: \"OTC\",\n  twap: \"TWAP\",\n};\n\nexport const TradeModeSwitcher = () => {\n  const setTradeMode = useSetAtom(userTradeModeAtom);\n  const tradeMode = useAtomValue(tradeModeAtom);\n  const enabledTradeModes = useAtomValue(enabledTradeModesAtom);\n  const isDisabled = enabledTradeModes.length <= 1;\n\n  const menuTrigger = (\n    <div\n      className={cn(\n        \"flex items-center gap-2 font-medium text-contrast-3 dark:text-contrast-8\",\n        {\n          \"cursor-pointer\": !isDisabled,\n        }\n      )}\n    >\n      {tradeModeLabel[tradeMode]}{\" \"}\n      {!isDisabled && (\n        <ChevronIcon width={8} className=\"pt-[2px] dark:text-contrast-5\" />\n      )}\n    </div>\n  );\n\n  if (isDisabled) return menuTrigger;\n\n  const items: DropdownItem[] = enabledTradeModes.map((mode) => ({\n    label: tradeModeLabel[mode],\n    onSelect: () => setTradeMode(mode),\n    selected: tradeMode === mode,\n    // @TODO need a better styles for the items\n  }));\n\n  return <DropdownWithItems menuTrigger={menuTrigger} items={items} />;\n};\n"],"mappings":";;;;;;;;;AAYA,IAAMU,IAA4C;CAChDE,MAAM;CACNC,OAAO;CACPC,KAAK;CACLC,MAAM;CACP,EAEYC,UAAoB;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAC/BC,IAAqBf,EAAWH,EAAkB,EAClDmB,IAAkBjB,EAAaH,EAAc,EAC7CqB,IAA0BlB,EAAaK,EAAsB,EAC7Dc,IAAmBD,EAAiBE,UAAW,GAOrBC,IAAA,CAACF,GAAUG;AAAA,CAAAR,EAAA,OAAAO,IAEhCC,IAAAR,EAAA,MALUQ,IAAAhB,EACT,4EACA,EAAA,kBACoBe,GAEtB,CAAC,EAAAP,EAAA,KAAAO,GAAAP,EAAA,KAAAQ;CAEA,IAAAC,IAAAhB,EAAeU,IAAUO;AAAA,CAAAV,EAAA,OAAAK,IAGzBK,IAAAV,EAAA,MAFAU,IAAA,CAACL,KACA,kBAAC,GAAD;EAAoB,OAAA;EAAa,WAAA;EAClC,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAU;CAAA,IAAAC;AAAA,CAAAX,EAAA,OAAAQ,KAAAR,EAAA,OAAAS,KAAAT,EAAA,OAAAU,KAXHC,IAAA,kBAAA,OAAA;EACa,WAAAH;YADb;GAQGC;GAA2B;GAC3BC;GAGG;KAAAV,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAbR,IAAAY,IACED;AAeF,KAAIN,EAAU,QAASO;CAAY,IAAAC;AAAA,KAAAb,EAAA,OAAAI,KAAAJ,EAAA,OAAAE,KAAAF,EAAA,QAAAG,GAAA;EAAA,IAAAW;AAOhCd,EAPgCA,EAAA,QAAAE,KAAAF,EAAA,QAAAG,KAEiBW,KAAAC,OAAW;GAAAC,OACtDvB,EAAesB;GAAKE,gBACXf,EAAaa,EAAK;GAAAG,UACxBf,MAAcY;GAEzB,GAACf,EAAA,MAAAE,GAAAF,EAAA,MAAAG,GAAAH,EAAA,MAAAc,KAAAA,IAAAd,EAAA,KAL4Ba,IAAAT,EAAiBe,IAAKL,EAKjD,EAAAd,EAAA,KAAAI,GAAAJ,EAAA,KAAAE,GAAAF,EAAA,MAAAG,GAAAH,EAAA,MAAAa;OAAAA,KAAAb,EAAA;CALH,IAAAoB,IAA8BP,GAK1BC;AAEgE,QAFhEd,EAAA,QAAAoB,KAAApB,EAAA,QAAAY,KAEGE,IAAA,kBAAC,GAAD;EAAgCF;EAAoBQ;EAAS,CAAA,EAAApB,EAAA,MAAAoB,GAAApB,EAAA,MAAAY,GAAAZ,EAAA,MAAAc,KAAAA,IAAAd,EAAA,KAA7Dc"}
+{"version":3,"file":"TradeModeSwitcher.js","names":["tradeModeAtom","userTradeModeAtom","TradeMode","useAtomValue","useSetAtom","DropdownWithItems","ChevronIcon","DropdownItem","enabledTradeModesAtom","cn","Button","tradeModeLabel","Record","swap","limit","otc","twap","TradeModeSwitcher","t0","$","_c","asDropdown","setTradeMode","tradeMode","enabledTradeModes","isDisabled","length","t1","t2","mode","label","onSelect","selected","map","items","t3","MenuTrigger","t4","t5","RelaxedDropdownItem","Omit","TradeModesRow","tradeModeItems","_temp"],"sources":["../../../../src/components/widget/AppHeader/TradeModeSwitcher.tsx"],"sourcesContent":["import {\n  tradeModeAtom,\n  userTradeModeAtom,\n  type TradeMode,\n} from \"@/core/state/tradeModeAtom\";\nimport { useAtomValue, useSetAtom } from \"@/core/store\";\nimport { DropdownWithItems } from \"../Dropdown/DropdownWithItems\";\nimport { ChevronIcon } from \"../Icon/ChevronIcon\";\nimport type { DropdownItem } from \"../Dropdown/types\";\nimport { enabledTradeModesAtom } from \"@/core/state/enabledTradeModesAtom\";\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"@/components/ui/button\";\n\nconst tradeModeLabel: Record<TradeMode, string> = {\n  swap: \"Swap\",\n  limit: \"Limit\",\n  otc: \"OTC\",\n  twap: \"TWAP\",\n};\n\nexport const TradeModeSwitcher = ({ asDropdown }: { asDropdown?: boolean }) => {\n  const setTradeMode = useSetAtom(userTradeModeAtom);\n  const tradeMode = useAtomValue(tradeModeAtom);\n  const enabledTradeModes = useAtomValue(enabledTradeModesAtom);\n  const isDisabled = enabledTradeModes.length <= 1;\n\n  if (isDisabled)\n    return <MenuTrigger tradeMode={tradeMode} isDisabled={isDisabled} />;\n\n  const items = enabledTradeModes.map((mode) => ({\n    label: tradeModeLabel[mode],\n    onSelect: () => setTradeMode(mode),\n    selected: tradeMode === mode,\n  })) satisfies DropdownItem[];\n\n  if (asDropdown) {\n    return (\n      <DropdownWithItems\n        menuTrigger={\n          <MenuTrigger tradeMode={tradeMode} isDisabled={isDisabled} />\n        }\n        items={items}\n      />\n    );\n  }\n\n  return <TradeModesRow tradeModeItems={items} />;\n};\n\nconst MenuTrigger = ({\n  tradeMode,\n  isDisabled,\n}: {\n  tradeMode: TradeMode;\n  isDisabled: boolean;\n}) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 font-medium text-contrast-3 dark:text-contrast-8\",\n        {\n          \"cursor-pointer\": !isDisabled,\n        }\n      )}\n    >\n      {tradeModeLabel[tradeMode]}{\" \"}\n      {!isDisabled && (\n        <ChevronIcon width={8} className=\"pt-[2px] dark:text-contrast-5\" />\n      )}\n    </div>\n  );\n};\n\ntype RelaxedDropdownItem = Omit<DropdownItem, \"label\" | \"onSelect\"> & {\n  label: string; // allows to pass key={label}\n  onSelect: () => void; // allows to pass onClick={onSelect}\n};\n\nconst TradeModesRow = ({\n  tradeModeItems,\n}: {\n  tradeModeItems: RelaxedDropdownItem[];\n}) => {\n  return (\n    <div className=\"flex items-center gap-6\">\n      {tradeModeItems.map(({ selected, label, onSelect }) => (\n        <Button\n          variant=\"ghost\"\n          key={label}\n          className={cn(\n            \"cursor-pointer text-contrast-5 font-medium text-base p-0 hover:bg-transparent dark:hover:bg-transparent h-min\",\n            { \"text-contrast-3 dark:text-contrast-9\": selected }\n          )}\n          onClick={onSelect}\n        >\n          {label}\n        </Button>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAe/C,OAAO,EAAY,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAWpE,eAAO,MAAM,iBAAiB,GAAI,4CAG/B;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,IAAI,CACN,uBAAuB,EACvB,iBAAiB,GAAG,eAAe,GAAG,QAAQ,CAC/C,4CAyDA,CAAC"}
+{"version":3,"file":"LimitOrderDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAoB/C,OAAO,EAAY,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAWpE,eAAO,MAAM,iBAAiB,GAAI,4CAG/B;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,IAAI,CACN,uBAAuB,EACvB,iBAAiB,GAAG,eAAe,GAAG,QAAQ,CAC/C,4CAqEA,CAAC"}

package/dist/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.js

@@ -1,84 +1,94 @@
 import { isTruthy as e } from "../../../../lib/utils/index.js";
 import { HALF_MINUTE_MS as t } from "../../../../lib/constants/time.js";
-import { DeltaOrderStatusChecker as n } from "../../../../hooks/swap/prices/delta/orders/utils.js";
-import { useWatchDeltaAuction as r } from "../../../../hooks/swap/prices/delta/queries/useWatchDeltaOrder.js";
-import { DetailWithValueList as i } from "../../Details/DetailWithValueList.js";
-import { isLimitOrderWithExtra as a } from "../utils.js";
-import { PayReceiveInfo as o } from "../../PayReceiveInfo/PayReceiveInfo.js";
-import { constructExpiresInDetail as s, constructOrderRateDetail as c, constructOrderStatusDetail as l, constructOrderTypeDetail as u, constructPayReceiveInfoProps as d, constructSubmitDateDetail as f } from "./utils.js";
-import { Controls as p } from "./Controls.js";
-import { c as m } from "react-compiler-runtime";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { DeltaOrderStatusChecker as n, isTwapAuction as r } from "../../../../hooks/swap/prices/delta/orders/utils.js";
+import { useWatchDeltaAuction as i } from "../../../../hooks/swap/prices/delta/queries/useWatchDeltaOrder.js";
+import { DetailWithValueList as a } from "../../Details/DetailWithValueList.js";
+import { isLimitOrderWithExtra as o } from "../utils.js";
+import { PayReceiveInfo as s } from "../../PayReceiveInfo/PayReceiveInfo.js";
+import { constructExpiresInDetail as c, constructOrderRateDetail as l, constructOrderStatusDetail as u, constructOrderTypeDetail as d, constructPayReceiveInfoProps as f, constructSubmitDateDetail as p, constructTwapDurationDetail as m, constructTwapSplitsDetail as h } from "./utils.js";
+import { Controls as g } from "./Controls.js";
+import { c as _ } from "react-compiler-runtime";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx
-var _ = {
+var b = {
 	root: "pt-4 gap-4",
 	title: "text-contrast-5 dark:text-contrast-6",
 	value: "text-contrast-4 dark:text-contrast-6"
-}, v = (v) => {
-	let y = m(34), b, x;
-	y[0] === v ? (b = y[1], x = y[2]) : ({order: x, ...b} = v, y[0] = v, y[1] = b, y[2] = x);
-	let S = x.id, C;
-	y[3] === x.status ? C = y[4] : (C = n.completed.has(x.status), y[3] = x.status, y[4] = C);
-	let w = !C, T;
-	y[5] !== x.extra || y[6] !== x.itemType ? (T = (e) => e ? {
+}, x = (x) => {
+	let S = _(40), C, w;
+	S[0] === x ? (C = S[1], w = S[2]) : ({order: w, ...C} = x, S[0] = x, S[1] = C, S[2] = w);
+	let T = w.id, E;
+	S[3] === w.status ? E = S[4] : (E = n.completed.has(w.status), S[3] = w.status, S[4] = E);
+	let D = !E, O;
+	S[5] !== w.extra || S[6] !== w.itemType ? (O = (e) => e ? {
 		...e,
-		extra: x.extra,
-		itemType: x.itemType
-	} : null, y[5] = x.extra, y[6] = x.itemType, y[7] = T) : T = y[7];
-	let E, D, O;
-	y[8] === b?.logger ? (E = y[9], D = y[10], O = y[11]) : (E = (e) => {
-		b?.logger?.log("Delta Order success", e);
-	}, D = (e) => {
-		b?.logger?.log("Delta Order failure", e);
-	}, O = (e) => {
-		b?.logger?.log("Delta Order updated", e);
-	}, y[8] = b?.logger, y[9] = E, y[10] = D, y[11] = O);
-	let k;
-	y[12] !== x.id || y[13] !== w || y[14] !== T || y[15] !== E || y[16] !== D || y[17] !== O ? (k = {
-		orderId: S,
+		extra: w.extra,
+		itemType: w.itemType
+	} : null, S[5] = w.extra, S[6] = w.itemType, S[7] = O) : O = S[7];
+	let k, A, j;
+	S[8] === C?.logger ? (k = S[9], A = S[10], j = S[11]) : (k = (e) => {
+		C?.logger?.log("Delta Order success", e);
+	}, A = (e) => {
+		C?.logger?.log("Delta Order failure", e);
+	}, j = (e) => {
+		C?.logger?.log("Delta Order updated", e);
+	}, S[8] = C?.logger, S[9] = k, S[10] = A, S[11] = j);
+	let M;
+	S[12] !== w.id || S[13] !== D || S[14] !== O || S[15] !== k || S[16] !== A || S[17] !== j ? (M = {
+		orderId: T,
 		refetchInterval: t,
-		enabled: w,
-		select: T,
-		onAuctionSuccess: E,
-		onAuctionFailure: D,
-		onUpdatedAuction: O
-	}, y[12] = x.id, y[13] = w, y[14] = T, y[15] = E, y[16] = D, y[17] = O, y[18] = k) : k = y[18];
-	let { data: A } = r(k), j = A ?? x, M;
-	y[19] === j ? M = y[20] : (M = a(j) && d(j), y[19] = j, y[20] = M);
-	let N = M, P;
-	if (y[21] !== j) {
-		let t = n.pending.has(j.status) || n.executing.has(j.status);
-		P = [
-			f(j),
-			t && s({ deadline: j.order.deadline }),
-			c(j),
-			l(j),
-			u(j)
-		].filter(e), y[21] = j, y[22] = P;
-	} else P = y[22];
-	let F = P, I;
-	y[23] === N ? I = y[24] : (I = N && /* @__PURE__ */ h(o, { ...N }), y[23] = N, y[24] = I);
-	let L;
-	y[25] === F ? L = y[26] : (L = /* @__PURE__ */ h(i, {
-		details: F,
-		classes: _
-	}), y[25] = F, y[26] = L);
+		enabled: D,
+		select: O,
+		onAuctionSuccess: k,
+		onAuctionFailure: A,
+		onUpdatedAuction: j
+	}, S[12] = w.id, S[13] = D, S[14] = O, S[15] = k, S[16] = A, S[17] = j, S[18] = M) : M = S[18];
+	let { data: N } = i(M), P = N ?? w, F;
+	S[19] === P ? F = S[20] : (F = o(P) && f(P), S[19] = P, S[20] = F);
+	let I = F, L;
+	if (S[21] !== P) {
+		let t = n.pending.has(P.status) || n.executing.has(P.status);
+		if (r(P)) {
+			let e = p(P), t = l(P), n = m(P), r = h(P), i = u(P), a;
+			S[23] !== e || S[24] !== t || S[25] !== n || S[26] !== r || S[27] !== i ? (a = [
+				e,
+				t,
+				n,
+				r,
+				i
+			], S[23] = e, S[24] = t, S[25] = n, S[26] = r, S[27] = i, S[28] = a) : a = S[28], L = a;
+		} else L = [
+			p(P),
+			t && c({ deadline: P.order.deadline }),
+			l(P),
+			u(P),
+			d(P)
+		].filter(e);
+		S[21] = P, S[22] = L;
+	} else L = S[22];
 	let R;
-	y[27] !== b || y[28] !== j ? (R = /* @__PURE__ */ h(p, {
-		order: j,
-		...b
-	}), y[27] = b, y[28] = j, y[29] = R) : R = y[29];
+	S[29] === I ? R = S[30] : (R = I && /* @__PURE__ */ v(s, { ...I }), S[29] = I, S[30] = R);
 	let z;
-	return y[30] !== I || y[31] !== L || y[32] !== R ? (z = /* @__PURE__ */ g("div", {
+	S[31] === L ? z = S[32] : (z = /* @__PURE__ */ v(a, {
+		details: L,
+		classes: b
+	}), S[31] = L, S[32] = z);
+	let B;
+	S[33] !== C || S[34] !== P ? (B = /* @__PURE__ */ v(g, {
+		order: P,
+		...C
+	}), S[33] = C, S[34] = P, S[35] = B) : B = S[35];
+	let V;
+	return S[36] !== R || S[37] !== z || S[38] !== B ? (V = /* @__PURE__ */ y("div", {
 		className: "px-6 pb-8 min-h-[470px] flex flex-col",
 		children: [
-			I,
-			L,
-			R
+			R,
+			z,
+			B
 		]
-	}), y[30] = I, y[31] = L, y[32] = R, y[33] = z) : z = y[33], z;
+	}), S[36] = R, S[37] = z, S[38] = B, S[39] = V) : V = S[39], V;
 };
 //#endregion
-export { v as LimitOrderDetails };
+export { x as LimitOrderDetails };
 
 //# sourceMappingURL=LimitOrderDetails.js.map

package/dist/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderDetails.js","names":["LimitOrderItem","DetailWithValueList","isTruthy","DetailWithValue","DeltaOrderStatusChecker","PayReceiveInfo","constructExpiresInDetail","constructOrderRateDetail","constructOrderStatusDetail","constructOrderTypeDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","Controls","LimitOrderControlsProps","isLimitOrderWithExtra","useWatchDeltaAuction","HALF_MINUTE_MS","detailsClasses","root","title","value","LimitOrderDetails","t0","$","_c","controlsProps","selectedOrder","order","t1","id","t2","status","completed","has","t3","t4","extra","itemType","auction","t5","t6","t7","logger","log","order_0","order_1","t8","orderId","refetchInterval","enabled","select","onAuctionSuccess","onAuctionFailure","onUpdatedAuction","data","lastDeltaOrderState","order_2","t9","payReceiveInfoProps","t10","overallPending","pending","executing","deadline","filter","details","t11","t12","t13","t14"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"sourcesContent":["import type { LimitOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { DeltaOrderStatusChecker } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructOrderStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"./utils\";\n\nimport { Controls, type LimitOrderControlsProps } from \"./Controls\";\nimport { isLimitOrderWithExtra } from \"../utils\";\nimport { useWatchDeltaAuction } from \"@/hooks/swap/prices/delta/queries/useWatchDeltaOrder\";\nimport { HALF_MINUTE_MS } from \"@/lib/constants/time\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const LimitOrderDetails = ({\n  order: selectedOrder,\n  ...controlsProps\n}: {\n  order: LimitOrderItem;\n  onDismiss: () => void;\n} & Pick<\n  LimitOrderControlsProps,\n  \"onCancelSuccess\" | \"onCancelError\" | \"logger\"\n>) => {\n  // @TODO polling for OtcOrdeItem\n  // Watch delta order if it's selected to get real-time updates on its status\n  const { data: lastDeltaOrderState } =\n    useWatchDeltaAuction<LimitOrderItem | null>({\n      orderId: selectedOrder.id,\n      refetchInterval: HALF_MINUTE_MS,\n      enabled:\n        // do not enable extra fetch for completed orders\n        !DeltaOrderStatusChecker.completed.has(selectedOrder.status),\n      select: (auction) => {\n        if (!auction) return null;\n        return {\n          ...auction,\n          // reuse existing order item data\n          extra: selectedOrder.extra,\n          itemType: selectedOrder.itemType,\n        };\n      },\n      onAuctionSuccess: (order) => {\n        controlsProps?.logger?.log(\"Delta Order success\", order);\n      },\n      onAuctionFailure: (order) => {\n        controlsProps?.logger?.log(\"Delta Order failure\", order);\n      },\n      onUpdatedAuction: (order) => {\n        controlsProps?.logger?.log(\"Delta Order updated\", order);\n      },\n    });\n\n  const order = lastDeltaOrderState ?? selectedOrder;\n\n  const payReceiveInfoProps =\n    isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(order.status) ||\n    DeltaOrderStatusChecker.executing.has(order.status);\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail(order),\n    overallPending &&\n      constructExpiresInDetail({\n        deadline: order.order.deadline,\n      }),\n    constructOrderRateDetail(order),\n    constructOrderStatusDetail(order),\n    constructOrderTypeDetail(order),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 min-h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...controlsProps} />\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"LimitOrderDetails.js","names":["LimitOrderItem","DetailWithValueList","isTruthy","DetailWithValue","DeltaOrderStatusChecker","isTwapAuction","PayReceiveInfo","constructExpiresInDetail","constructOrderRateDetail","constructTwapSplitsDetail","constructOrderStatusDetail","constructOrderTypeDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","constructTwapDurationDetail","Controls","LimitOrderControlsProps","isLimitOrderWithExtra","useWatchDeltaAuction","HALF_MINUTE_MS","detailsClasses","root","title","value","LimitOrderDetails","t0","$","_c","controlsProps","selectedOrder","order","t1","id","t2","status","completed","has","t3","t4","extra","itemType","auction","t5","t6","t7","logger","log","order_0","order_1","t8","orderId","refetchInterval","enabled","select","onAuctionSuccess","onAuctionFailure","onUpdatedAuction","data","lastDeltaOrderState","order_2","t9","payReceiveInfoProps","details","overallPending","pending","executing","isTwap","t10","t11","t12","t13","t14","t15","deadline","filter"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"sourcesContent":["import type { LimitOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport {\n  DeltaOrderStatusChecker,\n  isTwapAuction,\n} from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructTwapSplitsDetail,\n  constructOrderStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n  constructTwapDurationDetail,\n} from \"./utils\";\n\nimport { Controls, type LimitOrderControlsProps } from \"./Controls\";\nimport { isLimitOrderWithExtra } from \"../utils\";\nimport { useWatchDeltaAuction } from \"@/hooks/swap/prices/delta/queries/useWatchDeltaOrder\";\nimport { HALF_MINUTE_MS } from \"@/lib/constants/time\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const LimitOrderDetails = ({\n  order: selectedOrder,\n  ...controlsProps\n}: {\n  order: LimitOrderItem;\n  onDismiss: () => void;\n} & Pick<\n  LimitOrderControlsProps,\n  \"onCancelSuccess\" | \"onCancelError\" | \"logger\"\n>) => {\n  // @TODO polling for OtcOrdeItem\n  // Watch delta order if it's selected to get real-time updates on its status\n  const { data: lastDeltaOrderState } =\n    useWatchDeltaAuction<LimitOrderItem | null>({\n      orderId: selectedOrder.id,\n      refetchInterval: HALF_MINUTE_MS,\n      enabled:\n        // do not enable extra fetch for completed orders\n        !DeltaOrderStatusChecker.completed.has(selectedOrder.status),\n      select: (auction) => {\n        if (!auction) return null;\n        return {\n          ...auction,\n          // reuse existing order item data\n          extra: selectedOrder.extra,\n          itemType: selectedOrder.itemType,\n        };\n      },\n      onAuctionSuccess: (order) => {\n        controlsProps?.logger?.log(\"Delta Order success\", order);\n      },\n      onAuctionFailure: (order) => {\n        controlsProps?.logger?.log(\"Delta Order failure\", order);\n      },\n      onUpdatedAuction: (order) => {\n        controlsProps?.logger?.log(\"Delta Order updated\", order);\n      },\n    });\n\n  const order = lastDeltaOrderState ?? selectedOrder;\n\n  const payReceiveInfoProps =\n    isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(order.status) ||\n    DeltaOrderStatusChecker.executing.has(order.status);\n  const isTwap = isTwapAuction(order);\n\n  let details: DetailWithValue[];\n  if (isTwap) {\n    details = [\n      constructSubmitDateDetail(order),\n      constructOrderRateDetail(order),\n      constructTwapDurationDetail(order),\n      constructTwapSplitsDetail(order),\n      constructOrderStatusDetail(order),\n    ];\n  } else {\n    details = [\n      constructSubmitDateDetail(order),\n      overallPending &&\n        constructExpiresInDetail({\n          deadline: order.order.deadline,\n        }),\n      constructOrderRateDetail(order),\n      constructOrderStatusDetail(order),\n      constructOrderTypeDetail(order),\n    ].filter(isTruthy);\n  }\n\n  return (\n    <div className=\"px-6 pb-8 min-h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...controlsProps} />\n    </div>\n  );\n};\n"],"mappings":"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"}