@growupsell/react-ecommerce-core 2.0.13 → 2.0.16

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

@@ -769,11 +769,42 @@ var ProductDetailContext = createContext({
   waitProductLoading: true,
   setSelectedVariants: () => null
 });
+function resolveSelectedVariants(productDetail, selected_variants) {
+  if (!productDetail?.variant) return [];
+  if (selected_variants !== null && selected_variants !== void 0) {
+    const selectedIds = String(selected_variants).split(",").map(Number).filter((id) => Number.isFinite(id));
+    return productDetail.variant?.map((vType) => {
+      const matchedVariant = vType.variants.find(
+        (variant) => selectedIds.includes(variant.id)
+      );
+      if (matchedVariant) {
+        return {
+          id: matchedVariant.id,
+          type: vType.variant_type.type,
+          value: matchedVariant.label
+        };
+      }
+      return null;
+    }).filter(Boolean) || [];
+  }
+  return productDetail.variant?.map((vType) => ({
+    id: vType.variants[0].id,
+    type: vType.variant_type.type,
+    value: vType.variants[0].label
+  })) || [];
+}
 var ProductDetailProvider = (props) => {
-  const [selectedVariants, setSelectedVariants] = useState([]);
-  const [productDetail, setProductDetail] = useState([]);
-  const [waitProductLoading, setWaitProductLoading] = useState(true);
-  const selectedIds = props?.selected_variants?.split(",").map(Number);
+  const hasInitial = Boolean(props.initialProductDetail);
+  const [selectedVariants, setSelectedVariants] = useState(
+    () => hasInitial ? resolveSelectedVariants(
+      props.initialProductDetail,
+      props.selected_variants
+    ) : []
+  );
+  const [productDetail, setProductDetail] = useState(
+    props.initialProductDetail ?? null
+  );
+  const [waitProductLoading, setWaitProductLoading] = useState(!hasInitial);
   const selectUnselectVariants = (type, value, id) => {
     setWaitProductLoading(true);
     setSelectedVariants((prev) => {
@@ -793,35 +824,15 @@ var ProductDetailProvider = (props) => {
   };
   useEffect(() => {
     (async () => {
-      setWaitProductLoading(true);
+      if (!hasInitial) {
+        setWaitProductLoading(true);
+      }
       try {
         const productDetail2 = await api.getProductDetail(props.productId);
         setProductDetail(productDetail2);
-        if (props.selected_variants !== null) {
-          const initialV = productDetail2?.variant?.map((vType) => {
-            const matchedVariant = vType.variants.find(
-              (variant) => selectedIds.includes(variant.id)
-            );
-            if (matchedVariant) {
-              return {
-                id: matchedVariant.id,
-                type: vType.variant_type.type,
-                value: matchedVariant.label
-              };
-            }
-            return null;
-          }).filter(Boolean);
-          setSelectedVariants(initialV || []);
-        } else {
-          let initialV = productDetail2.variant.map((vType) => {
-            return {
-              id: vType.variants[0].id,
-              type: vType.variant_type.type,
-              value: vType.variants[0].label
-            };
-          });
-          setSelectedVariants(initialV || []);
-        }
+        setSelectedVariants(
+          resolveSelectedVariants(productDetail2, props.selected_variants)
+        );
       } catch (error) {
         console.error("Error loading product details:", error);
       } finally {
@@ -919,15 +930,25 @@ var HomeConfigContext = createContext({
   loading: true
 });
 var HomeConfigProvider = (props) => {
-  const [selectedConfig, setSelectedConfig] = useState([]);
+  const hasInitial = Boolean(props.initialThemeContent);
+  const [selectedConfig, setSelectedConfig] = useState(() => {
+    const data = props.initialThemeContent?.data;
+    return Array.isArray(data) ? data.filter((item) => item !== null && item !== void 0) : [];
+  });
   const { token } = useThemeEdit();
   const themeConfig = useContext(BusinessConfigContext);
-  const [themeConfigData, setThemeConfigData] = useState({});
-  const [isInitialized, setIsInitialized] = useState(false);
+  const [themeConfigData, setThemeConfigData] = useState(
+    props.initialThemeContent ?? {}
+  );
+  const [isInitialized, setIsInitialized] = useState(hasInitial);
   const updateRef = useRef(false);
-  const [loading, setLoading] = useState(true);
+  const [loading, setLoading] = useState(!hasInitial);
   const getThemeConfig = useCallback(async () => {
-    setLoading(true);
+    if (!hasInitial) {
+      setLoading(true);
+    } else {
+      return;
+    }
     try {
       const response = await retrieveThemeContent(
         themeConfig.theme.id,
@@ -943,11 +964,11 @@ var HomeConfigProvider = (props) => {
       }
       setIsInitialized(true);
     } catch (error) {
-      console.error("Error fetching theme content:", error);
+      console.log("Error fetching theme content:", error);
     } finally {
       setLoading(false);
     }
-  }, [themeConfig.theme.id]);
+  }, [themeConfig.theme.id, hasInitial, props.page]);
   const onUpdateThemeContent = useCallback(
     async (configToUpdate = selectedConfig) => {
       try {
@@ -1041,6 +1062,73 @@ var HomeConfigProvider = (props) => {
   );
 };
 var useHomeConfig = () => useContext(HomeConfigContext);
+var HomeConfigHeroSliderContext = createContext({
+  loading: true,
+  heroSliderConfigData: [],
+  onUpdateHeroSlider: () => null
+});
+var HomeConfigHeroSliderProvider = (props) => {
+  const hasInitial = Array.isArray(props.initialThemeContent?.data);
+  const [loading, setLoading] = useState(!hasInitial);
+  const [heroSliderConfigData, setHeroSliderConfigData] = useState(
+    () => hasInitial ? props.initialThemeContent.data : []
+  );
+  const { token } = useThemeEdit();
+  const themeConfig = useContext(BusinessConfigContext);
+  const getHeroSliderConfig = useCallback(async () => {
+    if (hasInitial) {
+      return;
+    }
+    setLoading(true);
+    try {
+      const response = await retrieveThemeContent(
+        themeConfig.theme.id,
+        "hero_slider"
+      );
+      setHeroSliderConfigData(response.data);
+    } catch (error) {
+      console.error("Error fetching hero slider content:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, [themeConfig.theme.id, hasInitial]);
+  useEffect(() => {
+    getHeroSliderConfig();
+  }, [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 CustomPageConfigContext = createContext({
   selectedConfig: [],
   setSelectedConfig: () => null,
@@ -1171,80 +1259,17 @@ var CustomPageConfigProvider = (props) => {
         onUpdateHeroSlider,
         loading
       },
-      children: props.children
+      children: /* @__PURE__ */ jsx(
+        HomeConfigHeroSliderContext.Provider,
+        {
+          value: { loading, heroSliderConfigData, onUpdateHeroSlider },
+          children: props.children
+        }
+      )
     }
   );
 };
 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,
@@ -1385,13 +1410,24 @@ var HeaderFooterContext = createContext({
   announcementConfig: {}
 });
 var HeaderFooterProvider = (props) => {
-  const [headerConfig, setHeaderConfig] = useState({});
-  const [footerConfig, setFooterConfig] = useState({});
-  const [announcementConfig, setAnnouncementConfig] = useState({});
+  const hasInitial = props.initialThemeContent != null && "data" in props.initialThemeContent;
+  const initialData = hasInitial ? props.initialThemeContent.data ?? {} : {};
+  const [headerConfig, setHeaderConfig] = useState(
+    () => props.page === "header" ? initialData : {}
+  );
+  const [footerConfig, setFooterConfig] = useState(
+    () => props.page === "footer" ? initialData : {}
+  );
+  const [announcementConfig, setAnnouncementConfig] = useState(
+    () => props.page === "announcement" ? initialData : {}
+  );
   const { token } = useThemeEdit();
   const themeConfig = useBusiness();
-  const [loading, setLoading] = useState(true);
+  const [loading, setLoading] = useState(!hasInitial);
   const getThemeConfig = useCallback(async () => {
+    if (hasInitial) {
+      return;
+    }
     setLoading(true);
     try {
       const response = await api.retrieveThemeContent(
@@ -1406,7 +1442,7 @@ var HeaderFooterProvider = (props) => {
     } finally {
       setLoading(false);
     }
-  }, [themeConfig.theme.id]);
+  }, [themeConfig.theme.id, hasInitial, props.page]);
   const onUpdateThemeContent = useCallback(
     async (configToUpdate) => {
       try {
@@ -1434,7 +1470,7 @@ var HeaderFooterProvider = (props) => {
         setLoading(false);
       }
     },
-    [props.page]
+    [props.page, themeConfig.theme.id, token]
   );
   useEffect(() => {
     getThemeConfig();
@@ -1442,7 +1478,13 @@ var HeaderFooterProvider = (props) => {
   return /* @__PURE__ */ jsx(
     HeaderFooterContext.Provider,
     {
-      value: { headerConfig, footerConfig, onUpdateThemeContent, loading, announcementConfig },
+      value: {
+        headerConfig,
+        footerConfig,
+        onUpdateThemeContent,
+        loading,
+        announcementConfig
+      },
       children: loading ? null : props.children
     }
   );
@@ -1901,6 +1943,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, 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
+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-ID4JKOXT.js.map
+//# sourceMappingURL=chunk-ID4JKOXT.js.map