@0xsequence/marketplace-sdk 0.8.4 → 0.8.6

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @0xsequence/marketplace-sdk
 
+## 0.8.6
+
+### Patch Changes
+
+- - Added `useFilterState` to easily manage filter state with [nuqs](https://nuqs.47ng.com/)
+  - Added `useFiltersProgressive` hook for initializing filters with only keys, speeding up initial load
+  - Updated dependencies and improved tests
+
+## 0.8.5
+
+### Patch Changes
+
+- Ignore embedded connectors if ecosystem connector is enabled
+- CollectibleCard prop `lowestListing` renamed to `collectible` and `balanceIsLoading` is mandatory
+- Improved test coverage and misc fixes
+
 ## 0.8.4
 
 ### Patch Changes

package/dist/{chunk-VF3LWBQB.js → chunk-6SEJI7YS.js}

@@ -2,7 +2,7 @@
 
 import {
   collectionOptions
-} from "./chunk-XUNDLCEH.js";
+} from "./chunk-LDZZUYG7.js";
 import {
   InfoIcon_default
 } from "./chunk-SJU6QZHM.js";
@@ -14,12 +14,12 @@ import {
   compareAddress,
   getPresentableChainName
 } from "./chunk-BGY4WXER.js";
-import {
-  EIP2981_ABI
-} from "./chunk-XX4EVWBF.js";
 import {
   ERC1155_ABI
 } from "./chunk-FUM4OGOQ.js";
