@storepecker/storefront-core 1.0.2 → 1.1.0

package/dist/{chunk-AZIFK7HK.js → chunk-7DQIKSGY.js}

@@ -13,10 +13,10 @@ var useCartStore = create((set) => ({
     if (!state.cart) return state;
     return { cart: { ...state.cart, total_quantity: 0 } };
   }),
-  syncCart: async () => {
+  syncCart: async (addressId) => {
     set({ status: "loading" /* LOADING */ });
     try {
-      const response = await getCart("/customer/cart/");
+      const response = await getCart("/customer/cart/", addressId);
       if (response) {
         set({ cart: response, status: "idle" /* IDLE */ });
       }

package/dist/{chunk-NBZIUA6W.cjs → chunk-S3WIGYDS.cjs}

@@ -15,10 +15,10 @@ var useCartStore = zustand.create((set) => ({
     if (!state.cart) return state;
     return { cart: { ...state.cart, total_quantity: 0 } };
   }),
-  syncCart: async () => {
+  syncCart: async (addressId) => {
     set({ status: "loading" /* LOADING */ });
     try {
-      const response = await chunk34KV265H_cjs.getCart("/customer/cart/");
+      const response = await chunk34KV265H_cjs.getCart("/customer/cart/", addressId);
       if (response) {
         set({ cart: response, status: "idle" /* IDLE */ });
       }

package/dist/hooks/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkKWKHHRRJ_cjs = require('../chunk-KWKHHRRJ.cjs');
-var chunkNBZIUA6W_cjs = require('../chunk-NBZIUA6W.cjs');
+var chunkS3WIGYDS_cjs = require('../chunk-S3WIGYDS.cjs');
 var chunk34KV265H_cjs = require('../chunk-34KV265H.cjs');
 require('../chunk-CFF632IQ.cjs');
 var chunkLC5ZAUKL_cjs = require('../chunk-LC5ZAUKL.cjs');
@@ -94,29 +94,91 @@ var useOrders = (filters) => {
   }, [fetchData]);
   return { data, error, isLoading, mutate: fetchData };
 };
-var useGetProducts = (filter) => {
-  const [data, setData] = react.useState(
-    void 0
-  );
+function useGetProducts(initialFilter, options) {
+  const paginationMode = options?.paginationMode || "replace";
+  const endpoint = options?.endpoint || "/inventory/products/";
+  const [filters, setFiltersState] = react.useState(initialFilter);
+  const [data, setData] = react.useState(void 0);
+  const [products, setProducts] = react.useState([]);
   const [isLoading, setIsLoading] = react.useState(true);
-  const hasFetched = react.useRef(false);
-  react.useEffect(() => {
-    if (hasFetched.current) return;
-    hasFetched.current = true;
-    const fetchData = async () => {
+  const isLoadMoreRef = react.useRef(false);
+  const modeRef = react.useRef(paginationMode);
+  modeRef.current = paginationMode;
+  const fetchProducts = react.useCallback(
+    async (currentFilters) => {
+      setIsLoading(true);
       try {
-        setIsLoading(true);
-        const result = await chunk34KV265H_cjs.getProductList("/inventory/products/", filter);
+        const apiParams = {};
+        for (const [key, value] of Object.entries(currentFilters)) {
+          if (value === void 0 || value === "" || value === null) continue;
+          if (Array.isArray(value)) {
+            if (value.length > 0) apiParams[key] = value.join(",");
+          } else {
+            apiParams[key] = value;
+          }
+        }
+        const result = await chunk34KV265H_cjs.getProductList(endpoint, apiParams);
         setData(result);
-      } catch (err) {
+        if (modeRef.current === "append" && isLoadMoreRef.current) {
+          setProducts((prev) => [...prev, ...result.results || []]);
+        } else {
+          setProducts(result.results || []);
+        }
+        isLoadMoreRef.current = false;
+      } catch {
+        isLoadMoreRef.current = false;
       } finally {
         setIsLoading(false);
       }
-    };
-    fetchData();
+    },
+    [endpoint]
+  );
+  react.useEffect(() => {
+    fetchProducts(filters);
+  }, [filters, fetchProducts]);
+  const setFilters = react.useCallback((newFilters) => {
+    isLoadMoreRef.current = false;
+    setProducts([]);
+    setFiltersState({ ...newFilters, page: newFilters.page || 1 });
   }, []);
-  return { data, loading: isLoading && !data, isLoading };
-};
+  const updateFilter = react.useCallback((key, value) => {
+    isLoadMoreRef.current = false;
+    setProducts([]);
+    setFiltersState((prev) => {
+      const next = { ...prev, page: 1 };
+      if (value === void 0 || value === "" || Array.isArray(value) && value.length === 0) {
+        delete next[key];
+      } else {
+        next[key] = value;
+      }
+      return next;
+    });
+  }, []);
+  const loadMore = react.useCallback(() => {
+    if (!data?.next) return;
+    isLoadMoreRef.current = true;
+    setFiltersState((prev) => ({ ...prev, page: (prev.page || 1) + 1 }));
+  }, [data?.next]);
+  const goToPage = react.useCallback((page) => {
+    isLoadMoreRef.current = false;
+    setProducts([]);
+    setFiltersState((prev) => ({ ...prev, page }));
+  }, []);
+  return {
+    data,
+    products,
+    loading: isLoading && products.length === 0,
+    isLoading,
+    hasMore: !!data?.next,
+    totalCount: data?.count || 0,
+    currentPage: filters.page || 1,
+    filters,
+    setFilters,
+    updateFilter,
+    loadMore,
+    goToPage
+  };
+}
 var useGetProductDetails = (slug) => {
   const [data, setData] = react.useState(void 0);
   const [isLoading, setIsLoading] = react.useState(true);
@@ -249,7 +311,7 @@ function useCheckoutPayment(options) {
   const [isConfirmingPayment, setIsConfirmingPayment] = react.useState(false);
   const [showSuccessModal, setShowSuccessModal] = react.useState(false);
   const [showFailureModal, setShowFailureModal] = react.useState(false);
-  const resetCartCount = chunkNBZIUA6W_cjs.useCartStore((s) => s.resetCartCount);
+  const resetCartCount = chunkS3WIGYDS_cjs.useCartStore((s) => s.resetCartCount);
   const callbacks = {
     onSuccess: (order) => {
       setOrderSummary(order);

package/dist/hooks/index.d.cts

@@ -1,5 +1,5 @@
 import { A as Address } from '../address-DQEZzyUG.cjs';
-import { C as Cart, d as Category, j as Product, e as Coupon } from '../cart-D8UXTY1g.cjs';
+import { C as Cart, j as Product, d as Category, e as Coupon } from '../cart-D8UXTY1g.cjs';
 import { O as Order } from '../orders-DHJhJ3xz.cjs';
 import { U as User, W as Wishlist } from '../wishlist-C3SK9SS0.cjs';
 export { U as UseAddressFormOptions, a as UseAddressFormReturn, u as useAddressForm } from '../useAddressForm-DgkCP1nG.cjs';
@@ -29,11 +29,26 @@ declare const useOrders: (filters: any) => {
     mutate: () => Promise<void>;
 };
 
-declare const useGetProducts: (filter: CustomObject) => {
+type PaginationMode = "append" | "replace";
+interface UseGetProductsOptions {
+    paginationMode?: PaginationMode;
+    endpoint?: string;
+}
+interface UseGetProductsReturn {
     data: Product.ProductResponse | undefined;
+    products: Product.ProductList[];
     loading: boolean;
     isLoading: boolean;
-};
+    hasMore: boolean;
+    totalCount: number;
+    currentPage: number;
+    filters: Record<string, any>;
+    setFilters: (filters: Record<string, any>) => void;
+    updateFilter: (key: string, value: any) => void;
+    loadMore: () => void;
+    goToPage: (page: number) => void;
+}
+declare function useGetProducts(initialFilter: CustomObject, options?: UseGetProductsOptions): UseGetProductsReturn;
 declare const useGetProductDetails: (slug: string) => {
     data: any;
     loading: boolean;
@@ -119,4 +134,4 @@ interface UseCheckoutCouponReturn {
  */
 declare function useCheckoutCoupon(options: UseCheckoutCouponOptions): UseCheckoutCouponReturn;
 
-export { type UseCheckoutCouponOptions, type UseCheckoutCouponReturn, type UseCheckoutPaymentOptions, type UseCheckoutPaymentReturn, useAddress, useCart, useCheckoutCoupon, useCheckoutPayment, useGetProductCategories, useGetProductDetails, useGetProducts, useOrders, useProductDetailModal, useServiceFormModal, useUserDetails, useWishlist };
+export { type PaginationMode, type UseCheckoutCouponOptions, type UseCheckoutCouponReturn, type UseCheckoutPaymentOptions, type UseCheckoutPaymentReturn, type UseGetProductsOptions, type UseGetProductsReturn, useAddress, useCart, useCheckoutCoupon, useCheckoutPayment, useGetProductCategories, useGetProductDetails, useGetProducts, useOrders, useProductDetailModal, useServiceFormModal, useUserDetails, useWishlist };

package/dist/hooks/index.d.ts

@@ -1,5 +1,5 @@
 import { A as Address } from '../address-DQEZzyUG.js';
-import { C as Cart, d as Category, j as Product, e as Coupon } from '../cart-D8UXTY1g.js';
+import { C as Cart, j as Product, d as Category, e as Coupon } from '../cart-D8UXTY1g.js';
 import { O as Order } from '../orders-DHJhJ3xz.js';
 import { U as User, W as Wishlist } from '../wishlist-BMWfB0Xe.js';
 export { U as UseAddressFormOptions, a as UseAddressFormReturn, u as useAddressForm } from '../useAddressForm-C-Uzug4d.js';
@@ -29,11 +29,26 @@ declare const useOrders: (filters: any) => {
     mutate: () => Promise<void>;
 };
 
-declare const useGetProducts: (filter: CustomObject) => {
+type PaginationMode = "append" | "replace";
+interface UseGetProductsOptions {
+    paginationMode?: PaginationMode;
+    endpoint?: string;
+}
+interface UseGetProductsReturn {
     data: Product.ProductResponse | undefined;
+    products: Product.ProductList[];
     loading: boolean;
     isLoading: boolean;
-};
+    hasMore: boolean;
+    totalCount: number;
+    currentPage: number;
+    filters: Record<string, any>;
+    setFilters: (filters: Record<string, any>) => void;
+    updateFilter: (key: string, value: any) => void;
+    loadMore: () => void;
+    goToPage: (page: number) => void;
+}
+declare function useGetProducts(initialFilter: CustomObject, options?: UseGetProductsOptions): UseGetProductsReturn;
 declare const useGetProductDetails: (slug: string) => {
     data: any;
     loading: boolean;
@@ -119,4 +134,4 @@ interface UseCheckoutCouponReturn {
  */
 declare function useCheckoutCoupon(options: UseCheckoutCouponOptions): UseCheckoutCouponReturn;
 
-export { type UseCheckoutCouponOptions, type UseCheckoutCouponReturn, type UseCheckoutPaymentOptions, type UseCheckoutPaymentReturn, useAddress, useCart, useCheckoutCoupon, useCheckoutPayment, useGetProductCategories, useGetProductDetails, useGetProducts, useOrders, useProductDetailModal, useServiceFormModal, useUserDetails, useWishlist };
+export { type PaginationMode, type UseCheckoutCouponOptions, type UseCheckoutCouponReturn, type UseCheckoutPaymentOptions, type UseCheckoutPaymentReturn, type UseGetProductsOptions, type UseGetProductsReturn, useAddress, useCart, useCheckoutCoupon, useCheckoutPayment, useGetProductCategories, useGetProductDetails, useGetProducts, useOrders, useProductDetailModal, useServiceFormModal, useUserDetails, useWishlist };

package/dist/hooks/index.js

@@ -1,6 +1,6 @@
 import { getUserDetails } from '../chunk-7UH6REGV.js';
-import { useCartStore } from '../chunk-AZIFK7HK.js';
-import { getCart, getProductDetail, getWishlist, getProductCategories, getProductList } from '../chunk-Z7LHRD3V.js';
+import { useCartStore } from '../chunk-7DQIKSGY.js';
+import { getCart, getProductList, getProductDetail, getWishlist, getProductCategories } from '../chunk-Z7LHRD3V.js';
 import '../chunk-E7WPE3PV.js';
 import { processPayment, fetchAvailableCoupons, applyCheckoutCoupon, removeCheckoutCoupon } from '../chunk-QCQCFYYR.js';
 import { getOrders, placeOrder } from '../chunk-4MJMNIAB.js';
@@ -92,29 +92,91 @@ var useOrders = (filters) => {
   }, [fetchData]);
   return { data, error, isLoading, mutate: fetchData };
 };
-var useGetProducts = (filter) => {
-  const [data, setData] = useState(
-    void 0
-  );
+function useGetProducts(initialFilter, options) {
+  const paginationMode = options?.paginationMode || "replace";
+  const endpoint = options?.endpoint || "/inventory/products/";
+  const [filters, setFiltersState] = useState(initialFilter);
+  const [data, setData] = useState(void 0);
+  const [products, setProducts] = useState([]);
   const [isLoading, setIsLoading] = useState(true);
-  const hasFetched = useRef(false);
-  useEffect(() => {
-    if (hasFetched.current) return;
-    hasFetched.current = true;
-    const fetchData = async () => {
+  const isLoadMoreRef = useRef(false);
+  const modeRef = useRef(paginationMode);
+  modeRef.current = paginationMode;
+  const fetchProducts = useCallback(
+    async (currentFilters) => {
+      setIsLoading(true);
       try {
-        setIsLoading(true);
-        const result = await getProductList("/inventory/products/", filter);
+        const apiParams = {};
+        for (const [key, value] of Object.entries(currentFilters)) {
+          if (value === void 0 || value === "" || value === null) continue;
+          if (Array.isArray(value)) {
+            if (value.length > 0) apiParams[key] = value.join(",");
+          } else {
+            apiParams[key] = value;
+          }
+        }
+        const result = await getProductList(endpoint, apiParams);
         setData(result);
-      } catch (err) {
+        if (modeRef.current === "append" && isLoadMoreRef.current) {
+          setProducts((prev) => [...prev, ...result.results || []]);
+        } else {
+          setProducts(result.results || []);
+        }
+        isLoadMoreRef.current = false;
+      } catch {
+        isLoadMoreRef.current = false;
       } finally {
         setIsLoading(false);
       }
-    };
-    fetchData();
+    },
+    [endpoint]
+  );
+  useEffect(() => {
+    fetchProducts(filters);
+  }, [filters, fetchProducts]);
+  const setFilters = useCallback((newFilters) => {
+    isLoadMoreRef.current = false;
+    setProducts([]);
+    setFiltersState({ ...newFilters, page: newFilters.page || 1 });
   }, []);
-  return { data, loading: isLoading && !data, isLoading };
-};
+  const updateFilter = useCallback((key, value) => {
+    isLoadMoreRef.current = false;
+    setProducts([]);
+    setFiltersState((prev) => {
+      const next = { ...prev, page: 1 };
+      if (value === void 0 || value === "" || Array.isArray(value) && value.length === 0) {
+        delete next[key];
+      } else {
+        next[key] = value;
+      }
+      return next;
+    });
+  }, []);
+  const loadMore = useCallback(() => {
+    if (!data?.next) return;
+    isLoadMoreRef.current = true;
+    setFiltersState((prev) => ({ ...prev, page: (prev.page || 1) + 1 }));
+  }, [data?.next]);
+  const goToPage = useCallback((page) => {
+    isLoadMoreRef.current = false;
+    setProducts([]);
+    setFiltersState((prev) => ({ ...prev, page }));
+  }, []);
+  return {
+    data,
+    products,
+    loading: isLoading && products.length === 0,
+    isLoading,
+    hasMore: !!data?.next,
+    totalCount: data?.count || 0,
+    currentPage: filters.page || 1,
+    filters,
+    setFilters,
+    updateFilter,
+    loadMore,
+    goToPage
+  };
+}
 var useGetProductDetails = (slug) => {
   const [data, setData] = useState(void 0);
   const [isLoading, setIsLoading] = useState(true);

package/dist/store/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkNBZIUA6W_cjs = require('../chunk-NBZIUA6W.cjs');
+var chunkS3WIGYDS_cjs = require('../chunk-S3WIGYDS.cjs');
 var chunk34KV265H_cjs = require('../chunk-34KV265H.cjs');
 var chunkCFF632IQ_cjs = require('../chunk-CFF632IQ.cjs');
 require('../chunk-UXLUE3HW.cjs');
@@ -46,7 +46,7 @@ var useAuthStore = zustand.create((set, get) => ({
           );
           if (response) {
             chunkCFF632IQ_cjs.cart_default.clear();
-            chunkNBZIUA6W_cjs.useCartStore.getState().fetchCart();
+            chunkS3WIGYDS_cjs.useCartStore.getState().fetchCart();
             setTimeout(() => {
               if (!preventRefreshAfterLogin) {
                 if (redirect) {
@@ -141,7 +141,7 @@ var useProductStore = zustand.create((set, get) => ({
 
 Object.defineProperty(exports, "useCartStore", {
   enumerable: true,
-  get: function () { return chunkNBZIUA6W_cjs.useCartStore; }
+  get: function () { return chunkS3WIGYDS_cjs.useCartStore; }
 });
 exports.loginUser = loginUser;
 exports.useAuthStore = useAuthStore;

package/dist/store/index.d.cts

@@ -7,7 +7,7 @@ interface CartStore extends CartState {
     setCart: (cart: Cart.Root) => void;
     resetCart: () => void;
     resetCartCount: () => void;
-    syncCart: () => Promise<void>;
+    syncCart: (addressId?: number) => Promise<void>;
     fetchCart: (addressId?: number) => Promise<void>;
 }
 declare const useCartStore: zustand.UseBoundStore<zustand.StoreApi<CartStore>>;

package/dist/store/index.d.ts

@@ -7,7 +7,7 @@ interface CartStore extends CartState {
     setCart: (cart: Cart.Root) => void;
     resetCart: () => void;
     resetCartCount: () => void;
-    syncCart: () => Promise<void>;
+    syncCart: (addressId?: number) => Promise<void>;
     fetchCart: (addressId?: number) => Promise<void>;
 }
 declare const useCartStore: zustand.UseBoundStore<zustand.StoreApi<CartStore>>;

package/dist/store/index.js

@@ -1,5 +1,5 @@
-import { useCartStore } from '../chunk-AZIFK7HK.js';
-export { useCartStore } from '../chunk-AZIFK7HK.js';
+import { useCartStore } from '../chunk-7DQIKSGY.js';
+export { useCartStore } from '../chunk-7DQIKSGY.js';
 import { addToCart, getWishlist, getProducts } from '../chunk-Z7LHRD3V.js';
 import { cart_default } from '../chunk-E7WPE3PV.js';
 import '../chunk-GB3HW6DM.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storepecker/storefront-core",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Shared logic and utilities for Snapstore themes",
   "type": "module",
   "main": "./dist/index.js",
@@ -76,6 +76,8 @@
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "lint": "tsc --noEmit",
     "prepublishOnly": "npm run build",
     "release": "npm run build && npm publish --access public",
@@ -109,12 +111,14 @@
     }
   },
   "devDependencies": {
+    "@testing-library/react": "^16.3.2",
     "@types/node": "^25.3.3",
     "@types/react": "^18.0.0",
     "axios": "^1.7.0",
     "clsx": "^2.1.1",
     "esbuild-css-modules-plugin": "^3.1.5",
     "formik": "^2.4.6",
+    "happy-dom": "^20.8.3",
     "libphonenumber-js": "^1.11.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -124,6 +128,7 @@
     "tsup": "^8.0.0",
     "typescript": "^5.5.0",
     "typescript-cookie": "^1.0.0",
+    "vitest": "^4.0.18",
     "yup": "^1.4.0",
     "zustand": "^5.0.11"
   },