@growupsell/react-ecommerce-core 2.0.10 → 2.0.12

package/dist/{chunk-OJFAUMZC.js → chunk-VK7BF3ES.js}

@@ -2,7 +2,7 @@ import { BusinessConfigContext } from './chunk-SP77KIKJ.js';
 import { createContext, useState, useContext, useEffect, useMemo, useRef, useCallback } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { WAApi, api } from '@growupsell/api';
-import { retrieveThemeContent, updateThemeContent, getCustomPageContent, updateCustomPageContent, createCustomerSession, getBusinessSetting, getRewardPointBusinessConfig, getOrderBusinessConfig } from '@growupsell/api/api';
+import { retrieveThemeContent, updateThemeContent, getCustomPageContent, splitCustomPageContent, createCustomerSession, getBusinessSetting, getRewardPointBusinessConfig, getOrderBusinessConfig, updateCustomPageContent, mergeCustomPageContent } from '@growupsell/api/api';
 import 'lodash';
 
 var StorageContext = createContext({
@@ -241,7 +241,7 @@ var CartWishlistRefreshProvider = (props) => {
 var useCartWishlistRefresh = () => useContext(CartWishlistRefreshContext);
 var CartContext = createContext({
   cartItems: [],
-  addToCart: () => null,
+  addToCart: async () => false,
   addToCartLoading: false,
   addToCartError: null,
   clearCart: () => null,
@@ -443,11 +443,12 @@ var CartProvider = (props) => {
     });
     toast.info("Offer removed");
   };
-  const addToCart = async (sku, quantity) => {
+  const addToCart = async (sku, quantity, customData) => {
     setAddToCartLoading(true);
     setAddToCartError(null);
     setOrderFetchLoading(true);
-    let isItemInCart = cartItems?.find((item) => item.sku.id == sku);
+    const hasCustomData = customData != null && Object.keys(customData).length > 0;
+    let isItemInCart = hasCustomData ? null : cartItems?.find((item) => item.sku.id == sku);
     try {
       if (quantity === 0) {
         if (isItemInCart) {
@@ -460,7 +461,7 @@ var CartProvider = (props) => {
           );
           await fetchOrderDetail();
         }
-        return;
+        return true;
       }
       if (isItemInCart) {
         await api.updateCartItem(isItemInCart.id, {
@@ -474,17 +475,22 @@ var CartProvider = (props) => {
           qty: quantity,
           sku
         };
+        if (hasCustomData) {
+          body.custom_data = customData;
+        }
         await api.addProductToCart(body);
         console.log("New item added to cart.");
         toast.success("Item added to cart");
         await fetchOrderDetail();
       }
+      return true;
     } catch (error) {
       setOrderFetchLoading(false);
       console.log("Error---->", error);
       const message = error?.response?.message || error?.response?.data?.message || error?.message || "Unable to add to cart. Please try again.";
       setAddToCartError(message);
       toast.error(message);
+      return false;
     } finally {
       setAddToCartLoading(false);
     }
@@ -1042,82 +1048,111 @@ var CustomPageConfigContext = createContext({
   updateConfig: () => null,
   removeConfig: () => null,
   moveConfig: () => null,
+  heroSliderConfigData: [],
+  onUpdateHeroSlider: async () => void 0,
   loading: true
 });
 var CustomPageConfigProvider = (props) => {
   const { token } = useThemeEdit();
   const [selectedConfig, setSelectedConfig] = useState([]);
+  const [heroSliderConfigData, setHeroSliderConfigData] = useState([]);
   const [loading, setLoading] = useState(true);
-  const updateRef = useRef(false);
+  const selectedConfigRef = useRef([]);
+  const heroSlidesRef = useRef([]);
+  const saveQueueRef = useRef(Promise.resolve());
   const load = useCallback(async () => {
     setLoading(true);
     try {
       const row = await getCustomPageContent(props.pageId, token);
-      const data = row?.content;
-      setSelectedConfig(Array.isArray(data) ? data.filter((x) => x != null) : []);
+      const fromContent = splitCustomPageContent(row?.content);
+      const slides = Array.isArray(row?.hero_content) ? row.hero_content : fromContent.heroSlides;
+      selectedConfigRef.current = fromContent.blocks;
+      heroSlidesRef.current = slides;
+      setSelectedConfig(fromContent.blocks);
+      setHeroSliderConfigData(slides);
     } catch (e) {
       console.error("Error loading custom page content:", e);
     } finally {
       setLoading(false);
     }
   }, [props.pageId, token]);
-  const persist = useCallback(
-    async (configToSave) => {
-      try {
-        if (updateRef.current) return;
-        updateRef.current = true;
-        await updateCustomPageContent(props.pageId, configToSave, token);
-        await load();
-      } catch (e) {
-        console.error("Error saving custom page content:", e);
-      } finally {
-        updateRef.current = false;
-      }
+  const persistLatest = useCallback(
+    (writeHeroField = false) => {
+      const run = async () => {
+        try {
+          const blocks = selectedConfigRef.current;
+          const slides = heroSlidesRef.current;
+          await updateCustomPageContent(
+            props.pageId,
+            {
+              content: mergeCustomPageContent(blocks, slides),
+              ...writeHeroField ? { hero_content: slides } : {}
+            },
+            token
+          );
+        } catch (e) {
+          console.error("Error saving custom page content:", e);
+        }
+      };
+      const queued = saveQueueRef.current.then(run, run);
+      saveQueueRef.current = queued;
+      return queued;
     },
-    [props.pageId, token, load]
+    [props.pageId, token]
   );
+  const replaceSelectedConfig = useCallback((value) => {
+    const next = typeof value === "function" ? value(selectedConfigRef.current) : value;
+    const normalized = Array.isArray(next) ? next : [];
+    selectedConfigRef.current = normalized;
+    setSelectedConfig(normalized);
+  }, []);
   const addConfig = useCallback(
-    async (config) => {
-      setSelectedConfig((prev) => {
-        const next = [...prev, config];
-        persist(next);
-        return next;
-      });
+    (config) => {
+      const next = [...selectedConfigRef.current, config];
+      selectedConfigRef.current = next;
+      setSelectedConfig(next);
+      void persistLatest();
     },
-    [persist]
+    [persistLatest]
   );
   const updateConfig = useCallback(
-    async (config, index) => {
-      setSelectedConfig((prev) => {
-        const next = [...prev];
-        next[index] = config;
-        persist(next);
-        return next;
-      });
+    (config, index) => {
+      const next = [...selectedConfigRef.current];
+      next[index] = config;
+      selectedConfigRef.current = next;
+      setSelectedConfig(next);
+      void persistLatest();
     },
-    [persist]
+    [persistLatest]
   );
   const moveConfig = useCallback(
     (fromIndex, toIndex) => {
-      setSelectedConfig((prev) => {
-        const next = [...prev];
-        const [moved] = next.splice(fromIndex, 1);
-        next.splice(toIndex, 0, moved);
-        persist(next);
-        return next;
-      });
+      const next = [...selectedConfigRef.current];
+      const [moved] = next.splice(fromIndex, 1);
+      next.splice(toIndex, 0, moved);
+      selectedConfigRef.current = next;
+      setSelectedConfig(next);
+      void persistLatest();
     },
-    [persist]
+    [persistLatest]
   );
   const removeConfig = useCallback(
-    async (index) => {
-      setSelectedConfig((prev) => {
-        const next = prev.filter((_2, i) => i !== index);
-        persist(next);
-        return next;
-      });
+    (index) => {
+      const next = selectedConfigRef.current.filter((_2, i) => i !== index);
+      selectedConfigRef.current = next;
+      setSelectedConfig(next);
+      void persistLatest();
+    },
+    [persistLatest]
+  );
+  const onUpdateHeroSlider = useCallback(
+    async (slidesToSave) => {
+      const slides = Array.isArray(slidesToSave) ? slidesToSave : [];
+      heroSlidesRef.current = slides;
+      setHeroSliderConfigData(slides);
+      await persistLatest(true);
     },
-    [persist]
+    [persistLatest]
   );
   useEffect(() => {
     load();
@@ -1127,11 +1162,13 @@ var CustomPageConfigProvider = (props) => {
     {
       value: {
         selectedConfig,
-        setSelectedConfig,
+        setSelectedConfig: replaceSelectedConfig,
         addConfig,
         updateConfig,
         removeConfig,
         moveConfig,
+        heroSliderConfigData,
+        onUpdateHeroSlider,
         loading
       },
       children: props.children
@@ -1139,6 +1176,75 @@ var CustomPageConfigProvider = (props) => {
   );
 };
 var useCustomPageConfig = () => useContext(CustomPageConfigContext);
+var HomeConfigHeroSliderContext = createContext({
+  loading: true,
+  heroSliderConfigData: [],
+  onUpdateHeroSlider: () => null
+});
+var HomeConfigHeroSliderProvider = (props) => {
+  const [loading, setLoading] = useState(true);
+  const [heroSliderConfigData, setHeroSliderConfigData] = useState([]);
+  const { token } = useThemeEdit();
+  const themeConfig = useContext(BusinessConfigContext);
+  const getHeroSliderConfig = async () => {
+    setLoading(true);
+    try {
+      const response = await retrieveThemeContent(
+        themeConfig.theme.id,
+        "hero_slider"
+      );
+      setHeroSliderConfigData(response.data);
+    } finally {
+      setLoading(false);
+    }
+  };
+  useEffect(() => {
+    getHeroSliderConfig();
+  }, []);
+  const onUpdateHeroSlider = async (configToUpdate) => {
+    setLoading(true);
+    try {
+      const body = {
+        data: configToUpdate,
+        slug: "hero_slider",
+        platform: typeof window !== "undefined" ? "website" : "app"
+      };
+      await updateThemeContent(
+        body,
+        themeConfig?.theme?.id,
+        "hero_slider",
+        token
+      );
+      const updatedResponse = await retrieveThemeContent(
+        themeConfig.theme.id,
+        "hero_slider"
+      );
+      setHeroSliderConfigData(updatedResponse.data);
+    } catch (error) {
+      console.error("Error updating theme content:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    HomeConfigHeroSliderContext.Provider,
+    {
+      value: { loading, heroSliderConfigData, onUpdateHeroSlider },
+      children: props.children
+    }
+  );
+};
+var useHomeConfigHeroSlider = () => useContext(HomeConfigHeroSliderContext);
+var CustomPageHeroSliderProvider = (props) => {
+  const { loading, heroSliderConfigData, onUpdateHeroSlider } = useCustomPageConfig();
+  return /* @__PURE__ */ jsx(
+    HomeConfigHeroSliderContext.Provider,
+    {
+      value: { loading, heroSliderConfigData, onUpdateHeroSlider },
+      children: props.children
+    }
+  );
+};
 var WishlistContext = createContext({
   wishlistItems: [],
   addToWishlist: () => null,
@@ -1271,65 +1377,6 @@ var useModal = () => {
   }
   return context;
 };
-var HomeConfigHeroSliderContext = createContext({
-  loading: true,
-  heroSliderConfigData: [],
-  onUpdateHeroSlider: () => null
-});
-var HomeConfigHeroSliderProvider = (props) => {
-  const [loading, setLoading] = useState(true);
-  const [heroSliderConfigData, setHeroSliderConfigData] = useState([]);
-  const { token } = useThemeEdit();
-  const themeConfig = useContext(BusinessConfigContext);
-  const getHeroSliderConfig = async () => {
-    setLoading(true);
-    try {
-      const response = await retrieveThemeContent(
-        themeConfig.theme.id,
-        "hero_slider"
-      );
-      setHeroSliderConfigData(response.data);
-    } finally {
-      setLoading(false);
-    }
-  };
-  useEffect(() => {
-    getHeroSliderConfig();
-  }, []);
-  const onUpdateHeroSlider = async (configToUpdate) => {
-    setLoading(true);
-    try {
-      const body = {
-        data: configToUpdate,
-        slug: "hero_slider",
-        platform: typeof window !== "undefined" ? "website" : "app"
-      };
-      await updateThemeContent(
-        body,
-        themeConfig?.theme?.id,
-        "hero_slider",
-        token
-      );
-      const updatedResponse = await retrieveThemeContent(
-        themeConfig.theme.id,
-        "hero_slider"
-      );
-      setHeroSliderConfigData(updatedResponse.data);
-    } catch (error) {
-      console.error("Error updating theme content:", error);
-    } finally {
-      setLoading(false);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    HomeConfigHeroSliderContext.Provider,
-    {
-      value: { loading, heroSliderConfigData, onUpdateHeroSlider },
-      children: props.children
-    }
-  );
-};
-var useHomeConfigHeroSlider = () => useContext(HomeConfigHeroSliderContext);
 var HeaderFooterContext = createContext({
   headerConfig: {},
   footerConfig: {},
@@ -1854,6 +1901,6 @@ var BaseProvider = ({
   return /* @__PURE__ */ jsx(StorageProvider, { storage, children: /* @__PURE__ */ jsx(ToastSupportProvider, { value: toast, children: /* @__PURE__ */ jsx(BusinessConfigProvider, { data: businessConfig, baseURL, children: /* @__PURE__ */ jsx(ReferralCodeProvider, { referralCodeFromUrl, children: /* @__PURE__ */ jsx(ThemeEditProvider, { isThemeEdit: isEdit, token, isHeader, isFooter, isAnnouncementBar, children: /* @__PURE__ */ jsx(BusinessMediaProvider, { children: /* @__PURE__ */ jsx(CustomerConfigProvider, { children: /* @__PURE__ */ jsx(AuthProvider, { children: /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(LiveSupportWidgetProvider, { children: businessConfig.category.type == "retail" ? /* @__PURE__ */ jsx(ProductConfigProvider, { children: /* @__PURE__ */ jsx(CartWishlistRefreshProvider, { children: /* @__PURE__ */ jsx(CartProvider, { children: /* @__PURE__ */ jsx(WishlistProvider, { children: /* @__PURE__ */ jsx(FilterProvider, { children: /* @__PURE__ */ jsx(Fragment, { children }) }) }) }) }) }) : /* @__PURE__ */ jsx(MenuCartProvider, { children: /* @__PURE__ */ jsx(MenuFilterProvider, { children: /* @__PURE__ */ jsx(Fragment, { children }) }) }) }) }) }) }) }) }) }) }) }) });
 };
 
-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 };
-//# sourceMappingURL=chunk-OJFAUMZC.js.map
-//# sourceMappingURL=chunk-OJFAUMZC.js.map
+export { AuthContext, AuthProvider, BaseProvider, BusinessConfigProvider, BusinessMediaContext, BusinessMediaProvider, CartContext, CartProvider, CartWishlistRefreshContext, CartWishlistRefreshProvider, CustomPageConfigContext, CustomPageConfigProvider, CustomPageHeroSliderProvider, 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 };
+//# sourceMappingURL=chunk-VK7BF3ES.js.map
+//# sourceMappingURL=chunk-VK7BF3ES.js.map