+import {
+  EIP2981_ABI
+} from "./chunk-XX4EVWBF.js";
 import {
   balanceOfCollectibleOptions,
   highestOfferOptions,
@@ -36,7 +36,7 @@ import {
   CollectableIdSchema,
   PROVIDER_ID,
   QueryArgSchema
-} from "./chunk-25CAMYCG.js";
+} from "./chunk-BB2PTJHI.js";
 import {
   BaseError,
   ChainSwitchError,
@@ -1148,7 +1148,8 @@ var UseFiltersSchema = z9.object({
   chainId: z9.number(),
   collectionAddress: AddressSchema,
   showAllFilters: z9.boolean().default(false).optional(),
-  query: QueryArgSchema
+  query: QueryArgSchema,
+  excludePropertyValues: z9.boolean().default(false).optional()
 });
 var fetchFilters = async (args, config) => {
   const parsedArgs = UseFiltersSchema.parse(args);
@@ -1156,8 +1157,9 @@ var fetchFilters = async (args, config) => {
   const filters = await metadataClient.getTokenMetadataPropertyFilters({
     chainID: parsedArgs.chainId.toString(),
     contractAddress: parsedArgs.collectionAddress,
-    excludeProperties: []
+    excludeProperties: [],
     // TODO: We can leverage this for some of the exclusion logic
+    excludePropertyValues: parsedArgs.excludePropertyValues
   }).then((resp) => resp.filters);
   if (args.showAllFilters) return filters;
   const queryClient = getQueryClient();
@@ -1208,6 +1210,163 @@ var useFilters = (args) => {
   const config = useConfig();
   return useQuery11(filtersOptions(args, config));
 };
+var useFiltersProgressive = (args) => {
+  const config = useConfig();
+  const namesQuery = useQuery11(
+    filtersOptions({ ...args, excludePropertyValues: true }, config)
+  );
+  const fullQuery = useQuery11({
+    ...filtersOptions(args, config),
+    placeholderData: namesQuery.data
+  });
+  const isLoadingNames = namesQuery.isLoading;
+  const isFetchingValues = fullQuery.isPlaceholderData && fullQuery.isFetching;
+  return {
+    ...fullQuery,
+    isFetchingValues,
+    isLoadingNames
+  };
+};
+
+// src/react/hooks/useFilterState.tsx
+import { useMemo } from "react";
+import {
+  createSerializer,
+  parseAsBoolean,
+  parseAsJson,
+  parseAsString,
+  useQueryState
+} from "nuqs";
+var validateFilters = (value) => {
+  if (!Array.isArray(value)) return [];
+  return value.filter(
+    (f) => typeof f === "object" && typeof f.name === "string" && Object.values(PropertyType).includes(f.type)
+  );
+};
+var filtersParser = parseAsJson(validateFilters).withDefault([]);
+var searchParser = parseAsString.withDefault("");
+var listedOnlyParser = parseAsBoolean.withDefault(false);
+var serialize = createSerializer(
+  {
+    filters: filtersParser,
+    search: searchParser,
+    listedOnly: listedOnlyParser
+  },
+  {
+    urlKeys: {
+      filters: "f",
+      search: "q",
+      listedOnly: "l"
+    }
+  }
+);
+function useFilterState() {
+  const [filterOptions, setFilterOptions] = useQueryState(
+    "filters",
+    filtersParser
+  );
+  const [searchText, setSearchText] = useQueryState("search", searchParser);
+  const [showListedOnly, setShowListedOnly] = useQueryState(
+    "listedOnly",
+    listedOnlyParser
+  );
+  const helpers = useMemo(
+    () => ({
+      getFilter: (name) => {
+        return filterOptions?.find((f) => f.name === name);
+      },
+      getFilterValues: (name) => {
+        const filter = filterOptions?.find((f) => f.name === name);
+        if (!filter) return void 0;
+        if (filter.type === "INT" /* INT */) {
+          return {
+            type: "INT" /* INT */,
+            min: filter.min ?? 0,
+            max: filter.max ?? 0
+          };
+        }
+        return {
+          type: "STRING" /* STRING */,
+          values: filter.values ?? []
+        };
+      },
+      isFilterActive: (name) => {
+        return !!filterOptions?.find((f) => f.name === name);
+      },
+      isStringValueSelected: (name, value) => {
+        const filter = filterOptions?.find((f) => f.name === name);
+        if (!filter || filter.type !== "STRING" /* STRING */) return false;
+        return filter.values?.includes(value) ?? false;
+      },
+      isIntFilterActive: (name) => {
+        const filter = filterOptions?.find((f) => f.name === name);
+        return !!filter && filter.type === "INT" /* INT */;
+      },
+      getIntFilterRange: (name) => {
+        const filter = filterOptions?.find((f) => f.name === name);
+        if (!filter || filter.type !== "INT" /* INT */) return void 0;
+        return [filter.min ?? 0, filter.max ?? 0];
+      },
+      deleteFilter: (name) => {
+        const otherFilters = filterOptions?.filter((f) => !(f.name === name)) ?? [];
+        setFilterOptions(otherFilters);
+      },
+      toggleStringFilterValue: (name, value) => {
+        const otherFilters = filterOptions?.filter((f) => !(f.name === name)) ?? [];
+        const filter = filterOptions?.find((f) => f.name === name);
+        const existingValues = filter?.type === "STRING" /* STRING */ ? filter.values ?? [] : [];
+        if (existingValues.includes(value)) {
+          const newValues = existingValues.filter((v) => v !== value);
+          if (newValues.length === 0) {
+            setFilterOptions(otherFilters);
+            return;
+          }
+          setFilterOptions([
+            ...otherFilters,
+            { name, type: "STRING" /* STRING */, values: newValues }
+          ]);
+        } else {
+          setFilterOptions([
+            ...otherFilters,
+            {
+              name,
+              type: "STRING" /* STRING */,
+              values: [...existingValues, value]
+            }
+          ]);
+        }
+      },
+      setIntFilterValue: (name, min, max) => {
+        if (min === max && min === 0) {
+          const otherFilters2 = filterOptions?.filter((f) => !(f.name === name)) ?? [];
+          setFilterOptions(otherFilters2);
+          return;
+        }
+        const otherFilters = filterOptions?.filter((f) => !(f.name === name)) ?? [];
+        setFilterOptions([
+          ...otherFilters,
+          { name, type: "INT" /* INT */, min, max }
+        ]);
+      },
+      clearAllFilters: () => {
+        void setShowListedOnly(false);
+        void setFilterOptions([]);
+        void setSearchText("");
+      }
+    }),
+    [filterOptions, setFilterOptions, setShowListedOnly, setSearchText]
+  );
+  return {
+    filterOptions,
+    searchText,
+    showListedOnly,
+    setFilterOptions,
+    setSearchText,
+    setShowListedOnly,
+    ...helpers,
+    serialize
+  };
+}
 
 // src/react/hooks/useFloorOrder.tsx
 import { queryOptions as queryOptions9, useQuery as useQuery12 } from "@tanstack/react-query";
@@ -2218,7 +2377,7 @@ var SwitchChainModal = observer(() => {
             name: "switch-chain",
             id: "switch-chain-button",
             size: "sm",
-            label: isSwitching$.get() ? /* @__PURE__ */ jsx3(Spinner, { className: "spinner" }) : "Switch Network",
+            label: isSwitching$.get() ? /* @__PURE__ */ jsx3("div", { "data-testid": "switch-chain-spinner", children: /* @__PURE__ */ jsx3(Spinner, { className: "spinner" }) }) : "Switch Network",
             variant: "primary",
             pending: isSwitching$.get(),
             shape: "square",
@@ -2649,6 +2808,8 @@ export {
   fetchFilters,
   filtersOptions,
   useFilters,
+  useFiltersProgressive,
+  useFilterState,
   floorOrderOptions,
   useFloorOrder,
   useHighestOffer,
@@ -2697,4 +2858,4 @@ export {
   collectionDetailsPollingOptions,
   useCollectionDetailsPolling
 };
-//# sourceMappingURL=chunk-VF3LWBQB.js.map
+//# sourceMappingURL=chunk-6SEJI7YS.js.map