@velora-dex/widget 0.3.11-dev.1 → 0.3.11-dev.2

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

@@ -9,20 +9,14 @@ import { useChainId } from 'wagmi';
 import { useSwapChainTo, useLimitChainTo } from '../../../../core/state/chainToAtom.js';
 import { TokenCloud } from './TokenListBody/TokenCloud/index.js';
 import { useTradeMode } from '../../../../core/state/tradeModeAtom.js';
-import { cn, assertProp } from '../../../../lib/utils/index.js';
+import { assertProp } from '../../../../lib/utils/index.js';
 import { useEnabledSrcChains } from '../../../../core/state/enabledChainsAtom.js';
 import { useSelectableDestChains } from '../../../../hooks/useSelectableDestChains.js';
-import { GenericScreen, GenericScreenHeader } from '../../Screen/GenericScreen.js';
+import { GenericScreen } from '../../Screen/GenericScreen.js';
 import { useImportTokenDrawer } from '../../ImportToken/useImportTokenDrawer.js';
-import { useBreakpoints } from '../../../../hooks/useBreakpoints.js';
-import { NetworkSwitcherList } from '../../NetworkSwitcher/NetworkSwitcherList.js';
 
-const headerClasses = {
-  root: "px-4 pt-5 pb-4",
-  title: "text-[16px]"
-};
 const SelectTokenScreen = (t0) => {
-  const $ = distExports.c(21);
+  const $ = distExports.c(14);
   let drawerContainer;
   let props;
   if ($[0] !== t0) {
@@ -55,109 +49,61 @@ const SelectTokenScreen = (t0) => {
     onOpenImportTokenDrawer,
     importTokenDrawer
   } = useImportTokenDrawer(t1);
-  const {
-    isOverMd
-  } = useBreakpoints();
-  const showNetworksSidebar = isOverMd;
   let t2;
-  if ($[7] !== props.onClose) {
-    t2 = {
-      title: "Select Token",
-      showBackButton: true,
-      onGoBack: props.onClose,
-      classes: headerClasses
-    };
-    $[7] = props.onClose;
-    $[8] = t2;
+  if ($[7] !== onOpenImportTokenDrawer || $[8] !== props) {
+    t2 = /* @__PURE__ */ jsx(SelectTokenContent, { ...props, onSelectImportToken: onOpenImportTokenDrawer });
+    $[7] = onOpenImportTokenDrawer;
+    $[8] = props;
+    $[9] = t2;
   } else {
-    t2 = $[8];
+    t2 = $[9];
   }
-  const headerProps = t2;
   let t3;
-  if ($[9] !== headerProps || $[10] !== showNetworksSidebar) {
-    t3 = !showNetworksSidebar ? {
-      title: headerProps.title,
-      showBackButton: headerProps.showBackButton,
-      onGoBack: headerProps.onGoBack,
-      headerClasses: headerProps.classes
-    } : {
-      classes: {
-        root: "bg-contrast-9"
-      }
-    };
-    $[9] = headerProps;
-    $[10] = showNetworksSidebar;
-    $[11] = t3;
-  } else {
-    t3 = $[11];
-  }
-  const screenProps = t3;
-  let t4;
-  if ($[12] !== headerProps || $[13] !== onOpenImportTokenDrawer || $[14] !== props || $[15] !== showNetworksSidebar) {
-    t4 = /* @__PURE__ */ jsx(SelectTokenContent, { ...props, headerProps, showNetworksSidebar, onSelectImportToken: onOpenImportTokenDrawer });
-    $[12] = headerProps;
-    $[13] = onOpenImportTokenDrawer;
-    $[14] = props;
-    $[15] = showNetworksSidebar;
-    $[16] = t4;
-  } else {
-    t4 = $[16];
-  }
-  let t5;
-  if ($[17] !== importTokenDrawer || $[18] !== screenProps || $[19] !== t4) {
-    t5 = /* @__PURE__ */ jsxs(GenericScreen, { ...screenProps, children: [
-      t4,
+  if ($[10] !== importTokenDrawer || $[11] !== props.onClose || $[12] !== t2) {
+    t3 = /* @__PURE__ */ jsxs(GenericScreen, { title: "Select a token...", onGoBack: props.onClose, showBackButton: true, children: [
+      t2,
       importTokenDrawer
     ] });
-    $[17] = importTokenDrawer;
-    $[18] = screenProps;
-    $[19] = t4;
-    $[20] = t5;
+    $[10] = importTokenDrawer;
+    $[11] = props.onClose;
+    $[12] = t2;
+    $[13] = t3;
   } else {
-    t5 = $[20];
+    t3 = $[13];
   }
-  return t5;
+  return t3;
 };
 const SelectTokenContent = (t0) => {
   const $ = distExports.c(6);
-  let tokenContentProps;
-  let tokenType;
-  if ($[0] !== t0) {
-    ({
-      tokenType,
-      ...tokenContentProps
-    } = t0);
-    $[0] = t0;
-    $[1] = tokenContentProps;
-    $[2] = tokenType;
-  } else {
-    tokenContentProps = $[1];
-    tokenType = $[2];
-  }
-  const SelectTokenContentComp = tokenType === "from" ? SelectTokenFromContent : SelectTokenToContent;
+  const {
+    tokenType,
+    onClose,
+    onSelect,
+    onSelectImportToken,
+    selectableChains
+  } = t0;
   let t1;
-  if ($[3] !== SelectTokenContentComp || $[4] !== tokenContentProps) {
-    t1 = /* @__PURE__ */ jsx(SelectTokenContentComp, { ...tokenContentProps });
-    $[3] = SelectTokenContentComp;
-    $[4] = tokenContentProps;
+  if ($[0] !== onClose || $[1] !== onSelect || $[2] !== onSelectImportToken || $[3] !== selectableChains || $[4] !== tokenType) {
+    const content = tokenType === "from" ? /* @__PURE__ */ jsx(SelectTokenFromContent, { onClose, onSelectImportToken, onSelect, selectableChains }) : /* @__PURE__ */ jsx(SelectTokenToContent, { onClose, onSelectImportToken, onSelect, selectableChains });
+    t1 = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-2 h-[448px] pb-6", children: content });
+    $[0] = onClose;
+    $[1] = onSelect;
+    $[2] = onSelectImportToken;
+    $[3] = selectableChains;
+    $[4] = tokenType;
     $[5] = t1;
   } else {
     t1 = $[5];
   }
   return t1;
 };
-const networkSwitcherListClasses = {
-  root: "rounded-r-xxl"
-};
 const SelectTokenFromContent = (t0) => {
-  const $ = distExports.c(45);
+  const $ = distExports.c(31);
   const {
     onClose,
     onSelect: _onSelect,
     onSelectImportToken,
-    selectableChains: _selectableChains,
-    showNetworksSidebar,
-    headerProps
+    selectableChains: _selectableChains
   } = t0;
   const appChainId = useChainId();
   const [selectedChainId, setSelectedChainId] = useState(appChainId);
@@ -224,130 +170,85 @@ const SelectTokenFromContent = (t0) => {
   } else {
     t5 = $[9];
   }
-  const t6 = !showNetworksSidebar;
-  let t7;
-  if ($[10] !== selectableChains || $[11] !== selectedChainId || $[12] !== t6) {
-    t7 = {
-      onSelect: t5,
-      selectedNetwork: selectedChainId,
-      networks: selectableChains,
-      showCheckIcon: t6
+  let t6;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = {
+      align: "end"
     };
-    $[10] = selectableChains;
-    $[11] = selectedChainId;
-    $[12] = t6;
-    $[13] = t7;
+    $[10] = t6;
   } else {
-    t7 = $[13];
+    t6 = $[10];
   }
-  const networkSwitcherProps = t7;
+  const t7 = selectableChains.length <= 1;
   let t8;
-  if ($[14] !== networkSwitcherProps || $[15] !== showNetworksSidebar) {
-    t8 = showNetworksSidebar ? {
-      ...networkSwitcherProps,
-      classes: networkSwitcherListClasses
-    } : void 0;
-    $[14] = networkSwitcherProps;
-    $[15] = showNetworksSidebar;
-    $[16] = t8;
+  if ($[11] !== selectableChains || $[12] !== selectedChainId || $[13] !== t7) {
+    t8 = {
+      selectedNetwork: selectedChainId,
+      onSelect: t5,
+      networks: selectableChains,
+      dropdownProps: t6,
+      disabled: t7
+    };
+    $[11] = selectableChains;
+    $[12] = selectedChainId;
+    $[13] = t7;
+    $[14] = t8;
   } else {
-    t8 = $[16];
+    t8 = $[14];
   }
   let t9;
-  if ($[17] !== networkSwitcherProps || $[18] !== selectableChains || $[19] !== showNetworksSidebar) {
-    t9 = !showNetworksSidebar ? {
-      ...networkSwitcherProps,
-      dropdownProps: {
-        align: "end"
-      },
-      disabled: selectableChains.length <= 1
-    } : void 0;
-    $[17] = networkSwitcherProps;
-    $[18] = selectableChains;
-    $[19] = showNetworksSidebar;
-    $[20] = t9;
+  if ($[15] !== clearInputValue || $[16] !== handleInputValueChange || $[17] !== inputValue || $[18] !== t8) {
+    t9 = /* @__PURE__ */ jsx(TokenSearch, { value: inputValue, onChange: handleInputValueChange, clearSearch: clearInputValue, compactNetworkSwitcherProps: t8 });
+    $[15] = clearInputValue;
+    $[16] = handleInputValueChange;
+    $[17] = inputValue;
+    $[18] = t8;
+    $[19] = t9;
   } else {
-    t9 = $[20];
+    t9 = $[19];
   }
   let t10;
-  if ($[21] !== showNetworksSidebar) {
-    t10 = cn({
-      "pr-[42px] h-[40px] dark:bg-contrast-2": showNetworksSidebar
-    });
-    $[21] = showNetworksSidebar;
+  if ($[20] !== onSelect || $[21] !== selectedChainId) {
+    t10 = /* @__PURE__ */ jsx(TokenCloud, { onSelectToken: onSelect, forcedChainId: selectedChainId, showNetworkIcon: true });
+    $[20] = onSelect;
+    $[21] = selectedChainId;
     $[22] = t10;
   } else {
     t10 = $[22];
   }
   let t11;
-  if ($[23] !== t10) {
-    t11 = {
-      input: t10
-    };
-    $[23] = t10;
-    $[24] = t11;
+  if ($[23] !== effectiveInputValue || $[24] !== onSelectToken || $[25] !== selectedChainId) {
+    t11 = /* @__PURE__ */ jsx(RegularTokenList, { tokenFilter: effectiveInputValue, onSelectToken, forcedChainId: selectedChainId, className: "flex-1" });
+    $[23] = effectiveInputValue;
+    $[24] = onSelectToken;
+    $[25] = selectedChainId;
+    $[26] = t11;
   } else {
-    t11 = $[24];
+    t11 = $[26];
   }
   let t12;
-  if ($[25] !== clearInputValue || $[26] !== handleInputValueChange || $[27] !== inputValue || $[28] !== t11 || $[29] !== t9) {
-    t12 = /* @__PURE__ */ jsx(TokenSearch, { value: inputValue, onChange: handleInputValueChange, clearSearch: clearInputValue, compactNetworkSwitcherProps: t9, classes: t11 });
-    $[25] = clearInputValue;
-    $[26] = handleInputValueChange;
-    $[27] = inputValue;
+  if ($[27] !== t10 || $[28] !== t11 || $[29] !== t9) {
+    t12 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t9,
+      t10,
+      t11
+    ] });
+    $[27] = t10;
     $[28] = t11;
     $[29] = t9;
     $[30] = t12;
   } else {
     t12 = $[30];
   }
-  let t13;
-  if ($[31] !== onSelect || $[32] !== selectedChainId) {
-    t13 = /* @__PURE__ */ jsx(TokenCloud, { onSelectToken: onSelect, forcedChainId: selectedChainId, showNetworkIcon: true });
-    $[31] = onSelect;
-    $[32] = selectedChainId;
-    $[33] = t13;
-  } else {
-    t13 = $[33];
-  }
-  let t14;
-  if ($[34] !== effectiveInputValue || $[35] !== onSelectToken || $[36] !== selectedChainId) {
-    t14 = /* @__PURE__ */ jsx(RegularTokenList, { tokenFilter: effectiveInputValue, onSelectToken, forcedChainId: selectedChainId, className: "flex-1" });
-    $[34] = effectiveInputValue;
-    $[35] = onSelectToken;
-    $[36] = selectedChainId;
-    $[37] = t14;
-  } else {
-    t14 = $[37];
-  }
-  let t15;
-  if ($[38] !== headerProps || $[39] !== showNetworksSidebar || $[40] !== t12 || $[41] !== t13 || $[42] !== t14 || $[43] !== t8) {
-    t15 = /* @__PURE__ */ jsxs(SelectTokenLayout, { showNetworksSidebar, headerProps, networkSwitcherListProps: t8, children: [
-      t12,
-      t13,
-      t14
-    ] });
-    $[38] = headerProps;
-    $[39] = showNetworksSidebar;
-    $[40] = t12;
-    $[41] = t13;
-    $[42] = t14;
-    $[43] = t8;
-    $[44] = t15;
-  } else {
-    t15 = $[44];
-  }
-  return t15;
+  return t12;
 };
 const SelectTokenToContent = (t0) => {
-  const $ = distExports.c(58);
+  const $ = distExports.c(44);
   const {
     onClose,
     onSelect: _onSelect,
     onSelectImportToken,
-    selectableChains: _selectableChains,
-    showNetworksSidebar,
-    headerProps
+    selectableChains: _selectableChains
   } = t0;
   const tradeMode = useTradeMode();
   const isSwap = tradeMode === "swap";
@@ -461,202 +362,76 @@ const SelectTokenToContent = (t0) => {
   } else {
     t7 = $[19];
   }
-  const t8 = !showNetworksSidebar;
+  let t8;
+  if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = {
+      align: "end"
+    };
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
   let t9;
-  if ($[20] !== selectableChains || $[21] !== selectedChainId || $[22] !== t8) {
+  if ($[21] !== chainSwitchingDisabled || $[22] !== selectableChains || $[23] !== selectedChainId) {
     t9 = {
-      onSelect: t7,
       selectedNetwork: selectedChainId,
+      onSelect: t7,
       networks: selectableChains,
-      showCheckIcon: t8
+      disabled: chainSwitchingDisabled,
+      dropdownProps: t8
     };
-    $[20] = selectableChains;
-    $[21] = selectedChainId;
-    $[22] = t8;
-    $[23] = t9;
+    $[21] = chainSwitchingDisabled;
+    $[22] = selectableChains;
+    $[23] = selectedChainId;
+    $[24] = t9;
   } else {
-    t9 = $[23];
+    t9 = $[24];
   }
-  const networkSwitcherProps = t9;
   let t10;
-  if ($[24] !== networkSwitcherProps || $[25] !== showNetworksSidebar) {
-    t10 = showNetworksSidebar ? {
-      ...networkSwitcherProps,
-      classes: networkSwitcherListClasses
-    } : void 0;
-    $[24] = networkSwitcherProps;
-    $[25] = showNetworksSidebar;
-    $[26] = t10;
+  if ($[25] !== clearInputValue || $[26] !== handleInputValueChange || $[27] !== inputValue || $[28] !== t9) {
+    t10 = /* @__PURE__ */ jsx(TokenSearch, { value: inputValue, onChange: handleInputValueChange, clearSearch: clearInputValue, compactNetworkSwitcherProps: t9 });
+    $[25] = clearInputValue;
+    $[26] = handleInputValueChange;
+    $[27] = inputValue;
+    $[28] = t9;
+    $[29] = t10;
   } else {
-    t10 = $[26];
+    t10 = $[29];
   }
   let t11;
-  if ($[27] !== chainSwitchingDisabled || $[28] !== networkSwitcherProps || $[29] !== showNetworksSidebar) {
-    t11 = !showNetworksSidebar ? {
-      ...networkSwitcherProps,
-      disabled: chainSwitchingDisabled,
-      dropdownProps: {
-        align: "end"
-      }
-    } : void 0;
-    $[27] = chainSwitchingDisabled;
-    $[28] = networkSwitcherProps;
-    $[29] = showNetworksSidebar;
-    $[30] = t11;
-  } else {
-    t11 = $[30];
-  }
-  let t12;
-  if ($[31] !== showNetworksSidebar) {
-    t12 = cn({
-      "pr-[42px] h-[40px] dark:bg-contrast-2": showNetworksSidebar
-    });
-    $[31] = showNetworksSidebar;
-    $[32] = t12;
-  } else {
-    t12 = $[32];
-  }
-  let t13;
-  if ($[33] !== t12) {
-    t13 = {
-      input: t12
-    };
-    $[33] = t12;
-    $[34] = t13;
-  } else {
-    t13 = $[34];
-  }
-  let t14;
-  if ($[35] !== clearInputValue || $[36] !== handleInputValueChange || $[37] !== inputValue || $[38] !== t11 || $[39] !== t13) {
-    t14 = /* @__PURE__ */ jsx(TokenSearch, { value: inputValue, onChange: handleInputValueChange, clearSearch: clearInputValue, compactNetworkSwitcherProps: t11, classes: t13 });
-    $[35] = clearInputValue;
-    $[36] = handleInputValueChange;
-    $[37] = inputValue;
-    $[38] = t11;
-    $[39] = t13;
-    $[40] = t14;
-  } else {
-    t14 = $[40];
-  }
-  let t15;
-  if ($[41] !== acrossMode || $[42] !== appChainId || $[43] !== chainSwitchingDisabled || $[44] !== effectiveInputValue || $[45] !== includeNativeTokenInList || $[46] !== isCrossChain || $[47] !== onSelect || $[48] !== onSelectToken || $[49] !== selectableChains || $[50] !== selectedChainId) {
-    t15 = !isCrossChain ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  if ($[30] !== acrossMode || $[31] !== appChainId || $[32] !== chainSwitchingDisabled || $[33] !== effectiveInputValue || $[34] !== includeNativeTokenInList || $[35] !== isCrossChain || $[36] !== onSelect || $[37] !== onSelectToken || $[38] !== selectableChains || $[39] !== selectedChainId) {
+    t11 = !isCrossChain ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(TokenCloud, { onSelectToken: onSelect, forcedChainId: selectedChainId, showNetworkIcon: true, withETH: includeNativeTokenInList }),
       /* @__PURE__ */ jsx(RegularTokenList, { tokenFilter: effectiveInputValue, onSelectToken, forcedChainId: selectedChainId, className: "flex-1", withETH: includeNativeTokenInList, singleChainTokensOnly: chainSwitchingDisabled, selectableChains })
     ] }) : /* @__PURE__ */ jsx(AcrossTokenLists, { tokenFilter: effectiveInputValue, onSelect, fromChainId: appChainId, toChainId: selectedChainId, className: "flex-1", mode: acrossMode });
-    $[41] = acrossMode;
-    $[42] = appChainId;
-    $[43] = chainSwitchingDisabled;
-    $[44] = effectiveInputValue;
-    $[45] = includeNativeTokenInList;
-    $[46] = isCrossChain;
-    $[47] = onSelect;
-    $[48] = onSelectToken;
-    $[49] = selectableChains;
-    $[50] = selectedChainId;
-    $[51] = t15;
-  } else {
-    t15 = $[51];
-  }
-  let t16;
-  if ($[52] !== headerProps || $[53] !== showNetworksSidebar || $[54] !== t10 || $[55] !== t14 || $[56] !== t15) {
-    t16 = /* @__PURE__ */ jsxs(SelectTokenLayout, { showNetworksSidebar, headerProps, networkSwitcherListProps: t10, children: [
-      t14,
-      t15
-    ] });
-    $[52] = headerProps;
-    $[53] = showNetworksSidebar;
-    $[54] = t10;
-    $[55] = t14;
-    $[56] = t15;
-    $[57] = t16;
-  } else {
-    t16 = $[57];
-  }
-  return t16;
-};
-const SelectTokenLayout = (t0) => {
-  const $ = distExports.c(20);
-  const {
-    showNetworksSidebar,
-    networkSwitcherListProps,
-    headerProps,
-    children
-  } = t0;
-  let t1;
-  if ($[0] !== showNetworksSidebar) {
-    t1 = cn({
-      "grid grid-cols-[auto_minmax(0,140px)]": showNetworksSidebar
-    });
-    $[0] = showNetworksSidebar;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== showNetworksSidebar) {
-    t2 = cn({
-      "bg-contrast-8 dark:bg-contrast-1 rounded-xxl": showNetworksSidebar
-    });
-    $[2] = showNetworksSidebar;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== headerProps || $[5] !== showNetworksSidebar) {
-    t3 = showNetworksSidebar && /* @__PURE__ */ jsx(GenericScreenHeader, { ...headerProps });
-    $[4] = headerProps;
-    $[5] = showNetworksSidebar;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== children) {
-    t4 = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-3 h-[448px] pb-6", children });
-    $[7] = children;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
+    $[30] = acrossMode;
+    $[31] = appChainId;
+    $[32] = chainSwitchingDisabled;
+    $[33] = effectiveInputValue;
+    $[34] = includeNativeTokenInList;
+    $[35] = isCrossChain;
+    $[36] = onSelect;
+    $[37] = onSelectToken;
+    $[38] = selectableChains;
+    $[39] = selectedChainId;
+    $[40] = t11;
+  } else {
+    t11 = $[40];
   }
-  let t5;
-  if ($[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
-    t5 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
-      t3,
-      t4
-    ] });
-    $[9] = t2;
-    $[10] = t3;
-    $[11] = t4;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  let t6;
-  if ($[13] !== networkSwitcherListProps || $[14] !== showNetworksSidebar) {
-    t6 = showNetworksSidebar && networkSwitcherListProps && /* @__PURE__ */ jsx(NetworkSwitcherList, { ...networkSwitcherListProps });
-    $[13] = networkSwitcherListProps;
-    $[14] = showNetworksSidebar;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  let t7;
-  if ($[16] !== t1 || $[17] !== t5 || $[18] !== t6) {
-    t7 = /* @__PURE__ */ jsxs("div", { className: t1, children: [
-      t5,
-      t6
+  let t12;
+  if ($[41] !== t10 || $[42] !== t11) {
+    t12 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t10,
+      t11
     ] });
-    $[16] = t1;
-    $[17] = t5;
-    $[18] = t6;
-    $[19] = t7;
+    $[41] = t10;
+    $[42] = t11;
+    $[43] = t12;
   } else {
-    t7 = $[19];
+    t12 = $[43];
   }
-  return t7;
+  return t12;
 };
 
-export { SelectTokenScreen };
+export { SelectTokenContent, SelectTokenScreen };
 //# sourceMappingURL=SelectTokenDialog.js.map