@velora-dex/widget 0.7.4-dev.0 → 0.8.0

package/dist/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,9 @@
+import { WithClasses } from '../../types/withClasses';
+export declare const SearchInput: ({ value, onChange, classes, onClear, afterClearElement, placeholder, }: {
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear?: () => void;
+    afterClearElement?: React.ReactNode;
+    placeholder?: string;
+} & WithClasses<"input">) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/components/SearchInput/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,eAAO,MAAM,WAAW,GAAI,wEAOzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,WAAW,CAAC,OAAO,CAAC,4CAgCvB,CAAC"}

package/dist/components/SearchInput/SearchInput.js

@@ -0,0 +1,41 @@
+import { cn as e } from "../../lib/utils/index.js";
+import { Input as t } from "../ui/input.js";
+import { c as n } from "react-compiler-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { SearchIcon as a, X as o } from "lucide-react";
+//#region src/components/SearchInput/SearchInput.tsx
+var s = (s) => {
+	let c = n(15), { value: l, onChange: u, classes: d, onClear: f, afterClearElement: p, placeholder: m } = s, h = d?.input, g;
+	c[0] === h ? g = c[1] : (g = e("h-[48px] pl-[42px] pr-[86px] dark:bg-contrast-1 placeholder:text-xs", h), c[0] = h, c[1] = g);
+	let _;
+	c[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ r(a, {
+		className: "stroke-contrast-5 dark:stroke-contrast-4",
+		size: 20
+	}), c[2] = _) : _ = c[2];
+	let v;
+	c[3] !== f || c[4] !== l ? (v = !!l && f && /* @__PURE__ */ r(o, {
+		onClick: f,
+		cursor: "pointer",
+		size: 20,
+		className: "text-contrast-5 dark:text-contrast-6"
+	}), c[3] = f, c[4] = l, c[5] = v) : v = c[5];
+	let y;
+	c[6] !== p || c[7] !== v ? (y = /* @__PURE__ */ i("div", {
+		className: "flex items-center gap-2",
+		children: [v, p]
+	}), c[6] = p, c[7] = v, c[8] = y) : y = c[8];
+	let b;
+	return c[9] !== u || c[10] !== m || c[11] !== g || c[12] !== y || c[13] !== l ? (b = /* @__PURE__ */ r(t, {
+		value: l,
+		onChange: u,
+		className: g,
+		placeholder: m,
+		startAdornment: _,
+		endAdornment: y,
+		autoFocus: !0
+	}), c[9] = u, c[10] = m, c[11] = g, c[12] = y, c[13] = l, c[14] = b) : b = c[14], b;
+};
+//#endregion
+export { s as SearchInput };
+
+//# sourceMappingURL=SearchInput.js.map

package/dist/components/SearchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","names":["cn","Input","SearchIcon","X","WithClasses","SearchInput","t0","$","_c","value","onChange","classes","onClear","afterClearElement","placeholder","t1","input","t2","t3","Symbol","for","t4","t5","t6"],"sources":["../../../src/components/SearchInput/SearchInput.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { Input } from \"../ui/input\";\nimport { SearchIcon, X } from \"lucide-react\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const SearchInput = ({\n  value,\n  onChange,\n  classes,\n  onClear,\n  afterClearElement,\n  placeholder,\n}: {\n  value: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onClear?: () => void;\n  afterClearElement?: React.ReactNode;\n  placeholder?: string;\n} & WithClasses<\"input\">) => {\n  return (\n    <Input\n      value={value}\n      onChange={onChange}\n      className={cn(\n        \"h-[48px] pl-[42px] pr-[86px] dark:bg-contrast-1 placeholder:text-xs\",\n        classes?.input\n      )}\n      placeholder={placeholder}\n      startAdornment={\n        <SearchIcon\n          className=\"stroke-contrast-5 dark:stroke-contrast-4\"\n          size={20}\n        />\n      }\n      endAdornment={\n        <div className=\"flex items-center gap-2\">\n          {!!value && onClear && (\n            <X\n              onClick={onClear}\n              cursor=\"pointer\"\n              size={20}\n              className=\"text-contrast-5 dark:text-contrast-6\"\n            />\n          )}\n          {afterClearElement}\n        </div>\n      }\n      autoFocus\n    />\n  );\n};\n"],"mappings":";;;;;;AAKA,IAAaK,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,aAAAC,YAAAC,YAAAC,sBAAAC,mBAAAR,GAoBpBS,IAAAJ,GAAOK,OAAOC;AAAA,CAAAV,EAAA,OAAAQ,IACfE,IAAAV,EAAA,MAHUU,IAAAjB,EACT,uEACAe,EACD,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAU;CAAA,IAAAC;AAAA,CAAAX,EAAA,OAAAY,OAAAC,IAAA,4BAAA,IAGCF,IAAA,kBAAC,GAAD;EACY,WAAA;EACJ,MAAA;EACN,CAAA,EAAAX,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAAA,IAAAc;AAAA,CAAAd,EAAA,OAAAK,KAAAL,EAAA,OAAAE,KAICY,IAAA,CAAC,CAACZ,KAAFG,KACC,kBAAC,GAAD;EACWA,SAAAA;EACF,QAAA;EACD,MAAA;EACI,WAAA;EAEb,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAE,GAAAF,EAAA,KAAAc,KAAAA,IAAAd,EAAA;CAAA,IAAAe;AAAA,CAAAf,EAAA,OAAAM,KAAAN,EAAA,OAAAc,KARHC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACGD,GAQAR,EACG;KAAAN,EAAA,KAAAM,GAAAN,EAAA,KAAAc,GAAAd,EAAA,KAAAe,KAAAA,IAAAf,EAAA;CAAA,IAAAgB;AAGR,QAHQhB,EAAA,OAAAG,KAAAH,EAAA,QAAAO,KAAAP,EAAA,QAAAU,KAAAV,EAAA,QAAAe,KAAAf,EAAA,QAAAE,KAzBVc,IAAA,kBAAC,GAAD;EACSd;EACGC;EACC,WAAAO;EAIEH;EAEX,gBAAAI;EAMA,cAAAI;EAYF,WAAA;EACA,CAAA,EAAAf,EAAA,KAAAG,GAAAH,EAAA,MAAAO,GAAAP,EAAA,MAAAU,GAAAV,EAAA,MAAAe,GAAAf,EAAA,MAAAE,GAAAF,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KA5BFgB"}

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,4CAgEzD,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;AAqBvD,eAAO,MAAM,SAAS,GAAI,aAAa,WAAW,CAAC,MAAM,CAAC,4CAgEzD,CAAC"}

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

