@velora-dex/widget 0.1.2 → 0.1.3

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

@@ -1,9 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
-import { tradeModeAtom } from '../../../core/state/tradeModeAtom.js';
-import { useAtom } from 'jotai';
+import { userTradeModeAtom, tradeModeAtom } from '../../../core/state/tradeModeAtom.js';
+import { useSetAtom, useAtomValue } from 'jotai';
 import { DropdownWithItems } from '../Dropdown/DropdownWithItems.js';
 import { ChevronIcon } from '../Icon/ChevronIcon.js';
+import { enabledTradeModesAtom } from '../../../core/state/enabledTradeModesAtom.js';
+import { cn } from '../../../lib/utils/index.js';
 
 const tradeModeLabel = {
   swap: "Swap",
@@ -11,60 +13,83 @@ const tradeModeLabel = {
   otc: "OTC"
 };
 const TradeModeSwitcher = () => {
-  const $ = distExports.c(10);
-  const [tradeMode, setTradeMode] = useAtom(tradeModeAtom);
-  const t0 = tradeModeLabel[tradeMode];
+  const $ = distExports.c(18);
+  const setTradeMode = useSetAtom(userTradeModeAtom);
+  const tradeMode = useAtomValue(tradeModeAtom);
+  const enabledTradeModes = useAtomValue(enabledTradeModesAtom);
+  const isDisabled = enabledTradeModes.length <= 1;
+  const t0 = !isDisabled;
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsx(ChevronIcon, { width: 8, className: "pt-[2px] dark:text-contrast-5" });
-    $[0] = t1;
+  if ($[0] !== t0) {
+    t1 = cn("flex items-center gap-2 font-medium text-contrast-3 dark:text-contrast-8", {
+      "cursor-pointer": t0
+    });
+    $[0] = t0;
+    $[1] = t1;
   } else {
-    t1 = $[0];
+    t1 = $[1];
   }
-  let t2;
-  if ($[1] !== t0) {
-    t2 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 cursor-pointer font-medium text-contrast-3 dark:text-contrast-8", children: [
-      t0,
-      " ",
-      t1
-    ] });
-    $[1] = t0;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const menuTrigger = t2;
+  const t2 = tradeModeLabel[tradeMode];
   let t3;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = ["swap", "limit", "otc"];
+  if ($[2] !== isDisabled) {
+    t3 = !isDisabled && /* @__PURE__ */ jsx(ChevronIcon, { width: 8, className: "pt-[2px] dark:text-contrast-5" });
+    $[2] = isDisabled;
     $[3] = t3;
   } else {
     t3 = $[3];
   }
   let t4;
-  if ($[4] !== setTradeMode || $[5] !== tradeMode) {
-    t4 = t3.map((mode) => ({
-      label: tradeModeLabel[mode],
-      onSelect: () => setTradeMode(mode),
-      selected: tradeMode === mode
-    }));
-    $[4] = setTradeMode;
-    $[5] = tradeMode;
-    $[6] = t4;
+  if ($[4] !== t1 || $[5] !== t2 || $[6] !== t3) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: t1, children: [
+      t2,
+      " ",
+      t3
+    ] });
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
   } else {
-    t4 = $[6];
+    t4 = $[7];
+  }
+  const menuTrigger = t4;
+  if (isDisabled) {
+    return menuTrigger;
   }
-  const items = t4;
   let t5;
