@growupsell/react-ecommerce-core 2.0.17 → 2.0.18

package/dist/index.d.cts

@@ -95,6 +95,7 @@ declare const FilterContext: React__default.Context<{
     selectedCategoryId: number[];
     addCategoryFilterId: (id: number) => void;
     removeCategoryFilterId: (id: number) => void;
+    replaceCategoryFilterIds: (ids: number[]) => void;
     menuList: any[];
     productLoading: boolean;
     currentPage: number;
@@ -136,6 +137,7 @@ declare const useFilter: () => {
     selectedCategoryId: number[];
     addCategoryFilterId: (id: number) => void;
     removeCategoryFilterId: (id: number) => void;
+    replaceCategoryFilterIds: (ids: number[]) => void;
     menuList: any[];
     productLoading: boolean;
     currentPage: number;
@@ -278,8 +280,6 @@ declare const CustomPageConfigContext: React__default.Context<{
     updateConfig: (config: any, index: number) => void;
     removeConfig: (index: number) => void;
     moveConfig: (fromIndex: number, toIndex: number) => void;
-    heroSliderConfigData: any[];
-    onUpdateHeroSlider: (slides: any[]) => Promise<void>;
     loading: boolean;
 }>;
 declare const CustomPageConfigProvider: (props: {
@@ -293,8 +293,6 @@ declare const useCustomPageConfig: () => {
     updateConfig: (config: any, index: number) => void;
     removeConfig: (index: number) => void;
     moveConfig: (fromIndex: number, toIndex: number) => void;
-    heroSliderConfigData: any[];
-    onUpdateHeroSlider: (slides: any[]) => Promise<void>;
     loading: boolean;
 };
 
@@ -397,20 +395,29 @@ declare const ModalProvider: ({ children }: {
 }) => react_jsx_runtime.JSX.Element;
 declare const useModal: () => ModalContextType;
 
-declare const HomeConfigHeroSliderContext: React__default.Context<{
+declare const HERO_SECTION_SLUG = "hero_section";
+type HeroSectionState = {
+    type: string;
+    data: any;
+} | null;
+/** Read a `hero_section` theme row. Empty or missing type means no hero. */
+declare function resolveHeroSection(sectionRow: any): HeroSectionState;
+declare const HomeConfigHeroSectionContext: React__default.Context<{
     loading: boolean;
-    heroSliderConfigData: any;
-    onUpdateHeroSlider: (updatedSlides: any) => void;
+    heroSection: HeroSectionState;
+    onUpdateHeroSection: (next: HeroSectionState) => Promise<void>;
 }>;
-declare const HomeConfigHeroSliderProvider: (props: {
+declare const HomeConfigHeroSectionProvider: (props: {
     children: React__default.ReactNode;
-    /** Server-fetched theme content for SSR / first paint (crawlers). */
-    initialThemeContent?: any;
+    /** `hero_section` theme row from the server. Null when the slug is missing. */
+    initialHeroSection?: any;
+    /** True after the server asked for `hero_section`, even if it is null. */
+    heroContentFetched?: boolean;
 }) => react_jsx_runtime.JSX.Element;
-declare const useHomeConfigHeroSlider: () => {
+declare const useHomeConfigHeroSection: () => {
     loading: boolean;
-    heroSliderConfigData: any;
-    onUpdateHeroSlider: (updatedSlides: any) => void;
+    heroSection: HeroSectionState;
+    onUpdateHeroSection: (next: HeroSectionState) => Promise<void>;
 };
 
 declare const HeaderFooterContext: React__default.Context<{
@@ -546,4 +553,4 @@ type Props = {
 declare const LiveSupportWidgetProvider: React__default.FC<Props>;
 declare const useLiveSupportWidget: () => LiveSupportWidgetContextValue;
 
-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, type ToastSupportApi, type ToastSupportOptions, 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 };
+export { AuthContext, AuthProvider, BaseProvider, BusinessConfigProvider, BusinessMediaContext, BusinessMediaProvider, CartContext, CartProvider, CartWishlistRefreshContext, CartWishlistRefreshProvider, CustomPageConfigContext, CustomPageConfigProvider, CustomerConfigContext, CustomerConfigProvider, FilterContext, FilterProvider, HERO_SECTION_SLUG, HeaderFooterContext, HeaderFooterProvider, type HeroSectionState, HomeConfigContext, HomeConfigHeroSectionContext, HomeConfigHeroSectionProvider, HomeConfigProvider, LiveSupportWidgetProvider, MenuCartContext, MenuCartProvider, MenuFilterContext, MenuFilterProvider, ModalProvider, ProductConfigContext, ProductConfigProvider, ProductDetailContext, ProductDetailProvider, ReferralCodeProvider, StorageContext, StorageProvider, ThemeEditContext, ThemeEditProvider, type ToastSupportApi, type ToastSupportOptions, ToastSupportProvider, WishlistContext, WishlistProvider, resolveHeroSection, useAuth, useBusiness, useBusinessContext, useBusinessMedia, useCart, useCartWishlistRefresh, useCustomPageConfig, useCustomer, useFilter, useHeaderFooter, useHomeConfig, useHomeConfigHeroSection, useLiveSupportWidget, useMenuCart, useMenuFilter, useModal, useProductConfig, useProductDetail, useReferralCode, useStorage, useThemeEdit, useToastSupport, useWishlist };

package/dist/index.d.ts

@@ -95,6 +95,7 @@ declare const FilterContext: React__default.Context<{
     selectedCategoryId: number[];
     addCategoryFilterId: (id: number) => void;
     removeCategoryFilterId: (id: number) => void;
+    replaceCategoryFilterIds: (ids: number[]) => void;
     menuList: any[];
     productLoading: boolean;
     currentPage: number;
@@ -136,6 +137,7 @@ declare const useFilter: () => {
     selectedCategoryId: number[];
     addCategoryFilterId: (id: number) => void;
     removeCategoryFilterId: (id: number) => void;
+    replaceCategoryFilterIds: (ids: number[]) => void;
     menuList: any[];
     productLoading: boolean;
     currentPage: number;
@@ -278,8 +280,6 @@ declare const CustomPageConfigContext: React__default.Context<{
     updateConfig: (config: any, index: number) => void;
     removeConfig: (index: number) => void;
     moveConfig: (fromIndex: number, toIndex: number) => void;
-    heroSliderConfigData: any[];
-    onUpdateHeroSlider: (slides: any[]) => Promise<void>;
     loading: boolean;
 }>;
 declare const CustomPageConfigProvider: (props: {
@@ -293,8 +293,6 @@ declare const useCustomPageConfig: () => {
     updateConfig: (config: any, index: number) => void;
     removeConfig: (index: number) => void;
     moveConfig: (fromIndex: number, toIndex: number) => void;
-    heroSliderConfigData: any[];
-    onUpdateHeroSlider: (slides: any[]) => Promise<void>;
     loading: boolean;
 };
 
@@ -397,20 +395,29 @@ declare const ModalProvider: ({ children }: {
 }) => react_jsx_runtime.JSX.Element;
 declare const useModal: () => ModalContextType;
 
-declare const HomeConfigHeroSliderContext: React__default.Context<{
+declare const HERO_SECTION_SLUG = "hero_section";
+type HeroSectionState = {
+    type: string;
+    data: any;
+} | null;
+/** Read a `hero_section` theme row. Empty or missing type means no hero. */
+declare function resolveHeroSection(sectionRow: any): HeroSectionState;
+declare const HomeConfigHeroSectionContext: React__default.Context<{
     loading: boolean;
-    heroSliderConfigData: any;
-    onUpdateHeroSlider: (updatedSlides: any) => void;
+    heroSection: HeroSectionState;
+    onUpdateHeroSection: (next: HeroSectionState) => Promise<void>;
 }>;
-declare const HomeConfigHeroSliderProvider: (props: {
+declare const HomeConfigHeroSectionProvider: (props: {
     children: React__default.ReactNode;
-    /** Server-fetched theme content for SSR / first paint (crawlers). */
-    initialThemeContent?: any;
+    /** `hero_section` theme row from the server. Null when the slug is missing. */
+    initialHeroSection?: any;
+    /** True after the server asked for `hero_section`, even if it is null. */
+    heroContentFetched?: boolean;
 }) => react_jsx_runtime.JSX.Element;
-declare const useHomeConfigHeroSlider: () => {
+declare const useHomeConfigHeroSection: () => {
     loading: boolean;
-    heroSliderConfigData: any;
-    onUpdateHeroSlider: (updatedSlides: any) => void;
+    heroSection: HeroSectionState;
+    onUpdateHeroSection: (next: HeroSectionState) => Promise<void>;
 };
 
 declare const HeaderFooterContext: React__default.Context<{
@@ -546,4 +553,4 @@ type Props = {
 declare const LiveSupportWidgetProvider: React__default.FC<Props>;
 declare const useLiveSupportWidget: () => LiveSupportWidgetContextValue;
 
-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, type ToastSupportApi, type ToastSupportOptions, 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 };
+export { AuthContext, AuthProvider, BaseProvider, BusinessConfigProvider, BusinessMediaContext, BusinessMediaProvider, CartContext, CartProvider, CartWishlistRefreshContext, CartWishlistRefreshProvider, CustomPageConfigContext, CustomPageConfigProvider, CustomerConfigContext, CustomerConfigProvider, FilterContext, FilterProvider, HERO_SECTION_SLUG, HeaderFooterContext, HeaderFooterProvider, type HeroSectionState, HomeConfigContext, HomeConfigHeroSectionContext, HomeConfigHeroSectionProvider, HomeConfigProvider, LiveSupportWidgetProvider, MenuCartContext, MenuCartProvider, MenuFilterContext, MenuFilterProvider, ModalProvider, ProductConfigContext, ProductConfigProvider, ProductDetailContext, ProductDetailProvider, ReferralCodeProvider, StorageContext, StorageProvider, ThemeEditContext, ThemeEditProvider, type ToastSupportApi, type ToastSupportOptions, ToastSupportProvider, WishlistContext, WishlistProvider, resolveHeroSection, useAuth, useBusiness, useBusinessContext, useBusinessMedia, useCart, useCartWishlistRefresh, useCustomPageConfig, useCustomer, useFilter, useHeaderFooter, useHomeConfig, useHomeConfigHeroSection, useLiveSupportWidget, useMenuCart, useMenuFilter, useModal, useProductConfig, useProductDetail, useReferralCode, useStorage, useThemeEdit, useToastSupport, useWishlist };

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

package/dist/provider.cjs

@@ -561,10 +561,18 @@ var CartProvider = (props) => {
   );
 };
 var useCart = () => react.useContext(CartContext);
+var getRouteCategoryId = () => {
+  if (typeof window === "undefined") return null;
+  const match = window.location.pathname.match(/\/products\/[^/]+\/(\d+)\/?$/);
+  if (!match) return null;
+  const id = Number(match[1]);
+  return Number.isFinite(id) ? id : null;
+};
 var FilterContext = react.createContext({
   selectedCategoryId: [],
   addCategoryFilterId: () => null,
   removeCategoryFilterId: () => null,
+  replaceCategoryFilterIds: () => null,
   menuList: [],
   productLoading: true,
   currentPage: 1,
@@ -621,6 +629,7 @@ var FilterProvider = (props) => {
   const [limit, setLimit] = react.useState(10);
   const [offset, setOffset] = react.useState(0);
   const [total, setTotal] = react.useState(0);
+  const waitingForRouteCategory = react.useRef(getRouteCategoryId() != null);
   const fetchBrandList = async () => {
     setBrandLoading(true);
     let body = {
@@ -644,6 +653,15 @@ var FilterProvider = (props) => {
     });
     setCurrentPage(1);
   };
+  const replaceCategoryFilterIds = (ids) => {
+    const unique = Array.from(new Set(ids.filter((id) => Number.isFinite(id))));
+    setSelectedCategoryId(unique);
+    setCurrentPage(1);
+    setOffset(0);
+    setMenuList([]);
+    setProductLoading(true);
+    waitingForRouteCategory.current = false;
+  };
   const categoryFilterKey = selectedCategoryId.length === 1 ? selectedCategoryId[0] : void 0;
   react.useEffect(() => {
     let active = true;
@@ -740,9 +758,10 @@ var FilterProvider = (props) => {
     setVariantLoading(false);
   };
   react.useEffect(() => {
-    if (!filterConfigLoading) {
-      fetchProductList();
-    }
+    if (filterConfigLoading) return;
+    if (waitingForRouteCategory.current && selectedCategoryId.length === 0) return;
+    waitingForRouteCategory.current = false;
+    fetchProductList();
   }, [
     selectedCategoryId,
     currentPage,
@@ -795,6 +814,7 @@ var FilterProvider = (props) => {
         setMenuList,
         addCategoryFilterId,
         removeCategoryFilterId,
+        replaceCategoryFilterIds,
         menuList,
         productLoading,
         currentPage,
@@ -1004,6 +1024,7 @@ var HomeConfigProvider = (props) => {
   });
   const { token } = useThemeEdit();
   const themeConfig = react.useContext(BusinessConfigContext);
+  const themeId = themeConfig.theme.id;
   const [themeConfigData, setThemeConfigData] = react.useState(
     props.initialThemeContent ?? {}
   );
@@ -1011,16 +1032,13 @@ var HomeConfigProvider = (props) => {
   const updateRef = react.useRef(false);
   const [loading, setLoading] = react.useState(!hasInitial);
   const getThemeConfig = react.useCallback(async () => {
-    if (!hasInitial) {
-      setLoading(true);
-    } else {
+    if (hasInitial || !themeId) {
+      if (!themeId) setLoading(false);
       return;
     }
+    setLoading(true);
     try {
-      const response = await api$1.retrieveThemeContent(
-        themeConfig.theme.id,
-        props.page
-      );
+      const response = await api$1.retrieveThemeContent(themeId, props.page);
       setThemeConfigData(response);
       if (response?.data && Array.isArray(response.data)) {
         setSelectedConfig(
@@ -1035,7 +1053,7 @@ var HomeConfigProvider = (props) => {
     } finally {
       setLoading(false);
     }
-  }, [themeConfig.theme.id, hasInitial, props.page]);
+  }, [themeId, hasInitial, props.page]);
   const onUpdateThemeContent = react.useCallback(
     async (configToUpdate = selectedConfig) => {
       try {
@@ -1046,16 +1064,9 @@ var HomeConfigProvider = (props) => {
         };
         if (updateRef.current) return;
         updateRef.current = true;
-        await api$1.updateThemeContent(
-          body,
-          themeConfig?.theme?.id,
-          props.page,
-          token
-        );
-        const updatedResponse = await api$1.retrieveThemeContent(
-          themeConfig.theme.id,
-          props.page
-        );
+        if (!themeId) return;
+        await api$1.updateThemeContent(body, themeId, props.page, token);
+        const updatedResponse = await api$1.retrieveThemeContent(themeId, props.page);
         setThemeConfigData(updatedResponse);
       } catch (error) {
         console.error("Error updating theme content:", error);
@@ -1063,7 +1074,7 @@ var HomeConfigProvider = (props) => {
         updateRef.current = false;
       }
     },
-    [isInitialized, token, themeConfig?.theme?.id, selectedConfig]
+    [isInitialized, token, themeId, selectedConfig]
   );
   const addConfig = react.useCallback(
     async (config) => {
@@ -1129,73 +1140,76 @@ var HomeConfigProvider = (props) => {
   );
 };
 var useHomeConfig = () => react.useContext(HomeConfigContext);
-var HomeConfigHeroSliderContext = react.createContext({
+var HERO_SECTION_SLUG = "hero_section";
+function resolveHeroSection(sectionRow) {
+  if (sectionRow == null) return null;
+  const data = sectionRow.data !== void 0 ? sectionRow.data : sectionRow;
+  if (!data || typeof data !== "object" || Array.isArray(data)) return null;
+  if (typeof data.type !== "string" || !data.type) return null;
+  return { type: data.type, data: data.data };
+}
+var HomeConfigHeroSectionContext = react.createContext({
   loading: true,
-  heroSliderConfigData: [],
-  onUpdateHeroSlider: () => null
+  heroSection: null,
+  onUpdateHeroSection: async () => void 0
 });
-var HomeConfigHeroSliderProvider = (props) => {
-  const hasInitial = Array.isArray(props.initialThemeContent?.data);
-  const [loading, setLoading] = react.useState(!hasInitial);
-  const [heroSliderConfigData, setHeroSliderConfigData] = react.useState(
-    () => hasInitial ? props.initialThemeContent.data : []
+var HomeConfigHeroSectionProvider = (props) => {
+  const [heroSection, setHeroSection] = react.useState(
+    () => props.heroContentFetched ? resolveHeroSection(props.initialHeroSection) : null
   );
+  const [loading, setLoading] = react.useState(!props.heroContentFetched);
   const { token } = useThemeEdit();
   const themeConfig = react.useContext(BusinessConfigContext);
-  const getHeroSliderConfig = react.useCallback(async () => {
-    if (hasInitial) {
+  const themeId = themeConfig.theme.id;
+  const loadHeroSection = react.useCallback(async () => {
+    if (props.heroContentFetched || !themeId) {
+      if (!themeId) setLoading(false);
       return;
     }
     setLoading(true);
     try {
-      const response = await api$1.retrieveThemeContent(
-        themeConfig.theme.id,
-        "hero_slider"
-      );
-      setHeroSliderConfigData(response.data);
+      let sectionRow = null;
+      try {
+        sectionRow = await api$1.retrieveThemeContent(themeId, HERO_SECTION_SLUG);
+      } catch {
+        sectionRow = null;
+      }
+      setHeroSection(resolveHeroSection(sectionRow));
     } catch (error) {
-      console.error("Error fetching hero slider content:", error);
+      console.error("Error fetching hero section:", error);
     } finally {
       setLoading(false);
     }
-  }, [themeConfig.theme.id, hasInitial]);
+  }, [props.heroContentFetched, themeId]);
   react.useEffect(() => {
-    getHeroSliderConfig();
-  }, [getHeroSliderConfig]);
-  const onUpdateHeroSlider = async (configToUpdate) => {
+    loadHeroSection();
+  }, [loadHeroSection]);
+  const onUpdateHeroSection = async (next) => {
     setLoading(true);
     try {
       const body = {
-        data: configToUpdate,
-        slug: "hero_slider",
+        data: next ? { type: next.type, data: next.data } : { type: null, data: null },
+        slug: HERO_SECTION_SLUG,
         platform: typeof window !== "undefined" ? "website" : "app"
       };
-      await api$1.updateThemeContent(
-        body,
-        themeConfig?.theme?.id,
-        "hero_slider",
-        token
-      );
-      const updatedResponse = await api$1.retrieveThemeContent(
-        themeConfig.theme.id,
-        "hero_slider"
-      );
-      setHeroSliderConfigData(updatedResponse.data);
+      await api$1.updateThemeContent(body, themeId, HERO_SECTION_SLUG, token);
+      setHeroSection(next);
     } catch (error) {
-      console.error("Error updating theme content:", error);
+      console.error("Error updating hero section:", error);
+      throw error;
     } finally {
       setLoading(false);
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    HomeConfigHeroSliderContext.Provider,
+    HomeConfigHeroSectionContext.Provider,
     {
-      value: { loading, heroSliderConfigData, onUpdateHeroSlider },
+      value: { loading, heroSection, onUpdateHeroSection },
       children: props.children
     }
   );
 };
-var useHomeConfigHeroSlider = () => react.useContext(HomeConfigHeroSliderContext);
+var useHomeConfigHeroSection = () => react.useContext(HomeConfigHeroSectionContext);
 var CustomPageConfigContext = react.createContext({
   selectedConfig: [],
   setSelectedConfig: () => null,
@@ -1203,28 +1217,26 @@ var CustomPageConfigContext = react.createContext({
   updateConfig: () => null,
   removeConfig: () => null,
   moveConfig: () => null,
-  heroSliderConfigData: [],
-  onUpdateHeroSlider: async () => void 0,
   loading: true
 });
 var CustomPageConfigProvider = (props) => {
   const { token } = useThemeEdit();
   const [selectedConfig, setSelectedConfig] = react.useState([]);
-  const [heroSliderConfigData, setHeroSliderConfigData] = react.useState([]);
+  const [heroSection, setHeroSection] = react.useState(null);
   const [loading, setLoading] = react.useState(true);
   const selectedConfigRef = react.useRef([]);
-  const heroSlidesRef = react.useRef([]);
+  const heroSectionRef = react.useRef(null);
   const saveQueueRef = react.useRef(Promise.resolve());
   const load = react.useCallback(async () => {
     setLoading(true);
     try {
       const row = await api$1.getCustomPageContent(props.pageId, token);
       const fromContent = api$1.splitCustomPageContent(row?.content);
-      const slides = Array.isArray(row?.hero_content) ? row.hero_content : fromContent.heroSlides;
+      const hero = row?.hero_content !== void 0 && row?.hero_content !== null ? api$1.readHeroSectionValue(row.hero_content) : fromContent.heroSection;
       selectedConfigRef.current = fromContent.blocks;
-      heroSlidesRef.current = slides;
+      heroSectionRef.current = hero;
       setSelectedConfig(fromContent.blocks);
-      setHeroSliderConfigData(slides);
+      setHeroSection(hero);
     } catch (e) {
       console.error("Error loading custom page content:", e);
     } finally {
@@ -1232,16 +1244,16 @@ var CustomPageConfigProvider = (props) => {
     }
   }, [props.pageId, token]);
   const persistLatest = react.useCallback(
-    (writeHeroField = false) => {
+    () => {
       const run = async () => {
         try {
           const blocks = selectedConfigRef.current;
-          const slides = heroSlidesRef.current;
+          const hero = heroSectionRef.current;
           await api$1.updateCustomPageContent(
             props.pageId,
             {
-              content: api$1.mergeCustomPageContent(blocks, slides),
-              ...writeHeroField ? { hero_content: slides } : {}
+              content: api$1.mergeCustomPageContent(blocks, hero),
+              hero_content: hero ? { type: hero.type, data: hero.data } : { type: null, data: null }
             },
             token
           );
@@ -1300,12 +1312,11 @@ var CustomPageConfigProvider = (props) => {
     },
     [persistLatest]
   );
-  const onUpdateHeroSlider = react.useCallback(
-    async (slidesToSave) => {
-      const slides = Array.isArray(slidesToSave) ? slidesToSave : [];
-      heroSlidesRef.current = slides;
-      setHeroSliderConfigData(slides);
-      await persistLatest(true);
+  const onUpdateHeroSection = react.useCallback(
+    async (next) => {
+      heroSectionRef.current = next;
+      setHeroSection(next);
+      await persistLatest();
     },
     [persistLatest]
   );
@@ -1322,14 +1333,12 @@ var CustomPageConfigProvider = (props) => {
         updateConfig,
         removeConfig,
         moveConfig,
-        heroSliderConfigData,
-        onUpdateHeroSlider,
         loading
       },
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        HomeConfigHeroSliderContext.Provider,
+        HomeConfigHeroSectionContext.Provider,
         {
-          value: { loading, heroSliderConfigData, onUpdateHeroSlider },
+          value: { loading, heroSection, onUpdateHeroSection },
           children: props.children
         }
       )
@@ -1505,17 +1514,16 @@ var HeaderFooterProvider = (props) => {
   );
   const { token } = useThemeEdit();
   const themeConfig = useBusiness();
+  const themeId = themeConfig.theme.id;
   const [loading, setLoading] = react.useState(!hasInitial);
   const getThemeConfig = react.useCallback(async () => {
-    if (hasInitial) {
+    if (hasInitial || !themeId) {
+      if (!themeId) setLoading(false);
       return;
     }
     setLoading(true);
     try {
-      const response = await api.api.retrieveThemeContent(
-        themeConfig.theme.id,
-        props.page
-      );
+      const response = await api.api.retrieveThemeContent(themeId, props.page);
       response.slug === "header" && setHeaderConfig(response.data);
       response.slug === "footer" && setFooterConfig(response.data);
       response.slug === "announcement" && setAnnouncementConfig(response.data);
@@ -1524,7 +1532,7 @@ var HeaderFooterProvider = (props) => {
     } finally {
       setLoading(false);
     }
-  }, [themeConfig.theme.id, hasInitial, props.page]);
+  }, [themeId, hasInitial, props.page]);
   const onUpdateThemeContent = react.useCallback(
     async (configToUpdate) => {
       try {
@@ -1533,14 +1541,10 @@ var HeaderFooterProvider = (props) => {
           slug: props.page,
           platform: typeof window !== "undefined" ? "website" : "app"
         };
-        await api.api.updateThemeContent(
-          body,
-          themeConfig.theme.id,
-          props.page,
-          token
-        );
+        if (!themeId) return;
+        await api.api.updateThemeContent(body, themeId, props.page, token);
         const updatedResponse = await api.api.retrieveThemeContent(
-          themeConfig.theme.id,
+          themeId,
           props.page
         );
         updatedResponse.slug === "header" && setHeaderConfig(updatedResponse.data);
@@ -1552,7 +1556,7 @@ var HeaderFooterProvider = (props) => {
         setLoading(false);
       }
     },
-    [props.page, themeConfig.theme.id, token]
+    [props.page, themeId, token]
   );
   react.useEffect(() => {
     getThemeConfig();
@@ -2027,11 +2031,12 @@ exports.CustomerConfigContext = CustomerConfigContext;
 exports.CustomerConfigProvider = CustomerConfigProvider;
 exports.FilterContext = FilterContext;
 exports.FilterProvider = FilterProvider;
+exports.HERO_SECTION_SLUG = HERO_SECTION_SLUG;
 exports.HeaderFooterContext = HeaderFooterContext;
 exports.HeaderFooterProvider = HeaderFooterProvider;
 exports.HomeConfigContext = HomeConfigContext;
-exports.HomeConfigHeroSliderContext = HomeConfigHeroSliderContext;
-exports.HomeConfigHeroSliderProvider = HomeConfigHeroSliderProvider;
+exports.HomeConfigHeroSectionContext = HomeConfigHeroSectionContext;
+exports.HomeConfigHeroSectionProvider = HomeConfigHeroSectionProvider;
 exports.HomeConfigProvider = HomeConfigProvider;
 exports.LiveSupportWidgetProvider = LiveSupportWidgetProvider;
 exports.MenuCartContext = MenuCartContext;
@@ -2051,6 +2056,7 @@ exports.ThemeEditProvider = ThemeEditProvider;
 exports.ToastSupportProvider = ToastSupportProvider;
 exports.WishlistContext = WishlistContext;
 exports.WishlistProvider = WishlistProvider;
+exports.resolveHeroSection = resolveHeroSection;
 exports.useAuth = useAuth;
 exports.useBusiness = useBusiness;
 exports.useBusinessContext = useBusinessContext;
@@ -2062,7 +2068,7 @@ exports.useCustomer = useCustomer;
 exports.useFilter = useFilter;
 exports.useHeaderFooter = useHeaderFooter;
 exports.useHomeConfig = useHomeConfig;
-exports.useHomeConfigHeroSlider = useHomeConfigHeroSlider;
+exports.useHomeConfigHeroSection = useHomeConfigHeroSection;
 exports.useLiveSupportWidget = useLiveSupportWidget;
 exports.useMenuCart = useMenuCart;
 exports.useMenuFilter = useMenuFilter;