@turtleclub/core 0.1.0-beta.12 → 0.1.0-beta.121

package/dist/index.js

@@ -1,8 +1,17 @@
 // src/filters/RangeSliderFilter.tsx
 import { useEffect, useState } from "react";
-import { Slider, Label } from "@turtleclub/ui";
+import {
+  Slider,
+  Label,
+  Input,
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+  buttonVariants,
+  cn
+} from "@turtleclub/ui";
 import { useQueryState, parseAsInteger } from "nuqs";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var defaultFormatter = (value) => {
   return value.toLocaleString();
 };
@@ -16,13 +25,18 @@ function RangeSliderFilter({
   label = "Range",
   showValues = true,
   formatValue = defaultFormatter,
-  className = ""
+  className = "",
+  usePopover = false
 }) {
   const [minValue, setMinValue] = useQueryState(minQueryKey, parseAsInteger.withDefault(min));
   const [maxValue, setMaxValue] = useQueryState(maxQueryKey, parseAsInteger.withDefault(max));
   const [localRange, setLocalRange] = useState([minValue, maxValue]);
+  const [minInputValue, setMinInputValue] = useState(minValue.toString());
+  const [maxInputValue, setMaxInputValue] = useState(maxValue.toString());
   useEffect(() => {
     setLocalRange([minValue, maxValue]);
+    setMinInputValue(minValue.toString());
+    setMaxInputValue(maxValue.toString());
   }, [minValue, maxValue]);
   const handleRangeChange = (values) => {
     setLocalRange(values);
@@ -36,8 +50,46 @@ function RangeSliderFilter({
       setMaxValue(newMax === max ? null : newMax);
     }
   };
+  const handleMinInputChange = (e) => {
+    setMinInputValue(e.target.value);
+  };
+  const handleMaxInputChange = (e) => {
+    setMaxInputValue(e.target.value);
+  };
+  const handleMinInputBlur = () => {
+    const numValue = parseInt(minInputValue, 10);
+    if (!isNaN(numValue)) {
+      const clampedValue = Math.max(min, Math.min(numValue, localRange[1]));
+      setLocalRange([clampedValue, localRange[1]]);
+      handleRangeCommit([clampedValue, localRange[1]]);
+      setMinInputValue(clampedValue.toString());
+    } else {
+      setMinInputValue(localRange[0].toString());
+    }
+  };
+  const handleMaxInputBlur = () => {
+    const numValue = parseInt(maxInputValue, 10);
+    if (!isNaN(numValue)) {
+      const clampedValue = Math.min(max, Math.max(numValue, localRange[0]));
+      setLocalRange([localRange[0], clampedValue]);
+      handleRangeCommit([localRange[0], clampedValue]);
+      setMaxInputValue(clampedValue.toString());
+    } else {
+      setMaxInputValue(localRange[1].toString());
+    }
+  };
+  const handleMinInputKeyDown = (e) => {
+    if (e.key === "Enter") {
+      handleMinInputBlur();
+    }
+  };
+  const handleMaxInputKeyDown = (e) => {
+    if (e.key === "Enter") {
+      handleMaxInputBlur();
+    }
+  };
   const isDefaultRange = localRange[0] === min && localRange[1] === max;
-  return /* @__PURE__ */ jsxs("div", { className: `space-y-3 ${className}`, children: [
+  const filterContent = /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: label }),
       showValues && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
@@ -59,15 +111,53 @@ function RangeSliderFilter({
         className: "w-full"
       }
     ) }),
-    showValues && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsx("span", { children: formatValue(min) }),
-      /* @__PURE__ */ jsx("span", { children: formatValue(max) })
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "min-input", className: "text-xs text-muted-foreground", children: "Min" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "min-input",
+            type: "number",
+            value: minInputValue,
+            onChange: handleMinInputChange,
+            onBlur: handleMinInputBlur,
+            onKeyDown: handleMinInputKeyDown,
+            min,
+            max: localRange[1],
+            step,
+            disabled,
+            className: "h-7 text-xs [appearance:textfield] [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:[-webkit-appearance:none] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:[-webkit-appearance:none]"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "max-input", className: "text-xs text-muted-foreground text-right", children: "Max" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "max-input",
+            type: "number",
+            value: maxInputValue,
+            onChange: handleMaxInputChange,
+            onBlur: handleMaxInputBlur,
+            onKeyDown: handleMaxInputKeyDown,
+            min: localRange[0],
+            max,
+            step,
+            disabled,
+            className: "h-7 text-xs [appearance:textfield] [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:[-webkit-appearance:none] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:[-webkit-appearance:none]"
+          }
+        )
+      ] })
     ] }),
     !isDefaultRange && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
       "button",
       {
         onClick: () => {
           setLocalRange([min, max]);
+          setMinInputValue(min.toString());
+          setMaxInputValue(max.toString());
           handleRangeCommit([min, max]);
         },
         className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
@@ -76,6 +166,40 @@ function RangeSliderFilter({
       }
     ) })
   ] });