-  if ($[7] !== items || $[8] !== menuTrigger) {
-    t5 = /* @__PURE__ */ jsx(DropdownWithItems, { menuTrigger, items });
-    $[7] = items;
-    $[8] = menuTrigger;
-    $[9] = t5;
+  if ($[8] !== enabledTradeModes || $[9] !== setTradeMode || $[10] !== tradeMode) {
+    let t62;
+    if ($[12] !== setTradeMode || $[13] !== tradeMode) {
+      t62 = (mode) => ({
+        label: tradeModeLabel[mode],
+        onSelect: () => setTradeMode(mode),
+        selected: tradeMode === mode
+      });
+      $[12] = setTradeMode;
+      $[13] = tradeMode;
+      $[14] = t62;
+    } else {
+      t62 = $[14];
+    }
+    t5 = enabledTradeModes.map(t62);
+    $[8] = enabledTradeModes;
+    $[9] = setTradeMode;
+    $[10] = tradeMode;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  const items = t5;
+  let t6;
+  if ($[15] !== items || $[16] !== menuTrigger) {
+    t6 = /* @__PURE__ */ jsx(DropdownWithItems, { menuTrigger, items });
+    $[15] = items;
+    $[16] = menuTrigger;
+    $[17] = t6;
   } else {
-    t5 = $[9];
+    t6 = $[17];
   }
-  return t5;
+  return t6;
 };
 
 export { TradeModeSwitcher };

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

@@ -1 +1 @@
-{"version":3,"file":"TradeModeSwitcher.js","sources":["../../../../src/components/widget/AppHeader/TradeModeSwitcher.tsx"],"sourcesContent":["import { tradeModeAtom, type TradeMode } from \"@/core/state/tradeModeAtom\";\nimport { useAtom } from \"jotai\";\nimport { DropdownWithItems } from \"../Dropdown/DropdownWithItems\";\nimport { ChevronIcon } from \"../Icon/ChevronIcon\";\nimport type { DropdownItem } from \"../Dropdown/types\";\n\nconst tradeModeLabel: Record<TradeMode, string> = {\n  swap: \"Swap\",\n  limit: \"Limit\",\n  otc: \"OTC\",\n};\n\nexport const TradeModeSwitcher = () => {\n  const [tradeMode, setTradeMode] = useAtom(tradeModeAtom);\n\n  const menuTrigger = (\n    <div className=\"flex items-center gap-2 cursor-pointer font-medium text-contrast-3 dark:text-contrast-8\">\n      {tradeModeLabel[tradeMode]}{\" \"}\n      <ChevronIcon width={8} className=\"pt-[2px] dark:text-contrast-5\" />\n    </div>\n  );\n\n  const items: DropdownItem[] = ([\"swap\", \"limit\", \"otc\"] as const).map(\n    (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\n  return <DropdownWithItems menuTrigger={menuTrigger} items={items} />;\n};\n"],"names":["tradeModeLabel","swap","limit","otc","TradeModeSwitcher","$","_c","tradeMode","setTradeMode","useAtom","tradeModeAtom","t0","t1","Symbol","for","t2","menuTrigger","t3","t4","map","mode","label","onSelect","selected","items","t5"],"mappings":"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"}
+{"version":3,"file":"TradeModeSwitcher.js","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 \"jotai\";\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};\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        { \"cursor-pointer\": !isDisabled }\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"],"names":["tradeModeLabel","swap","limit","otc","TradeModeSwitcher","$","_c","setTradeMode","useSetAtom","userTradeModeAtom","tradeMode","useAtomValue","tradeModeAtom","enabledTradeModes","enabledTradeModesAtom","isDisabled","length","t0","t1","cn","t2","t3","t4","menuTrigger","t5","t6","mode","label","onSelect","selected","map","items"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AActD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAIlD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAG1E,eAAO,MAAM,kBAAkB,GAAI,wDAKhC,sBAAsB,GAAG,uBAAuB,4CAkBlD,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,mBAAmB,EAAE,0BAA0B,CAAC,yBAAyB,CAAC,CAAC;IAC3E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACnC,CAAC"}
+{"version":3,"file":"SelectTokenDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/SelectTokenDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAatD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAI1E,eAAO,MAAM,kBAAkB,GAAI,wDAKhC,sBAAsB,GAAG,uBAAuB,4CAkBlD,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,mBAAmB,EAAE,0BAA0B,CAAC,yBAAyB,CAAC,CAAC;IAC3E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACnC,CAAC"}