@growupsell/react-ecommerce-core 2.0.14 → 2.0.17

package/dist/index.d.cts

@@ -118,6 +118,15 @@ declare const FilterContext: React__default.Context<{
     selectedVariants: any[];
     updateSelectedVariants: (x: any) => void;
     variantLoading: boolean;
+    selectedSpecifications: {
+        id: number;
+        values: string[];
+    }[];
+    updateSpecificationOption: (keyId: number, option: string) => void;
+    setSelectedSpecifications: (value: {
+        id: number;
+        values: string[];
+    }[]) => void;
     total: number;
     limit: number;
     offset: number;
@@ -150,6 +159,15 @@ declare const useFilter: () => {
     selectedVariants: any[];
     updateSelectedVariants: (x: any) => void;
     variantLoading: boolean;
+    selectedSpecifications: {
+        id: number;
+        values: string[];
+    }[];
+    updateSpecificationOption: (keyId: number, option: string) => void;
+    setSelectedSpecifications: (value: {
+        id: number;
+        values: string[];
+    }[]) => void;
     total: number;
     limit: number;
     offset: number;
@@ -386,6 +404,8 @@ declare const HomeConfigHeroSliderContext: React__default.Context<{
 }>;
 declare const HomeConfigHeroSliderProvider: (props: {
     children: React__default.ReactNode;
+    /** Server-fetched theme content for SSR / first paint (crawlers). */
+    initialThemeContent?: any;
 }) => react_jsx_runtime.JSX.Element;
 declare const useHomeConfigHeroSlider: () => {
     loading: boolean;
@@ -403,6 +423,8 @@ declare const HeaderFooterContext: React__default.Context<{
 declare const HeaderFooterProvider: (props: {
     page: string;
     children: React__default.ReactNode;
+    /** Server-fetched theme content for SSR / first paint (crawlers). */
+    initialThemeContent?: any;
 }) => react_jsx_runtime.JSX.Element;
 declare const useHeaderFooter: () => {
     headerConfig: any;

package/dist/index.d.ts

@@ -118,6 +118,15 @@ declare const FilterContext: React__default.Context<{
     selectedVariants: any[];
     updateSelectedVariants: (x: any) => void;
     variantLoading: boolean;
+    selectedSpecifications: {
+        id: number;
+        values: string[];
+    }[];
+    updateSpecificationOption: (keyId: number, option: string) => void;
+    setSelectedSpecifications: (value: {
+        id: number;
+        values: string[];
+    }[]) => void;
     total: number;
     limit: number;
     offset: number;
@@ -150,6 +159,15 @@ declare const useFilter: () => {
     selectedVariants: any[];
     updateSelectedVariants: (x: any) => void;
     variantLoading: boolean;
+    selectedSpecifications: {
+        id: number;
+        values: string[];
+    }[];
+    updateSpecificationOption: (keyId: number, option: string) => void;
+    setSelectedSpecifications: (value: {
+        id: number;
+        values: string[];
+    }[]) => void;
     total: number;
     limit: number;
     offset: number;
@@ -386,6 +404,8 @@ declare const HomeConfigHeroSliderContext: React__default.Context<{
 }>;
 declare const HomeConfigHeroSliderProvider: (props: {
     children: React__default.ReactNode;
+    /** Server-fetched theme content for SSR / first paint (crawlers). */
+    initialThemeContent?: any;
 }) => react_jsx_runtime.JSX.Element;
 declare const useHomeConfigHeroSlider: () => {
     loading: boolean;
@@ -403,6 +423,8 @@ declare const HeaderFooterContext: React__default.Context<{
 declare const HeaderFooterProvider: (props: {
     page: string;
     children: React__default.ReactNode;
+    /** Server-fetched theme content for SSR / first paint (crawlers). */
+    initialThemeContent?: any;
 }) => react_jsx_runtime.JSX.Element;
 declare const useHeaderFooter: () => {
     headerConfig: any;

package/dist/index.js

@@ -1,4 +1,4 @@
-export { AuthContext, AuthProvider, BaseProvider, BusinessConfigProvider, BusinessMediaContext, BusinessMediaProvider, CartContext, CartProvider, CartWishlistRefreshContext, CartWishlistRefreshProvider, CustomPageConfigContext, CustomPageConfigProvider, CustomerConfigContext, CustomerConfigProvider, FilterContext, FilterProvider, HeaderFooterContext, HeaderFooterProvider, HomeConfigContext, HomeConfigHeroSliderContext, HomeConfigHeroSliderProvider, HomeConfigProvider, LiveSupportWidgetProvider, MenuCartContext, MenuCartProvider, MenuFilterContext, MenuFilterProvider, ModalProvider, ProductConfigContext, ProductConfigProvider, ProductDetailContext, ProductDetailProvider, ReferralCodeProvider, StorageContext, StorageProvider, ThemeEditContext, ThemeEditProvider, ToastSupportProvider, WishlistContext, WishlistProvider, useAuth, useBusiness, useBusinessContext, useBusinessMedia, useCart, useCartWishlistRefresh, useCustomPageConfig, useCustomer, useFilter, useHeaderFooter, useHomeConfig, useHomeConfigHeroSlider, useLiveSupportWidget, useMenuCart, useMenuFilter, useModal, useProductConfig, useProductDetail, useReferralCode, useStorage, useThemeEdit, useToastSupport, useWishlist } from './chunk-E66B7ABK.js';
+export { AuthContext, AuthProvider, BaseProvider, BusinessConfigProvider, BusinessMediaContext, BusinessMediaProvider, CartContext, CartProvider, CartWishlistRefreshContext, CartWishlistRefreshProvider, CustomPageConfigContext, CustomPageConfigProvider, CustomerConfigContext, CustomerConfigProvider, FilterContext, FilterProvider, HeaderFooterContext, HeaderFooterProvider, HomeConfigContext, HomeConfigHeroSliderContext, HomeConfigHeroSliderProvider, HomeConfigProvider, LiveSupportWidgetProvider, MenuCartContext, MenuCartProvider, MenuFilterContext, MenuFilterProvider, ModalProvider, ProductConfigContext, ProductConfigProvider, ProductDetailContext, ProductDetailProvider, ReferralCodeProvider, StorageContext, StorageProvider, ThemeEditContext, ThemeEditProvider, ToastSupportProvider, WishlistContext, WishlistProvider, useAuth, useBusiness, useBusinessContext, useBusinessMedia, useCart, useCartWishlistRefresh, useCustomPageConfig, useCustomer, useFilter, useHeaderFooter, useHomeConfig, useHomeConfigHeroSlider, useLiveSupportWidget, useMenuCart, useMenuFilter, useModal, useProductConfig, useProductDetail, useReferralCode, useStorage, useThemeEdit, useToastSupport, useWishlist } from './chunk-D24PXFD3.js';
 export { BusinessConfigContext } from './chunk-SP77KIKJ.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/provider.cjs

@@ -588,6 +588,9 @@ var FilterContext = react.createContext({
   selectedVariants: [],
   updateSelectedVariants: () => null,
   variantLoading: false,
+  selectedSpecifications: [],
+  updateSpecificationOption: () => null,
+  setSelectedSpecifications: () => null,
   total: 0,
   limit: 10,
   offset: 0
@@ -614,6 +617,7 @@ var FilterProvider = (props) => {
   const [variantList, setVariantList] = react.useState([]);
   const [selectedVariants, setSelectedVariants] = react.useState([]);
   const [variantLoading, setVariantLoading] = react.useState(false);
+  const [selectedSpecifications, setSelectedSpecifications] = react.useState([]);
   const [limit, setLimit] = react.useState(10);
   const [offset, setOffset] = react.useState(0);
   const [total, setTotal] = react.useState(0);
@@ -640,15 +644,30 @@ var FilterProvider = (props) => {
     });
     setCurrentPage(1);
   };
-  const fetchFilterConfig = async () => {
-    setFilterConfigLoading(true);
-    const response = await api.api.getProductFilterConfig();
-    setFilterConfig(response);
-    setFilterConfigLoading(false);
-  };
+  const categoryFilterKey = selectedCategoryId.length === 1 ? selectedCategoryId[0] : void 0;
   react.useEffect(() => {
-    fetchFilterConfig();
-  }, []);
+    let active = true;
+    (async () => {
+      if (!filterConfig) {
+        setFilterConfigLoading(true);
+      }
+      try {
+        const response = await api.api.getProductFilterConfig(categoryFilterKey);
+        if (active) {
+          setFilterConfig(response);
+        }
+      } catch (error) {
+        console.log(error);
+      } finally {
+        if (active) {
+          setFilterConfigLoading(false);
+        }
+      }
+    })();
+    return () => {
+      active = false;
+    };
+  }, [categoryFilterKey]);
   const removeCategoryFilterId = (id) => {
     setSelectedCategoryId((x) => {
       return x.filter((o) => o !== id);
@@ -666,6 +685,7 @@ var FilterProvider = (props) => {
       max_price: selectedMaxPrice,
       brand_ids: selectedCategoryId.length > 0 ? selectedBrandId : null,
       variants: selectedCategoryId.length > 0 ? selectedVariants : null,
+      specifications: selectedSpecifications,
       limit,
       offset
     };
@@ -687,6 +707,21 @@ var FilterProvider = (props) => {
       return [...prevIds, id];
     });
   };
+  const updateSpecificationOption = (keyId, option) => {
+    setSelectedSpecifications((prev) => {
+      const current = prev.find((item) => item.id === keyId);
+      if (!current) {
+        return [...prev, { id: keyId, values: [option] }];
+      }
+      const values = current.values.includes(option) ? current.values.filter((value) => value !== option) : [...current.values, option];
+      if (values.length === 0) {
+        return prev.filter((item) => item.id !== keyId);
+      }
+      return prev.map(
+        (item) => item.id === keyId ? { ...item, values } : item
+      );
+    });
+  };
   const updateSelectedVariants = (label) => {
     setSelectedVariants((prevVariants) => {
       if (prevVariants.includes(label)) {
@@ -718,9 +753,31 @@ var FilterProvider = (props) => {
     selectedMaxPrice,
     selectedBrandId,
     selectedVariants,
+    selectedSpecifications,
     limit,
     offset
   ]);
+  react.useEffect(() => {
+    const keys = filterConfig?.specifications ?? [];
+    const allowed = new Map(
+      keys.map((key) => [
+        key.id,
+        new Set(key.options ?? [])
+      ])
+    );
+    setSelectedSpecifications((prev) => {
+      const next = prev.map((item) => ({
+        ...item,
+        values: item.values.filter((value) => allowed.get(item.id)?.has(value))
+      })).filter((item) => item.values.length > 0 && allowed.has(item.id));
+      if (next.length === prev.length && next.every(
+        (item, index) => item.id === prev[index].id && item.values.length === prev[index].values.length && item.values.every((value, valueIndex) => value === prev[index].values[valueIndex])
+      )) {
+        return prev;
+      }
+      return next;
+    });
+  }, [filterConfig]);
   const handlePageChange = (newOffset) => {
     setOffset(newOffset);
   };
@@ -760,6 +817,9 @@ var FilterProvider = (props) => {
         selectedVariants,
         updateSelectedVariants,
         variantLoading,
+        selectedSpecifications,
+        updateSpecificationOption,
+        setSelectedSpecifications,
         total,
         limit,
         offset
@@ -953,6 +1013,8 @@ var HomeConfigProvider = (props) => {
   const getThemeConfig = react.useCallback(async () => {
     if (!hasInitial) {
       setLoading(true);
+    } else {
+      return;
     }
     try {
       const response = await api$1.retrieveThemeContent(
@@ -969,7 +1031,7 @@ var HomeConfigProvider = (props) => {
       }
       setIsInitialized(true);
     } catch (error) {
-      console.error("Error fetching theme content:", error);
+      console.log("Error fetching theme content:", error);
     } finally {
       setLoading(false);
     }
@@ -1073,11 +1135,17 @@ var HomeConfigHeroSliderContext = react.createContext({
   onUpdateHeroSlider: () => null
 });
 var HomeConfigHeroSliderProvider = (props) => {
-  const [loading, setLoading] = react.useState(true);
-  const [heroSliderConfigData, setHeroSliderConfigData] = react.useState([]);
+  const hasInitial = Array.isArray(props.initialThemeContent?.data);
+  const [loading, setLoading] = react.useState(!hasInitial);
+  const [heroSliderConfigData, setHeroSliderConfigData] = react.useState(
+    () => hasInitial ? props.initialThemeContent.data : []
+  );
   const { token } = useThemeEdit();
   const themeConfig = react.useContext(BusinessConfigContext);
-  const getHeroSliderConfig = async () => {
+  const getHeroSliderConfig = react.useCallback(async () => {
+    if (hasInitial) {
+      return;
+    }
     setLoading(true);
     try {
       const response = await api$1.retrieveThemeContent(
@@ -1085,13 +1153,15 @@ var HomeConfigHeroSliderProvider = (props) => {
         "hero_slider"
       );
       setHeroSliderConfigData(response.data);
+    } catch (error) {
+      console.error("Error fetching hero slider content:", error);
     } finally {
       setLoading(false);
     }
-  };
+  }, [themeConfig.theme.id, hasInitial]);
   react.useEffect(() => {
     getHeroSliderConfig();
-  }, []);
+  }, [getHeroSliderConfig]);
   const onUpdateHeroSlider = async (configToUpdate) => {
     setLoading(true);
     try {
@@ -1422,13 +1492,24 @@ var HeaderFooterContext = react.createContext({
   announcementConfig: {}
 });
 var HeaderFooterProvider = (props) => {
-  const [headerConfig, setHeaderConfig] = react.useState({});
-  const [footerConfig, setFooterConfig] = react.useState({});
-  const [announcementConfig, setAnnouncementConfig] = react.useState({});
+  const hasInitial = props.initialThemeContent != null && "data" in props.initialThemeContent;
+  const initialData = hasInitial ? props.initialThemeContent.data ?? {} : {};
+  const [headerConfig, setHeaderConfig] = react.useState(
+    () => props.page === "header" ? initialData : {}
+  );
+  const [footerConfig, setFooterConfig] = react.useState(
+    () => props.page === "footer" ? initialData : {}
+  );
+  const [announcementConfig, setAnnouncementConfig] = react.useState(
+    () => props.page === "announcement" ? initialData : {}
+  );
   const { token } = useThemeEdit();
   const themeConfig = useBusiness();
-  const [loading, setLoading] = react.useState(true);
+  const [loading, setLoading] = react.useState(!hasInitial);
   const getThemeConfig = react.useCallback(async () => {
+    if (hasInitial) {
+      return;
+    }
     setLoading(true);
     try {
       const response = await api.api.retrieveThemeContent(
@@ -1443,7 +1524,7 @@ var HeaderFooterProvider = (props) => {
     } finally {
       setLoading(false);
     }
-  }, [themeConfig.theme.id]);
+  }, [themeConfig.theme.id, hasInitial, props.page]);
   const onUpdateThemeContent = react.useCallback(
     async (configToUpdate) => {
       try {
@@ -1471,7 +1552,7 @@ var HeaderFooterProvider = (props) => {
         setLoading(false);
       }
     },
-    [props.page]
+    [props.page, themeConfig.theme.id, token]
   );
   react.useEffect(() => {
     getThemeConfig();
@@ -1479,7 +1560,13 @@ var HeaderFooterProvider = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     HeaderFooterContext.Provider,
     {
-      value: { headerConfig, footerConfig, onUpdateThemeContent, loading, announcementConfig },
+      value: {
+        headerConfig,
+        footerConfig,
+        onUpdateThemeContent,
+        loading,
+        announcementConfig
+      },
       children: loading ? null : props.children
     }
   );