+  if (usePopover) {
+    return /* @__PURE__ */ jsxs(Popover, { children: [
+      /* @__PURE__ */ jsxs(
+        PopoverTrigger,
+        {
+          className: cn(
+            buttonVariants({
+              variant: "default",
+              size: "default",
+              border: "bordered"
+            }),
+            "!bg-neutral-alpha-2",
+            className
+          ),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+              label,
+              ":"
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: showValues && /* @__PURE__ */ jsxs(Fragment, { children: [
+              "[",
+              formatValue(localRange[0]),
+              " - ",
+              formatValue(localRange[1]),
+              "]"
+            ] }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(PopoverContent, { className: "min-w-96", children: filterContent })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className, children: filterContent });
 }
 
 // src/filters/BooleanFilter.tsx
@@ -105,30 +229,30 @@ function BooleanFilter({
 
 // src/filters/Filter.tsx
 import { useQueryState as useQueryState3, parseAsString } from "nuqs";
-import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
 function Filter({ queryKey, children, onValueChange }) {
   const [value, setValue] = useQueryState3(queryKey, parseAsString.withDefault(""));
   const handleValueChange = (newValue) => {
     setValue(newValue || null);
     onValueChange?.(newValue);
   };
-  return /* @__PURE__ */ jsx3(Fragment, { children: children({ value, onValueChange: handleValueChange }) });
+  return /* @__PURE__ */ jsx3(Fragment2, { children: children({ value, onValueChange: handleValueChange }) });
 }
 
 // src/filters/MultiSelectFilter.tsx
 import { useQueryState as useQueryState4, parseAsArrayOf, parseAsString as parseAsString2 } from "nuqs";
-import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
 function MultiSelectFilter({ queryKey, children, onValueChange }) {
   const [value, setValue] = useQueryState4(queryKey, parseAsArrayOf(parseAsString2).withDefault([]));
   const handleValueChange = (newValue) => {
     setValue(newValue.length > 0 ? newValue : null);
     onValueChange?.(newValue);
   };
-  return /* @__PURE__ */ jsx4(Fragment2, { children: children({ value, onValueChange: handleValueChange }) });
+  return /* @__PURE__ */ jsx4(Fragment3, { children: children({ value, onValueChange: handleValueChange }) });
 }
 
 // src/wrappers/FiltersGrid.tsx
-import { cn } from "@turtleclub/ui";
+import { cn as cn2 } from "@turtleclub/ui";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function FiltersGrid({
   filters,
@@ -152,12 +276,12 @@ function FiltersGrid({
     {}
   );
   const sectionNames = Object.keys(sections);
-  return /* @__PURE__ */ jsx5("div", { className: cn("space-y-4", className), children: sectionNames.map((sectionName, sectionIndex) => /* @__PURE__ */ jsxs3("div", { children: [
+  return /* @__PURE__ */ jsx5("div", { className: cn2("space-y-4", className), children: sectionNames.map((sectionName, sectionIndex) => /* @__PURE__ */ jsxs3("div", { children: [
     sectionIndex > 0 && /* @__PURE__ */ jsx5("div", { className: "border-t border-border mb-4" }),
     /* @__PURE__ */ jsx5(
       "div",
       {
-        className: cn("grid gap-2", sectionClassName),
+        className: cn2("grid gap-2", sectionClassName),
         style: {
           gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`
         },
@@ -168,8 +292,13 @@ function FiltersGrid({
 }
 
 // src/wrappers/FiltersPopover.tsx
-import { Popover, PopoverContent, PopoverTrigger, Button, cn as cn2 } from "@turtleclub/ui";
-import { SlidersHorizontal } from "lucide-react";
+import {
+  Popover as Popover2,
+  PopoverContent as PopoverContent2,
+  PopoverTrigger as PopoverTrigger2,
+  buttonVariants as buttonVariants2,
+  cn as cn3
+} from "@turtleclub/ui";
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function FiltersPopover({
   filters,
@@ -177,7 +306,9 @@ function FiltersPopover({
   columns = 2,
   className,
   popoverClassName,
-  sectionClassName
+  sectionClassName,
+  align = "start",
+  onClearAll
 }) {
   const enabledFilters = filters.filter((filter) => filter.enabled);
   if (enabledFilters.length === 0) {
@@ -195,24 +326,45 @@ function FiltersPopover({
     {}
   );
   const sectionNames = Object.keys(sections);
-  return /* @__PURE__ */ jsxs4(Popover, { children: [
-    /* @__PURE__ */ jsx6(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4(Button, { variant: "outline", className: cn2(className), children: [
-      /* @__PURE__ */ jsx6(SlidersHorizontal, { className: "mr-2 h-4 w-4" }),
-      triggerLabel
-    ] }) }),
+  return /* @__PURE__ */ jsxs4(Popover2, { children: [
     /* @__PURE__ */ jsx6(
-      PopoverContent,
+      PopoverTrigger2,
       {
-        className: cn2("w-auto min-w-[400px] max-w-[600px]", popoverClassName),
-        align: "start",
+        className: cn3(
+          buttonVariants2({
+            variant: "default",
+            size: "default",
+            border: "bordered"
+          }),
+          "!bg-neutral-alpha-2",
+          className
+        ),
+        children: triggerLabel
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      PopoverContent2,
+      {
+        className: cn3("w-auto min-w-[400px] max-w-[600px]", popoverClassName),
+        align,
         children: /* @__PURE__ */ jsxs4("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx6("h4", { className: "font-medium text-sm", children: "Filters" }) }),
+          /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx6("h4", { className: "font-medium text-sm", children: "Filters" }),
+            onClearAll && /* @__PURE__ */ jsx6(
+              "button",
+              {
+                onClick: onClearAll,
+                className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+                children: "Reset all"
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsx6("div", { className: "space-y-4", children: sectionNames.map((sectionName, sectionIndex) => /* @__PURE__ */ jsxs4("div", { children: [
             sectionIndex > 0 && /* @__PURE__ */ jsx6("div", { className: "border-t border-border mb-4" }),
             /* @__PURE__ */ jsx6(
               "div",
               {
-                className: cn2("grid gap-2", sectionClassName),
+                className: cn3("grid gap-2", sectionClassName),
                 style: {
                   gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`
                 },
@@ -228,9 +380,9 @@ function FiltersPopover({
 
 // src/wrappers/ActiveFilterBadges.tsx
 import { useMemo } from "react";
-import { Badge as Badge2, Button as Button2, cn as cn3 } from "@turtleclub/ui";
+import { Badge as Badge2, Button, cn as cn4 } from "@turtleclub/ui";
 import { X } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function ActiveFilterBadges({
   filters,
   className,
@@ -250,7 +402,7 @@ function ActiveFilterBadges({
   if (activeFilters.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs5("div", { className: cn3("flex flex-wrap items-center gap-2", className), children: [
+  return /* @__PURE__ */ jsxs5("div", { className: cn4("flex flex-wrap items-center gap-2", className), children: [
     activeFilters.map((filter) => {
       return /* @__PURE__ */ jsx7(
         FilterBadge,
@@ -262,7 +414,7 @@ function ActiveFilterBadges({
         filter.key
       );
     }),
-    showClearAll && activeFilters.length > 1 && /* @__PURE__ */ jsx7(Button2, { variant: "ghost", size: "sm", onClick: clearAll, className: "h-7 px-2 text-xs", children: clearAllLabel })
+    showClearAll && activeFilters.length > 1 && /* @__PURE__ */ jsx7(Button, { variant: "ghost", size: "sm", onClick: clearAll, className: "h-7 px-2 text-xs", children: clearAllLabel })
   ] });
 }
 function FilterBadge({ filter, renderBadge, onClearFilter }) {
@@ -270,7 +422,7 @@ function FilterBadge({ filter, renderBadge, onClearFilter }) {
     onClearFilter(filter.queryKeys);
   };
   if (renderBadge) {
-    return /* @__PURE__ */ jsx7(Fragment3, { children: renderBadge(filter, clearFilter) });
+    return /* @__PURE__ */ jsx7(Fragment4, { children: renderBadge(filter, clearFilter) });
   }
   return /* @__PURE__ */ jsxs5(Badge2, { className: "flex items-center gap-1 pr-1 border-border border", children: [
     /* @__PURE__ */ jsxs5("span", { className: "text-xs", children: [
@@ -291,19 +443,23 @@ function FilterBadge({ filter, renderBadge, onClearFilter }) {
 }
 
 // src/wrappers/FiltersWrapper.tsx
-import { cn as cn4 } from "@turtleclub/ui";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { cn as cn5 } from "@turtleclub/ui";
+import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function FiltersWrapper({
   filters,
   activeFilters,
   layout,
   className,
   badgesClassName,
+  slotClassName,
+  leftSlot,
+  rightSlot,
   columns = 3,
   triggerLabel = "Filters",
   popoverColumns = 2,
   popoverClassName,
   popoverContentClassName,
+  align = "start",
   clearAllLabel = "Clear All",
   showClearAll = true,
   renderBadge,
@@ -312,17 +468,26 @@ function FiltersWrapper({
   onClearAll
 }) {
   const hasActiveFilters = activeFilters.some((filter) => filter.isActive && filter.value);
-  return /* @__PURE__ */ jsxs6("div", { className: cn4("space-y-3", className), children: [
-    layout === "grid" ? /* @__PURE__ */ jsx8(FiltersGrid, { filters, columns, className: popoverClassName }) : /* @__PURE__ */ jsx8(
-      FiltersPopover,
-      {
-        filters,
-        triggerLabel,
-        columns: popoverColumns,
-        className: popoverClassName,
-        popoverClassName: popoverContentClassName
-      }
-    ),
+  return /* @__PURE__ */ jsxs6("div", { className: cn5("space-y-3", className), children: [
+    /* @__PURE__ */ jsxs6("div", { className: cn5("flex items-center gap-2", slotClassName), children: [
+      leftSlot,
+      /* @__PURE__ */ jsx8(Fragment5, { children: layout === "grid" ? /* @__PURE__ */ jsx8(FiltersGrid, { filters, columns, className: popoverClassName }) : /* @__PURE__ */ jsx8(
+        FiltersPopover,
+        {
+          filters,
+          triggerLabel,
+          columns: popoverColumns,
+          className: popoverClassName,
+          popoverClassName: popoverContentClassName,
+          align,
+          onClearAll: () => {
+            const allQueryKeys = activeFilters.map((filter) => filter.queryKeys).filter((keys) => keys !== void 0);
+            onClearAll(allQueryKeys);
+          }
+        }
+      ) }),
+      rightSlot
+    ] }),
     showActiveBadges && hasActiveFilters && /* @__PURE__ */ jsx8(
       ActiveFilterBadges,
       {
@@ -548,7 +713,11 @@ function ChainsSelector({
   closeOnSelect = true,
   searchable = true
 }) {
-  const { chains, isLoading } = useSupportedChains();
+  const { chains, isLoading } = useSupportedChains({
+    page: 1,
+    limit: 100
+    // High limit to fetch all chains
+  });
   const chainOptions = useMemo4(() => {
     if (!chains || chains.length === 0) return [];
     const filteredChains = chains.filter((chain) => chain.status === "active");
@@ -601,8 +770,8 @@ function TokensSelector({
 }) {
   const isChainSelected = !!chainId && chainId.trim() !== "";
   const { tokens, isLoading } = useSupportedTokens({
-    // chainId: isChainSelected ? chainId : undefined,
-    limit: 100,
+    chainId: isChainSelected ? chainId : "",
+    limit: 9e3,
     enabled: isChainSelected
   });
   const tokenOptions = useMemo5(() => {
@@ -694,14 +863,13 @@ function ProductsSelector({
 }
 
 // src/selectors/OpportunitiesSelector.tsx
-import { useMemo as useMemo7, useEffect as useEffect3 } from "react";
+import { useMemo as useMemo7 } from "react";
 import { MultiSelect as MultiSelect4 } from "@turtleclub/ui";
 import { useOpportunities } from "@turtleclub/hooks";
 import { jsx as jsx12 } from "react/jsx-runtime";
 function OpportunitiesSelector({
   value,
   onValueChange,
-  productId,
   placeholder = "Select opportunities",
   disabled = false,
   className,
@@ -709,13 +877,7 @@ function OpportunitiesSelector({
   closeOnSelect = true,
   searchable = true
 }) {
-  const isProductSelected = !!productId && productId.trim() !== "";
-  const { data: opportunitiesData, isLoading } = useOpportunities({
-    filters: {
-      productId
-    },
-    enabled: isProductSelected
-  });
+  const { data: opportunitiesData, isLoading } = useOpportunities();
   const opportunities = useMemo7(
     () => opportunitiesData?.opportunities ?? [],
     [opportunitiesData?.opportunities]
@@ -739,11 +901,6 @@ function OpportunitiesSelector({
       ) : void 0
     }));
   }, [opportunities]);
-  useEffect3(() => {
-    if (!isProductSelected && value.length > 0) {
-      onValueChange([]);
-    }
-  }, [isProductSelected, value, onValueChange]);
   return /* @__PURE__ */ jsx12(
     MultiSelect4,
     {
@@ -751,8 +908,8 @@ function OpportunitiesSelector({
       options: opportunityOptions,
       value,
       onValueChange,
-      disabled: disabled || isLoading || !isProductSelected,
-      placeholder: !isProductSelected ? "Select a product first" : isLoading ? "Loading opportunities..." : placeholder,
+      disabled: disabled || isLoading,
+      placeholder: isLoading ? "Loading opportunities..." : placeholder,
       closeOnSelect,
       maxCount,
       className
@@ -774,7 +931,11 @@ function ChainSelector({
   closeOnSelect = true,
   searchable = true
 }) {
-  const { chains, isLoading } = useSupportedChains2();
+  const { chains, isLoading } = useSupportedChains2({
+    page: 1,
+    limit: 100
+    // High limit to fetch all chains
+  });
   const chainOptions = useMemo8(() => {
     if (!chains || chains.length === 0) return [];
     const filteredChains = chains.filter((chain) => chain.status === "active");
@@ -809,7 +970,7 @@ function ChainSelector({
 }
 
 // src/selectors/TokenSelector.tsx
-import { useEffect as useEffect4, useMemo as useMemo9 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo9 } from "react";
 import { Combobox as Combobox2 } from "@turtleclub/ui";
 import { useSupportedTokens as useSupportedTokens2 } from "@turtleclub/hooks";
 import { jsx as jsx14 } from "react/jsx-runtime";
@@ -825,8 +986,8 @@ function TokenSelector({
 }) {
   const isChainSelected = !!chainId && chainId.trim() !== "";
   const { tokens, isLoading } = useSupportedTokens2({
-    // chainId: isChainSelected ? chainId : undefined,
-    limit: 100,
+    chainId: isChainSelected ? chainId : "",
+    limit: 9e3,
     enabled: isChainSelected
   });
   const tokenOptions = useMemo9(() => {
@@ -846,7 +1007,7 @@ function TokenSelector({
       ) : void 0
     }));
   }, [tokens]);
-  useEffect4(() => {
+  useEffect3(() => {
     if (!isChainSelected && value) {
       onValueChange("");
     }
@@ -915,27 +1076,20 @@ function ProductSelector({
 }
 
 // src/selectors/OpportunitySelector.tsx
-import { useMemo as useMemo11, useEffect as useEffect5 } from "react";
+import { useMemo as useMemo11 } from "react";
 import { Combobox as Combobox4 } from "@turtleclub/ui";
 import { useOpportunities as useOpportunities2 } from "@turtleclub/hooks";
 import { jsx as jsx16 } from "react/jsx-runtime";
 function OpportunitySelector({
   value,
   onValueChange,
-  productId,
   placeholder = "Select opportunity",
   disabled = false,
   className,
   closeOnSelect = true,
   searchable = true
 }) {
-  const isProductSelected = !!productId && productId.trim() !== "";
-  const { data: opportunitiesData, isLoading } = useOpportunities2({
-    filters: {
-      productId
-    },
-    enabled: isProductSelected
-  });
+  const { data: opportunitiesData, isLoading } = useOpportunities2();
   const opportunities = useMemo11(
     () => opportunitiesData?.opportunities ?? [],
     [opportunitiesData?.opportunities]
@@ -959,11 +1113,6 @@ function OpportunitySelector({
       ) : void 0
     }));
   }, [opportunities]);
-  useEffect5(() => {
-    if (!isProductSelected && value) {
-      onValueChange("");
-    }
-  }, [isProductSelected, value, onValueChange]);
   return /* @__PURE__ */ jsx16(
     Combobox4,
     {
@@ -971,8 +1120,8 @@ function OpportunitySelector({
       options: opportunityOptions,
       value,
       onValueChange,
-      disabled: disabled || isLoading || !isProductSelected,
-      placeholder: !isProductSelected ? "Select a product first" : isLoading ? "Loading opportunities..." : placeholder,
+      disabled: disabled || isLoading,
+      placeholder: isLoading ? "Loading opportunities..." : placeholder,
       closeOnSelect,
       className
     }