@@ -15,8 +15,11 @@ import { useState as p } from "react";
 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(42), { classes: y } = _, { address: b } = g(), x = a(), [S, C] = p(!1), w;
+function _() {
+	return a();
+}
+var v = (a) => {
+	let v = f(42), { classes: y } = a, { address: b } = g(), x = _(), [S, C] = p(!1), w;
 	v[0] === x ? w = v[1] : (w = {
 		drawerId: "trade-parameters-drawer",
 		onOpen: x
@@ -82,6 +85,6 @@ var _ = (_) => {
 	}), v[37] = W, v[38] = K, v[39] = q, v[40] = Z, v[41] = Q) : Q = v[41], Q;
 };
 //#endregion
-export { _ as AppHeader };
+export { v as AppHeader };
 
 //# sourceMappingURL=AppHeader.js.map

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","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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"}
+{"version":3,"file":"AppHeader.js","names":["useState","WithClasses","cn","useDrawerControls","ControlledDrawer","TradeParameters","useIsNotDefaultAnyParameter","AccountButton","ActivityButton","TradeModeSwitcher","useAccount","useAtomValue","excludeUIAtom","SettingsButton","useResetDraftBridgePreferences","useResetDraftPreferencesState","resetDraftBridgePreferences","AppHeader","t0","$","_c","classes","address","account","resetDraftPreferencesState","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\nfunction useResetDraftPreferencesState() {\n  const resetDraftBridgePreferences = useResetDraftBridgePreferences();\n\n  return resetDraftBridgePreferences;\n}\n\nexport const AppHeader = ({ classes }: WithClasses<\"root\">) => {\n  const { address: account } = useAccount();\n\n  const resetDraftPreferencesState = useResetDraftPreferencesState();\n  const [showDegenConfirmation, setShowDegenConfirmation] = useState(false);\n\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: \"trade-parameters-drawer\",\n    onOpen: resetDraftPreferencesState,\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/BridgeList/BridgeProtocolsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BridgeProtocolsList.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/BridgeList/BridgeProtocolsList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAExF,eAAO,MAAM,mBAAmB,GAAI,gEAIjC;IACD,eAAe,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IACvD,eAAe,EAAE,eAAe,CAAC;IACjC,uBAAuB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CAC7D,4CA0CA,CAAC"}
+{"version":3,"file":"BridgeProtocolsList.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/BridgeList/BridgeProtocolsList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAExF,eAAO,MAAM,mBAAmB,GAAI,gEAIjC;IACD,eAAe,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IACvD,eAAe,EAAE,eAAe,CAAC;IACjC,uBAAuB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CAC7D,4CA0CA,CAAC"}

package/dist/components/widget/BridgeList/BridgeProtocolsList.js

@@ -1,84 +1,65 @@
 import { emptyArray as e } from "../../../lib/constants/index.js";
-import { cn as t } from "../../../lib/utils/index.js";
-import { Switch as n } from "../../ui/switch.js";
+import { Switch as t } from "../../ui/switch.js";
+import { ListItemWithSwitch as n } from "../ListItem/ListItemWithSwitch.js";
 import { c as r } from "react-compiler-runtime";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/widget/BridgeList/BridgeProtocolsList.tsx
-var o = (t) => {
-	let o = r(28), { bridgeProtocols: u, disabledBridges: d, onDisabledBridgesChange: f } = t, p;
-	o[0] === d ? p = o[1] : (p = new Set(d), o[0] = d, o[1] = p);
+var o = (o) => {
+	let l = r(28), { bridgeProtocols: u, disabledBridges: d, onDisabledBridgesChange: f } = o, p;
+	l[0] === d ? p = l[1] : (p = new Set(d), l[0] = d, l[1] = p);
 	let m = p, h;
-	o[2] === u ? h = o[3] : (h = u.map(l), o[2] = u, o[3] = h);
+	l[2] === u ? h = l[3] : (h = u.map(c), l[2] = u, l[3] = h);
 	let g = h, _ = d.length === 0, v;
-	o[4] !== g || o[5] !== f ? (v = (t) => {
+	l[4] !== g || l[5] !== f ? (v = (t) => {
 		f(t ? e : g);
-	}, o[4] = g, o[5] = f, o[6] = v) : v = o[6];
+	}, l[4] = g, l[5] = f, l[6] = v) : v = l[6];
 	let y = v, b;
-	o[7] !== d || o[8] !== f ? (b = (e, t) => {
+	l[7] !== d || l[8] !== f ? (b = (e, t) => {
 		f(e ? d.filter((e) => e !== t) : [...d, t]);
-	}, o[7] = d, o[8] = f, o[9] = b) : b = o[9];
+	}, l[7] = d, l[8] = f, l[9] = b) : b = l[9];
 	let x = b, S;
-	o[10] === u.length ? S = o[11] : (S = /* @__PURE__ */ a("div", {
+	l[10] === u.length ? S = l[11] : (S = /* @__PURE__ */ a("div", {
 		className: "text-sm dark:text-contrast-7",
 		children: [
 			"Enable All Bridges (",
 			u.length,
 			")"
 		]
-	}), o[10] = u.length, o[11] = S);
+	}), l[10] = u.length, l[11] = S);
 	let C;
-	o[12] !== _ || o[13] !== y ? (C = /* @__PURE__ */ i(n, {
+	l[12] !== _ || l[13] !== y ? (C = /* @__PURE__ */ i(t, {
 		checked: _,
 		onCheckedChange: y,
 		className: "cursor-pointer"
-	}), o[12] = _, o[13] = y, o[14] = C) : C = o[14];
+	}), l[12] = _, l[13] = y, l[14] = C) : C = l[14];
 	let w;
-	o[15] !== S || o[16] !== C ? (w = /* @__PURE__ */ a("div", {
+	l[15] !== S || l[16] !== C ? (w = /* @__PURE__ */ a("div", {
 		className: "flex items-center justify-between gap-2 py-4 border-b border-b-contrast-7 dark:border-b-contrast-3",
 		children: [S, C]
-	}), o[15] = S, o[16] = C, o[17] = w) : w = o[17];
+	}), l[15] = S, l[16] = C, l[17] = w) : w = l[17];
 	let T;
-	if (o[18] !== u || o[19] !== m || o[20] !== x) {
+	if (l[18] !== u || l[19] !== m || l[20] !== x) {
 		let e;
-		o[22] !== m || o[23] !== x ? (e = (e) => {
-			let { protocol: t, displayName: n, icon: r } = e;
-			return /* @__PURE__ */ i(s, {
-				label: /* @__PURE__ */ i(c, {
-					icon: r,
-					displayName: n
+		l[22] !== m || l[23] !== x ? (e = (e) => {
+			let { protocol: t, displayName: r, icon: a } = e;
+			return /* @__PURE__ */ i(n, {
+				label: /* @__PURE__ */ i(s, {
+					icon: a,
+					displayName: r
 				}),
 				checked: !m.has(t),
 				onCheckedChange: (e) => {
 					x(e, t);
 				}
 			}, t);
-		}, o[22] = m, o[23] = x, o[24] = e) : e = o[24], T = u.map(e), o[18] = u, o[19] = m, o[20] = x, o[21] = T;
-	} else T = o[21];
+		}, l[22] = m, l[23] = x, l[24] = e) : e = l[24], T = u.map(e), l[18] = u, l[19] = m, l[20] = x, l[21] = T;
+	} else T = l[21];
 	let E;
-	return o[25] !== w || o[26] !== T ? (E = /* @__PURE__ */ a("div", {
+	return l[25] !== w || l[26] !== T ? (E = /* @__PURE__ */ a("div", {
 		className: "px-6 h-[420px] overflow-auto",
 		children: [w, T]
-	}), o[25] = w, o[26] = T, o[27] = E) : E = o[27], E;
+	}), l[25] = w, l[26] = T, l[27] = E) : E = l[27], E;
 }, s = (e) => {
-	let o = r(11), { label: s, checked: c, onCheckedChange: l, classes: u } = e, d = u?.root, f;
-	o[0] === d ? f = o[1] : (f = t("flex items-center justify-between gap-2 py-4 border-b border-b-contrast-7 dark:border-b-contrast-3", d), o[0] = d, o[1] = f);
-	let p;
-	o[2] === s ? p = o[3] : (p = /* @__PURE__ */ i("div", {
-		className: "text-sm dark:text-contrast-7",
-		children: s
-	}), o[2] = s, o[3] = p);
-	let m;
-	o[4] !== c || o[5] !== l ? (m = /* @__PURE__ */ i(n, {
-		checked: c,
-		onCheckedChange: l,
-		className: "cursor-pointer"
-	}), o[4] = c, o[5] = l, o[6] = m) : m = o[6];
-	let h;
-	return o[7] !== f || o[8] !== p || o[9] !== m ? (h = /* @__PURE__ */ a("div", {
-		className: f,
-		children: [p, m]
-	}), o[7] = f, o[8] = p, o[9] = m, o[10] = h) : h = o[10], h;
-}, c = (e) => {
 	let t = r(6), { icon: n, displayName: o } = e, s;
 	t[0] !== o || t[1] !== n ? (s = /* @__PURE__ */ i("img", {
 		src: n,
@@ -91,7 +72,7 @@ var o = (t) => {
 		children: [s, o]
 	}), t[3] = o, t[4] = s, t[5] = c) : c = t[5], c;
 };
-function l(e) {
+function c(e) {
 	let { protocol: t } = e;
 	return t;
 }

package/dist/components/widget/BridgeList/BridgeProtocolsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"BridgeProtocolsList.js","names":["Switch","emptyArray","cn","WithClasses","BridgeProtocolResponse","NonEmptyArray","DisabledBridges","BridgeProtocolsList","t0","$","_c","bridgeProtocols","disabledBridges","onDisabledBridgesChange","t1","Set","disabledBridgesSet","t2","map","_temp","allProtocols","isAllEnabled","length","t3","checked","onEnableAllChange","t4","checked_0","protocol_0","disabledBridgesUpdate","filter","b","protocol","onItemChange","t5","t6","t7","t8","t9","t10","protocol_1","displayName","icon","has","checked_1","ProtocolItem","label","onCheckedChange","classes","root","BridgeNameWithIcon"],"sources":["../../../../src/components/widget/BridgeList/BridgeProtocolsList.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { emptyArray } from \"@/lib/constants\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport type { BridgeProtocolResponse } from \"@velora-dex/sdk\";\nimport type { NonEmptyArray } from \"ts-essentials\";\nimport type { DisabledBridges } from \"../TradeParameters/state/bridgePreferences/types\";\n\nexport const BridgeProtocolsList = ({\n  bridgeProtocols,\n  disabledBridges,\n  onDisabledBridgesChange,\n}: {\n  bridgeProtocols: NonEmptyArray<BridgeProtocolResponse>;\n  disabledBridges: DisabledBridges;\n  onDisabledBridgesChange: (bridges: DisabledBridges) => void;\n}) => {\n  // faster lookup when checking individual items\n  const disabledBridgesSet = new Set(disabledBridges);\n\n  const allProtocols = bridgeProtocols.map(({ protocol }) => protocol);\n  const isAllEnabled = disabledBridges.length === 0;\n\n  const onEnableAllChange = (checked: boolean) => {\n    onDisabledBridgesChange(checked ? emptyArray : allProtocols);\n  };\n\n  const onItemChange = (checked: boolean, protocol: string) => {\n    const disabledBridgesUpdate = checked\n      ? disabledBridges.filter((b) => b !== protocol)\n      : [...disabledBridges, protocol];\n    onDisabledBridgesChange(disabledBridgesUpdate);\n  };\n\n  return (\n    <div className=\"px-6 h-[420px] overflow-auto\">\n      <div className=\"flex items-center justify-between gap-2 py-4 border-b border-b-contrast-7 dark:border-b-contrast-3\">\n        <div className=\"text-sm dark:text-contrast-7\">\n          Enable All Bridges ({bridgeProtocols.length})\n        </div>\n        <Switch\n          checked={isAllEnabled}\n          onCheckedChange={onEnableAllChange}\n          className=\"cursor-pointer\"\n        />\n      </div>\n      {bridgeProtocols.map(({ protocol, displayName, icon }) => (\n        <ProtocolItem\n          key={protocol}\n          label={<BridgeNameWithIcon icon={icon} displayName={displayName} />}\n          checked={!disabledBridgesSet.has(protocol)}\n          onCheckedChange={(checked) => {\n            onItemChange(checked, protocol);\n          }}\n        />\n      ))}\n    </div>\n  );\n};\n\nconst ProtocolItem = ({\n  label,\n  checked,\n  onCheckedChange,\n  classes,\n}: {\n  label: React.ReactNode;\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n} & WithClasses<\"root\">) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-between gap-2 py-4 border-b border-b-contrast-7 dark:border-b-contrast-3\",\n        classes?.root\n      )}\n    >\n      <div className=\"text-sm dark:text-contrast-7\">{label}</div>\n      <Switch\n        checked={checked}\n        onCheckedChange={onCheckedChange}\n        className=\"cursor-pointer\"\n      />\n    </div>\n  );\n};\n\nconst BridgeNameWithIcon = ({\n  icon,\n  displayName,\n}: Pick<BridgeProtocolResponse, \"icon\" | \"displayName\">) => {\n  return (\n    <div className=\"text-sm dark:text-contrast-7 flex items-center gap-2\">\n      <img src={icon} alt={displayName} className=\"size-5.5\" />\n      {displayName}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"BridgeProtocolsList.js","names":["Switch","emptyArray","ListItemWithSwitch","BridgeProtocolResponse","NonEmptyArray","DisabledBridges","BridgeProtocolsList","t0","$","_c","bridgeProtocols","disabledBridges","onDisabledBridgesChange","t1","Set","disabledBridgesSet","t2","map","_temp","allProtocols","isAllEnabled","length","t3","checked","onEnableAllChange","t4","checked_0","protocol_0","disabledBridgesUpdate","filter","b","protocol","onItemChange","t5","t6","t7","t8","t9","t10","protocol_1","displayName","icon","has","checked_1","BridgeNameWithIcon"],"sources":["../../../../src/components/widget/BridgeList/BridgeProtocolsList.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { emptyArray } from \"@/lib/constants\";\nimport { ListItemWithSwitch } from \"@/components/widget/ListItem/ListItemWithSwitch\";\nimport type { BridgeProtocolResponse } from \"@velora-dex/sdk\";\nimport type { NonEmptyArray } from \"ts-essentials\";\nimport type { DisabledBridges } from \"../TradeParameters/state/bridgePreferences/types\";\n\nexport const BridgeProtocolsList = ({\n  bridgeProtocols,\n  disabledBridges,\n  onDisabledBridgesChange,\n}: {\n  bridgeProtocols: NonEmptyArray<BridgeProtocolResponse>;\n  disabledBridges: DisabledBridges;\n  onDisabledBridgesChange: (bridges: DisabledBridges) => void;\n}) => {\n  // faster lookup when checking individual items\n  const disabledBridgesSet = new Set(disabledBridges);\n\n  const allProtocols = bridgeProtocols.map(({ protocol }) => protocol);\n  const isAllEnabled = disabledBridges.length === 0;\n\n  const onEnableAllChange = (checked: boolean) => {\n    onDisabledBridgesChange(checked ? emptyArray : allProtocols);\n  };\n\n  const onItemChange = (checked: boolean, protocol: string) => {\n    const disabledBridgesUpdate = checked\n      ? disabledBridges.filter((b) => b !== protocol)\n      : [...disabledBridges, protocol];\n    onDisabledBridgesChange(disabledBridgesUpdate);\n  };\n\n  return (\n    <div className=\"px-6 h-[420px] overflow-auto\">\n      <div className=\"flex items-center justify-between gap-2 py-4 border-b border-b-contrast-7 dark:border-b-contrast-3\">\n        <div className=\"text-sm dark:text-contrast-7\">\n          Enable All Bridges ({bridgeProtocols.length})\n        </div>\n        <Switch\n          checked={isAllEnabled}\n          onCheckedChange={onEnableAllChange}\n          className=\"cursor-pointer\"\n        />\n      </div>\n      {bridgeProtocols.map(({ protocol, displayName, icon }) => (\n        <ListItemWithSwitch\n          key={protocol}\n          label={<BridgeNameWithIcon icon={icon} displayName={displayName} />}\n          checked={!disabledBridgesSet.has(protocol)}\n          onCheckedChange={(checked) => {\n            onItemChange(checked, protocol);\n          }}\n        />\n      ))}\n    </div>\n  );\n};\n\nconst BridgeNameWithIcon = ({\n  icon,\n  displayName,\n}: Pick<BridgeProtocolResponse, \"icon\" | \"displayName\">) => {\n  return (\n    <div className=\"text-sm dark:text-contrast-7 flex items-center gap-2\">\n      <img src={icon} alt={displayName} className=\"size-5.5\" />\n      {displayName}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/Dialog/SelectTokenDialog/TokenSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenSearch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0ClD,CAAC"}
+{"version":3,"file":"TokenSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuBlD,CAAC"}

package/dist/components/widget/Dialog/SelectTokenDialog/TokenSearch.js

@@ -1,47 +1,25 @@
-import { cn as e } from "../../../../lib/utils/index.js";
-import { Input as t } from "../../../ui/input.js";
-import { CompactNetworkSwitcher as n } from "../../NetworkSwitcher/CompactNetworkSwitcher.js";
-import { c as r } from "react-compiler-runtime";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { SearchIcon as o, X as s } from "lucide-react";
+import { CompactNetworkSwitcher as e } from "../../NetworkSwitcher/CompactNetworkSwitcher.js";
+import { SearchInput as t } from "../../../SearchInput/SearchInput.js";
+import { c as n } from "react-compiler-runtime";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/widget/Dialog/SelectTokenDialog/TokenSearch.tsx
-var c = (c) => {
-	let l = r(16), { value: u, onChange: d, clearSearch: f, compactNetworkSwitcherProps: p, classes: m } = c, h = m?.input, g;
-	l[0] === h ? g = l[1] : (g = e("h-[48px] pl-[42px] pr-[86px] dark:bg-contrast-1 placeholder:text-xs", h), l[0] = h, l[1] = g);
-	let _;
-	l[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ i(o, {
-		className: "stroke-contrast-5 dark:stroke-contrast-4",
-		size: 20
-	}), l[2] = _) : _ = l[2];
-	let v;
-	l[3] !== f || l[4] !== u ? (v = !!u && /* @__PURE__ */ i(s, {
-		onClick: f,
-		cursor: "pointer",
-		size: 20,
-		className: "text-contrast-5 dark:text-contrast-6"
-	}), l[3] = f, l[4] = u, l[5] = v) : v = l[5];
-	let y;
-	l[6] === p ? y = l[7] : (y = p && /* @__PURE__ */ i(n, { ...p }), l[6] = p, l[7] = y);
-	let b;
-	l[8] !== v || l[9] !== y ? (b = /* @__PURE__ */ a("div", {
-		className: "flex items-center gap-2",
-		children: [v, y]
-	}), l[8] = v, l[9] = y, l[10] = b) : b = l[10];
-	let x;
-	return l[11] !== d || l[12] !== g || l[13] !== b || l[14] !== u ? (x = /* @__PURE__ */ i("div", {
+var i = (i) => {
+	let a = n(8), { value: o, onChange: s, clearSearch: c, compactNetworkSwitcherProps: l, classes: u } = i, d;
+	a[0] === l ? d = a[1] : (d = l && /* @__PURE__ */ r(e, { ...l }), a[0] = l, a[1] = d);
+	let f;
+	return a[2] !== u || a[3] !== c || a[4] !== s || a[5] !== d || a[6] !== o ? (f = /* @__PURE__ */ r("div", {
 		className: "px-4",
-		children: /* @__PURE__ */ i(t, {
-			value: u,
-			onChange: d,
-			className: g,
-			placeholder: "Search by name or address",
-			startAdornment: _,
-			endAdornment: b,
-			autoFocus: !0
+		children: /* @__PURE__ */ r(t, {
+			value: o,
+			onChange: s,
+			classes: u,
+			onClear: c,
+			afterClearElement: d,
+			placeholder: "Search by name or address"
 		})
-	}), l[11] = d, l[12] = g, l[13] = b, l[14] = u, l[15] = x) : x = l[15], x;
+	}), a[2] = u, a[3] = c, a[4] = s, a[5] = d, a[6] = o, a[7] = f) : f = a[7], f;
 };
 //#endregion
-export { c as TokenSearch };
+export { i as TokenSearch };
 
 //# sourceMappingURL=TokenSearch.js.map

package/dist/components/widget/Dialog/SelectTokenDialog/TokenSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSearch.js","names":["SearchIcon","X","Input","CompactNetworkSwitcher","TokenSearchProps","cn","TokenSearch","React","FC","t0","$","_c","value","onChange","clearSearch","compactNetworkSwitcherProps","classes","t1","input","t2","t3","Symbol","for","t4","t5","t6","t7"],"sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenSearch.tsx"],"sourcesContent":["import { SearchIcon, X } from \"lucide-react\";\nimport { Input } from \"@/components/ui/input\";\nimport { CompactNetworkSwitcher } from \"@/components/widget/NetworkSwitcher/CompactNetworkSwitcher\";\nimport type { TokenSearchProps } from \"./types\";\nimport { cn } from \"@/lib/utils\";\n\nexport const TokenSearch: React.FC<TokenSearchProps> = ({\n  value,\n  onChange,\n  clearSearch,\n  compactNetworkSwitcherProps,\n  classes,\n}) => {\n  return (\n    <div className=\"px-4\">\n      <Input\n        value={value}\n        onChange={onChange}\n        className={cn(\n          \"h-[48px] pl-[42px] pr-[86px] dark:bg-contrast-1 placeholder:text-xs\",\n          classes?.input\n        )}\n        placeholder=\"Search by name or address\"\n        startAdornment={\n          <SearchIcon\n            className=\"stroke-contrast-5 dark:stroke-contrast-4\"\n            size={20}\n          />\n        }\n        endAdornment={\n          <div className=\"flex items-center gap-2\">\n            {!!value && (\n              <X\n                onClick={clearSearch}\n                cursor=\"pointer\"\n                size={20}\n                className=\"text-contrast-5 dark:text-contrast-6\"\n              />\n            )}\n            {compactNetworkSwitcherProps && (\n              <CompactNetworkSwitcher {...compactNetworkSwitcherProps} />\n            )}\n          </div>\n        }\n        autoFocus\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAMA,IAAaM,KAA0CG,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,aAAAC,gBAAAC,gCAAAC,eAAAP,GAc9CQ,IAAAD,GAAOE,OAAOC;AAAA,CAAAT,EAAA,OAAAO,IACfE,IAAAT,EAAA,MAHUS,IAAAd,EACT,uEACAY,EACD,EAAAP,EAAA,KAAAO,GAAAP,EAAA,KAAAS;CAAA,IAAAC;AAAA,CAAAV,EAAA,OAAAW,OAAAC,IAAA,4BAAA,IAGCF,IAAA,kBAAC,GAAD;EACY,WAAA;EACJ,MAAA;EACN,CAAA,EAAAV,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAa;AAAA,CAAAb,EAAA,OAAAI,KAAAJ,EAAA,OAAAE,KAICW,IAAA,CAAC,CAACX,KACD,kBAAC,GAAD;EACWE,SAAAA;EACF,QAAA;EACD,MAAA;EACI,WAAA;EAEb,CAAA,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;AAAA,CAAAd,EAAA,OAAAK,IAGAS,IAAAd,EAAA,MAFAc,IAAAT,KACC,kBAAC,GAAD,EAAuB,GAAKA,GAC7B,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAc;CAAA,IAAAC;AAAA,CAAAf,EAAA,OAAAa,KAAAb,EAAA,OAAAc,KAXHC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACGF,GAQAC,EAGG;KAAAd,EAAA,KAAAa,GAAAb,EAAA,KAAAc,GAAAd,EAAA,MAAAe,KAAAA,IAAAf,EAAA;CAAA,IAAAgB;AAIN,QAJMhB,EAAA,QAAAG,KAAAH,EAAA,QAAAS,KAAAT,EAAA,QAAAe,KAAAf,EAAA,QAAAE,KA5BZc,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GACSd;GACGC;GACC,WAAAM;GAIC,aAAA;GAEV,gBAAAC;GAMA,cAAAK;GAcF,WAAA;GAEJ,CAAA;EAAM,CAAA,EAAAf,EAAA,MAAAG,GAAAH,EAAA,MAAAS,GAAAT,EAAA,MAAAe,GAAAf,EAAA,MAAAE,GAAAF,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KAhCNgB"}
+{"version":3,"file":"TokenSearch.js","names":["CompactNetworkSwitcher","TokenSearchProps","SearchInput","TokenSearch","React","FC","t0","$","_c","value","onChange","clearSearch","compactNetworkSwitcherProps","classes","t1","t2"],"sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenSearch.tsx"],"sourcesContent":["import { CompactNetworkSwitcher } from \"@/components/widget/NetworkSwitcher/CompactNetworkSwitcher\";\nimport type { TokenSearchProps } from \"./types\";\nimport { SearchInput } from \"@/components/SearchInput/SearchInput\";\n\nexport const TokenSearch: React.FC<TokenSearchProps> = ({\n  value,\n  onChange,\n  clearSearch,\n  compactNetworkSwitcherProps,\n  classes,\n}) => {\n  return (\n    <div className=\"px-4\">\n      <SearchInput\n        value={value}\n        onChange={onChange}\n        classes={classes}\n        onClear={clearSearch}\n        afterClearElement={\n          compactNetworkSwitcherProps && (\n            <CompactNetworkSwitcher {...compactNetworkSwitcherProps} />\n          )\n        }\n        placeholder=\"Search by name or address\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAA0CG,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,UAAAC,aAAAC,gBAAAC,gCAAAC,eAAAP,GAMvDQ;AAAA,CAAAP,EAAA,OAAAK,IAWUE,IAAAP,EAAA,MAFDO,IAAAF,KACE,kBAAC,GAAD,EAAuB,GAAKA,GAC7B,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAO;CAAA,IAAAC;AAID,QAJCR,EAAA,OAAAM,KAAAN,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KAAAH,EAAA,OAAAO,KAAAP,EAAA,OAAAE,KATPM,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GACSN;GACGC;GACDG;GACAF,SAAAA;GAEP,mBAAAG;GAIU,aAAA;GAEhB,CAAA;EAAM,CAAA,EAAAP,EAAA,KAAAM,GAAAN,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAO,GAAAP,EAAA,KAAAE,GAAAF,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IAbNQ"}

package/dist/components/widget/EnabledExchanges/EnabledExchanges.d.ts

@@ -0,0 +1,3 @@
+import { EnabledExchangesScreenProps } from './types';
+export declare const EnabledExchangesScreen: ({ onGoBack: _onGoBack, onClose: _onClose, initialDisabledDexes, }: EnabledExchangesScreenProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EnabledExchanges.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnabledExchanges.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/EnabledExchanges/EnabledExchanges.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAmC3D,eAAO,MAAM,sBAAsB,GAAI,mEAIpC,2BAA2B,4CAmD7B,CAAC"}

package/dist/components/widget/EnabledExchanges/EnabledExchanges.js

@@ -0,0 +1,81 @@
+import { useAtom as e } from "../../../core/store.js";
+import { emptyArray as t } from "../../../lib/constants/index.js";
+import { isFilledArray as n } from "../../../lib/utils/tuple.js";
+import { getDefaultDraftDisabledDexesForChain as r } from "../TradeParameters/state/tradePreferencesAtom.js";
+import { useSetScreen as i } from "../../../core/screen/state/hooks/useSetScreen.js";
+import { GenericScreen as a } from "../Screen/GenericScreen.js";
+import { SearchInput as o } from "../../SearchInput/SearchInput.js";
+import { EnabledExchangesList as s } from "./EnabledExchangesList.js";
+import { useDexesList as c } from "../../../hooks/swap/prices/market/queries/dexesList/useDexesList.js";
+import { c as l } from "react-compiler-runtime";
+import { useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { atom as m } from "jotai";
+import { useChainId as h } from "wagmi";
+//#region src/components/widget/EnabledExchanges/EnabledExchanges.tsx
+var g = { root: "min-h-[571px]" };
+function _(t) {
+	let n = l(8), i = h(), a;
+	bb0: {
+		if (t.chainId === i) {
+			let e;
+			n[0] !== t.chainId || n[1] !== t.disabledDexes ? (e = m({
+				disabledDexes: t.disabledDexes,
+				chainId: t.chainId
+			}), n[0] = t.chainId, n[1] = t.disabledDexes, n[2] = e) : e = n[2], a = e;
+			break bb0;
+		}
+		let e;
+		n[3] === i ? e = n[4] : (e = r(i), n[3] = i, n[4] = e), a = e;
+	}
+	let [o, s] = e(a), c;
+	return n[5] !== o || n[6] !== s ? (c = {
+		disabledDexes: o,
+		setDisabledDexes: s
+	}, n[5] = o, n[6] = s, n[7] = c) : c = n[7], c;
+}
+var v = (e) => {
+	let r = l(18), { onGoBack: m, onClose: h, initialDisabledDexes: v } = e, { closeScreen: y } = i(), { data: b } = c(), x = b === void 0 ? t : b, { disabledDexes: S, setDisabledDexes: C } = _(v), [w, T] = u(""), E;
+	if (r[0] !== x || r[1] !== w) {
+		let e = w.trim().toLowerCase();
+		E = e ? x.filter((t) => t.toLowerCase().includes(e)) : x, r[0] = x, r[1] = w, r[2] = E;
+	} else E = r[2];
+	let D = E, O = m || y, k;
+	r[3] !== h || r[4] !== S ? (k = () => h(S), r[3] = h, r[4] = S, r[5] = k) : k = r[5];
+	let A = k, j;
+	r[6] !== A || r[7] !== O ? (j = () => {
+		O(), A();
+	}, r[6] = A, r[7] = O, r[8] = j) : j = r[8];
+	let M;
+	r[9] !== x || r[10] !== S || r[11] !== D || r[12] !== w || r[13] !== C ? (M = n(x) && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
+		className: "px-6 pt-2 pb-1",
+		children: /* @__PURE__ */ f(o, {
+			value: w,
+			onChange: (e) => T(e.target.value),
+			onClear: () => T(""),
+			placeholder: "Search by exchange name"
+		})
+	}), /* @__PURE__ */ f(s, {
+		dexes: x,
+		filteredDexes: D,
+		disabledDexes: S.disabledDexes,
+		onDisableDexesChange: (e) => {
+			C({
+				disabledDexes: e,
+				chainId: S.chainId
+			});
+		}
+	})] }), r[9] = x, r[10] = S, r[11] = D, r[12] = w, r[13] = C, r[14] = M) : M = r[14];
+	let N;
+	return r[15] !== j || r[16] !== M ? (N = /* @__PURE__ */ f(a, {
+		showBackButton: !0,
+		title: "Enabled Exchanges",
+		onGoBack: j,
+		classes: g,
+		children: M
+	}), r[15] = j, r[16] = M, r[17] = N) : N = r[17], N;
+};
+//#endregion
+export { v as EnabledExchangesScreen };
+
+//# sourceMappingURL=EnabledExchanges.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnabledExchanges.js","names":["GenericScreen","useSetScreen","EnabledExchangesList","useDexesList","emptyArray","isFilledArray","useMemo","useState","EnabledExchangesScreenProps","SearchInput","useChainId","useAtom","atom","getDefaultDraftDisabledDexesForChain","screenClasses","root","const","useTempDisabledDexes","initDexes","$","_c","chainId","t0","bb0","t1","disabledDexes","setDisabledDexes","EnabledExchangesScreen","onGoBack","_onGoBack","onClose","_onClose","initialDisabledDexes","closeScreen","data","dexes","undefined","search","setSearch","t2","normalizedSearch","trim","toLowerCase","filter","dex","includes","filteredDexes","t3","t4","t5","e","target","value","updatedDisabledDexes","t6"],"sources":["../../../../src/components/widget/EnabledExchanges/EnabledExchanges.tsx"],"sourcesContent":["import { GenericScreen } from \"../Screen/GenericScreen\";\nimport { useSetScreen } from \"@/core/screen/state/hooks/useSetScreen\";\nimport { EnabledExchangesList } from \"./EnabledExchangesList\";\nimport { useDexesList } from \"@/hooks/swap/prices/market/queries/dexesList/useDexesList\";\nimport { emptyArray } from \"@/lib/constants\";\nimport { isFilledArray } from \"@/lib/utils/tuple\";\nimport { useMemo, useState } from \"react\";\nimport type { EnabledExchangesScreenProps } from \"./types\";\nimport { SearchInput } from \"@/components/SearchInput/SearchInput\";\nimport { useChainId } from \"wagmi\";\nimport { useAtom } from \"@/core/store\";\nimport { atom } from \"jotai\";\nimport { getDefaultDraftDisabledDexesForChain } from \"../TradeParameters/state/tradePreferencesAtom\";\n\nconst screenClasses = {\n  root: \"min-h-[571px]\",\n} as const;\n\nfunction useTempDisabledDexes(\n  initDexes: EnabledExchangesScreenProps[\"initialDisabledDexes\"]\n) {\n  const chainId = useChainId();\n  const [disabledDexes, setDisabledDexes] = useAtom(\n    // produces a new atom after chain switch\n    useMemo(() => {\n      // when just initialized from TradeParameters drawer\n      if (initDexes.chainId === chainId) {\n        return atom({\n          disabledDexes: initDexes.disabledDexes,\n          chainId: initDexes.chainId,\n        });\n      }\n      // after chain was possibly changed\n      return getDefaultDraftDisabledDexesForChain(chainId);\n    }, [chainId, initDexes.chainId, initDexes.disabledDexes])\n  );\n  return {\n    disabledDexes,\n    setDisabledDexes,\n  };\n}\n\nexport const EnabledExchangesScreen = ({\n  onGoBack: _onGoBack,\n  onClose: _onClose,\n  initialDisabledDexes,\n}: EnabledExchangesScreenProps) => {\n  const { closeScreen } = useSetScreen();\n  const { data: dexes = emptyArray } = useDexesList();\n\n  const { disabledDexes, setDisabledDexes } =\n    useTempDisabledDexes(initialDisabledDexes);\n  const [search, setSearch] = useState(\"\");\n\n  const normalizedSearch = search.trim().toLowerCase();\n  const filteredDexes = normalizedSearch\n    ? dexes.filter((dex) => dex.toLowerCase().includes(normalizedSearch))\n    : dexes;\n\n  const onGoBack = _onGoBack || closeScreen;\n  const onClose = () => _onClose(disabledDexes);\n\n  return (\n    <GenericScreen\n      showBackButton\n      title=\"Enabled Exchanges\"\n      onGoBack={() => {\n        onGoBack();\n        onClose();\n      }}\n      classes={screenClasses}\n    >\n      {isFilledArray(dexes) && (\n        <>\n          <div className=\"px-6 pt-2 pb-1\">\n            <SearchInput\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              onClear={() => setSearch(\"\")}\n              placeholder=\"Search by exchange name\"\n            />\n          </div>\n          <EnabledExchangesList\n            dexes={dexes}\n            filteredDexes={filteredDexes}\n            disabledDexes={disabledDexes.disabledDexes}\n            onDisableDexesChange={(updatedDisabledDexes) => {\n              setDisabledDexes({\n                disabledDexes: updatedDisabledDexes,\n                chainId: disabledDexes.chainId,\n              });\n            }}\n          />\n        </>\n      )}\n    </GenericScreen>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/EnabledExchanges/EnabledExchangesList.d.ts

@@ -0,0 +1,9 @@
+import { NonEmptyArray } from 'ts-essentials';
+import { DisabledDexes } from '../TradeParameters/state/enabledExchanges/types';
+export declare const EnabledExchangesList: ({ dexes, filteredDexes, disabledDexes, onDisableDexesChange, }: {
+    dexes: NonEmptyArray<DisabledDexes[number]>;
+    filteredDexes: DisabledDexes;
+    disabledDexes: DisabledDexes;
+    onDisableDexesChange: (disabledDexes: DisabledDexes) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EnabledExchangesList.d.ts.map

package/dist/components/widget/EnabledExchanges/EnabledExchangesList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnabledExchangesList.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/EnabledExchanges/EnabledExchangesList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAGrF,eAAO,MAAM,oBAAoB,GAAI,gEAKlC;IACD,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5C,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,aAAa,CAAC;IAC7B,oBAAoB,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;CAC9D,4CA2BA,CAAC"}

package/dist/components/widget/EnabledExchanges/EnabledExchangesList.js

@@ -0,0 +1,40 @@
+import { emptyArray as e } from "../../../lib/constants/index.js";
+import { EnabledList as t } from "../EnabledList/EnabledList.js";
+import { c as n } from "react-compiler-runtime";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/widget/EnabledExchanges/EnabledExchangesList.tsx
+var i = (i) => {
+	let s = n(17), { dexes: c, filteredDexes: l, disabledDexes: u, onDisableDexesChange: d } = i, f;
+	s[0] === u ? f = s[1] : (f = new Set(u), s[0] = u, s[1] = f);
+	let p = f, m = l.length > 0, h;
+	s[2] === p ? h = s[3] : (h = (e) => !p.has(e), s[2] = p, s[3] = h);
+	let g;
+	s[4] === u.length ? g = s[5] : (g = () => u.length === 0, s[4] = u.length, s[5] = g);
+	let _;
+	s[6] !== c || s[7] !== u || s[8] !== d ? (_ = (t) => {
+		let { item: n, all: r, enable: i } = t;
+		r ? d(i ? e : c) : n && d(i ? u.filter((e) => e !== n) : [...u, n]);
+	}, s[6] = c, s[7] = u, s[8] = d, s[9] = _) : _ = s[9];
+	let v = `Enable All Exchanges (${c.length})`, y;
+	return s[10] !== l || s[11] !== m || s[12] !== h || s[13] !== g || s[14] !== _ || s[15] !== v ? (y = /* @__PURE__ */ r(t, {
+		items: l,
+		getKey: a,
+		getLabel: o,
+		isEnabled: h,
+		isAllEnabled: g,
+		onEnable: _,
+		showEnableAll: m,
+		enableAllLabel: v,
+		noItemStatus: "No exchanges found"
+	}), s[10] = l, s[11] = m, s[12] = h, s[13] = g, s[14] = _, s[15] = v, s[16] = y) : y = s[16], y;
+};
+function a(e) {
+	return e;
+}
+function o(e) {
+	return e;
+}
+//#endregion
+export { i as EnabledExchangesList };
+
+//# sourceMappingURL=EnabledExchangesList.js.map

package/dist/components/widget/EnabledExchanges/EnabledExchangesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnabledExchangesList.js","names":["emptyArray","NonEmptyArray","DisabledDexes","EnabledList","EnabledExchangesList","t0","$","_c","dexes","filteredDexes","disabledDexes","onDisableDexesChange","t1","Set","disabledDexesSet","shouldShowAllSwitch","length","t2","dex_1","has","dex","t3","t4","t5","item","all","enable","newDisabledDexes","filter","d","t6","_temp","_temp2","dex_0"],"sources":["../../../../src/components/widget/EnabledExchanges/EnabledExchangesList.tsx"],"sourcesContent":["import { emptyArray } from \"@/lib/constants\";\nimport type { NonEmptyArray } from \"ts-essentials\";\nimport type { DisabledDexes } from \"../TradeParameters/state/enabledExchanges/types\";\nimport { EnabledList } from \"../EnabledList/EnabledList\";\n\nexport const EnabledExchangesList = ({\n  dexes,\n  filteredDexes,\n  disabledDexes,\n  onDisableDexesChange,\n}: {\n  dexes: NonEmptyArray<DisabledDexes[number]>;\n  filteredDexes: DisabledDexes;\n  disabledDexes: DisabledDexes;\n  onDisableDexesChange: (disabledDexes: DisabledDexes) => void;\n}) => {\n  const disabledDexesSet = new Set(disabledDexes);\n\n  const shouldShowAllSwitch = filteredDexes.length > 0;\n\n  return (\n    <EnabledList\n      items={filteredDexes}\n      getKey={(dex) => dex}\n      getLabel={(dex) => dex}\n      isEnabled={(dex) => !disabledDexesSet.has(dex)}\n      isAllEnabled={() => disabledDexes.length === 0}\n      onEnable={({ item, all, enable }) => {\n        if (all) {\n          onDisableDexesChange(enable ? emptyArray : dexes);\n        } else if (item) {\n          const newDisabledDexes = enable\n            ? disabledDexes.filter((d) => d !== item)\n            : [...disabledDexes, item];\n          onDisableDexesChange(newDisabledDexes);\n        }\n      }}\n      showEnableAll={shouldShowAllSwitch}\n      enableAllLabel={`Enable All Exchanges (${dexes.length})`}\n      noItemStatus={`No exchanges found`}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAuBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,kBAAAC,kBAAAC,4BAAAN,GAUpCO;AAAA,CAAAN,EAAA,OAAAI,IACgDE,IAAAN,EAAA,MAAtBM,IAAA,IAAIC,IAAIH,EAAc,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAM;CAA/C,IAAAE,IAAyBF,GAEzBG,IAA4BN,EAAaO,SAAU,GAAEC;AAAA,CAAAX,EAAA,OAAAQ,IAOHG,IAAAX,EAAA,MAAnCW,KAAAC,MAAS,CAACJ,EAAgBK,IAAKC,EAAI,EAAAd,EAAA,KAAAQ,GAAAR,EAAA,KAAAW;CAAA,IAAAI;AAAA,CAAAf,EAAA,OAAAI,EAAAM,SACAK,IAAAf,EAAA,MAAhCe,UAAMX,EAAaM,WAAY,GAACV,EAAA,KAAAI,EAAAM,QAAAV,EAAA,KAAAe;CAAA,IAAAC;AAAA,CAAAhB,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAAAJ,EAAA,OAAAK,KACpCW,KAAAC,MAAA;EAAC,IAAA,EAAAC,SAAAC,QAAAC,cAAAH;AACT,EAAIE,IACFd,EAAqBe,IAAA1B,IAAAQ,EAA4B,GACxCgB,KAITb,EAHyBe,IACrBhB,EAAakB,QAAQC,MAAOA,MAAML,EACV,GAFH,CAAA,GAEjBd,GAAec,EAAK,CACU;IAEzClB,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAgB,KAAAA,IAAAhB,EAAA;CAEe,IAAAiB,IAAA,yBAAyBf,EAAKQ,OAAO,IAAGc;AAExD,QAFwDxB,EAAA,QAAAG,KAAAH,EAAA,QAAAS,KAAAT,EAAA,QAAAW,KAAAX,EAAA,QAAAe,KAAAf,EAAA,QAAAgB,KAAAhB,EAAA,QAAAiB,KAjB1DO,IAAA,kBAAC,GAAD;EACSrB,OAAAA;EACC,QAAAsB;EACE,UAAAC;EACC,WAAAf;EACG,cAAAI;EACJ,UAAAC;EAUKP,eAAAA;EACC,gBAAAQ;EACF,cAAA;EACd,CAAA,EAAAjB,EAAA,MAAAG,GAAAH,EAAA,MAAAS,GAAAT,EAAA,MAAAW,GAAAX,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,GAAAhB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAwB,KAAAA,IAAAxB,EAAA,KAnBFwB;;AAhBgC,SAAAC,EAAAX,GAAA;AAAA,QAkBbA;;AAlBa,SAAAY,EAAAC,GAAA;AAAA,QAmBXb"}

package/dist/components/widget/EnabledExchanges/types.d.ts

@@ -0,0 +1,7 @@
+import { DisabledDexesState } from '../TradeParameters/state/enabledExchanges/types';
+export type EnabledExchangesScreenProps = {
+    onGoBack?: () => void;
+    initialDisabledDexes: DisabledDexesState;
+    onClose: (updatedPreferences: DisabledDexesState) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/widget/EnabledExchanges/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/EnabledExchanges/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAE1F,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oBAAoB,EAAE,kBAAkB,CAAC;IACzC,OAAO,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC3D,CAAC"}

package/dist/components/widget/EnabledList/EnabledList.d.ts

@@ -0,0 +1,18 @@
+type EnabledList<T> = {
+    items: T[];
+    getKey: (item: T) => string;
+    getLabel: (item: T) => React.ReactNode;
+    onEnable: (check: {
+        item?: T;
+        all: boolean;
+        enable: boolean;
+    }) => void;
+    isEnabled: (item: T) => boolean;
+    isAllEnabled?: (items: T[]) => boolean;
+    noItemStatus?: React.ReactNode;
+    enableAllLabel?: React.ReactNode;
+    showEnableAll?: boolean;
+};
+export declare const EnabledList: <T>({ items, getKey, getLabel, onEnable, isEnabled, isAllEnabled, noItemStatus, showEnableAll, enableAllLabel, }: EnabledList<T>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EnabledList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnabledList.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/EnabledList/EnabledList.tsx"],"names":[],"mappings":"AAGA,KAAK,WAAW,CAAC,CAAC,IAAI;IACpB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QAAC,GAAG,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACvE,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,CAAC,EAAG,8GAU7B,WAAW,CAAC,CAAC,CAAC,4CA4ChB,CAAC"}