@growupsell/react-ecommerce-core 1.0.2 → 2.0.0

package/README.md

@@ -0,0 +1,35 @@
+# @growupsell/react-ecommerce-core
+
+React providers, hooks, and shared runtime helpers used by Growupsell ecommerce apps.
+
+## Install
+
+```bash
+npm i @growupsell/react-ecommerce-core @growupsell/api
+```
+
+## Peer dependencies
+
+- `react` `^18`
+- `react-dom` `^18`
+
+## Quick start
+
+```tsx
+import { AuthProvider } from '@growupsell/react-ecommerce-core';
+
+export function AppRoot({ children }: { children: React.ReactNode }) {
+  return <AuthProvider>{children}</AuthProvider>;
+}
+```
+
+## Exports
+
+- `@growupsell/react-ecommerce-core` - root exports
+- `@growupsell/react-ecommerce-core/provider` - provider-focused entry
+- `@growupsell/react-ecommerce-core/business-config-context` - narrow export for `BusinessConfigContext`
+
+## Notes
+
+- This package depends on `@growupsell/api`.
+- `ToastSupportProvider` / `useToastSupport` let cart and wishlist show messages without importing UI. On web, pass `toast` from `@growupsell/react-ecommerce-ui/toast` into `BaseProvider`; on React Native, pass your own implementation or omit (no-ops).

package/dist/business-config-context.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var react = require('react');
+
+// src/provider/BusinessConfigContext.tsx
+var BusinessConfigContext = react.createContext({
+  currency: null,
+  reward_point_config: null,
+  orderConfig: null
+});
+
+exports.BusinessConfigContext = BusinessConfigContext;
+//# sourceMappingURL=business-config-context.cjs.map
+//# sourceMappingURL=business-config-context.cjs.map

package/dist/business-config-context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/BusinessConfigContext.tsx"],"names":["createContext"],"mappings":";;;;;AAGO,IAAM,wBAAwBA,mBAAA,CAIlC;AAAA,EACD,QAAA,EAAU,IAAA;AAAA,EACV,mBAAA,EAAqB,IAAA;AAAA,EACrB,WAAA,EAAa;AACf,CAAC","file":"business-config-context.cjs","sourcesContent":["import { createContext } from 'react';\n\n/** Split out so `@growupsell/react-ecommerce-ui` can consume theme without importing the full provider graph. */\nexport const BusinessConfigContext = createContext<{\n  currency: any;\n  reward_point_config: any;\n  orderConfig: any;\n}>({\n  currency: null,\n  reward_point_config: null,\n  orderConfig: null,\n});\n"]}

package/dist/business-config-context.d.cts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+/** Split out so `@growupsell/react-ecommerce-ui` can consume theme without importing the full provider graph. */
+declare const BusinessConfigContext: React.Context<{
+    currency: any;
+    reward_point_config: any;
+    orderConfig: any;
+}>;
+
+export { BusinessConfigContext };

package/dist/business-config-context.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+/** Split out so `@growupsell/react-ecommerce-ui` can consume theme without importing the full provider graph. */
+declare const BusinessConfigContext: React.Context<{
+    currency: any;
+    reward_point_config: any;
+    orderConfig: any;
+}>;
+
+export { BusinessConfigContext };

package/dist/business-config-context.js

@@ -0,0 +1,3 @@
+export { BusinessConfigContext } from './chunk-SP77KIKJ.js';
+//# sourceMappingURL=business-config-context.js.map
+//# sourceMappingURL=business-config-context.js.map

package/dist/business-config-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"business-config-context.js"}

package/dist/chunk-SP77KIKJ.js

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+
+// src/provider/BusinessConfigContext.tsx
+var BusinessConfigContext = createContext({
+  currency: null,
+  reward_point_config: null,
+  orderConfig: null
+});
+
+export { BusinessConfigContext };
+//# sourceMappingURL=chunk-SP77KIKJ.js.map
+//# sourceMappingURL=chunk-SP77KIKJ.js.map

package/dist/chunk-SP77KIKJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/BusinessConfigContext.tsx"],"names":[],"mappings":";;;AAGO,IAAM,wBAAwB,aAAA,CAIlC;AAAA,EACD,QAAA,EAAU,IAAA;AAAA,EACV,mBAAA,EAAqB,IAAA;AAAA,EACrB,WAAA,EAAa;AACf,CAAC","file":"chunk-SP77KIKJ.js","sourcesContent":["import { createContext } from 'react';\n\n/** Split out so `@growupsell/react-ecommerce-ui` can consume theme without importing the full provider graph. */\nexport const BusinessConfigContext = createContext<{\n  currency: any;\n  reward_point_config: any;\n  orderConfig: any;\n}>({\n  currency: null,\n  reward_point_config: null,\n  orderConfig: null,\n});\n"]}

package/dist/{chunk-D52TP6ZA.js → chunk-XL2AT5BD.js}

@@ -1,12 +1,10 @@
+import { BusinessConfigContext } from './chunk-SP77KIKJ.js';
 import { createContext, useState, useContext, useEffect, useMemo, useRef, useCallback } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+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 { ToastContainer, toast as toast$1 } from 'react-toastify';
 import 'lodash';
-import { FaWhatsapp } from 'react-icons/fa';
 
-// src/provider/StorageProvider.tsx
 var StorageContext = createContext({
   setItem: (key, data, type) => null,
   getItem: (key) => null,
@@ -154,11 +152,6 @@ var BusinessMediaProvider = (props) => {
   return /* @__PURE__ */ jsx(BusinessMediaContext.Provider, { value: { businessMedia, updateBusinessMedia }, children: props.children });
 };
 var useBusinessMedia = () => useContext(BusinessMediaContext);
-var BusinessConfigContext = createContext({
-  currency: null,
-  reward_point_config: null,
-  orderConfig: null
-});
 var BusinessConfigProvider = ({
   children,
   data,
@@ -208,57 +201,28 @@ var BusinessConfigProvider = ({
 };
 var useBusinessContext = () => useContext(BusinessConfigContext);
 var useBusiness = () => useContext(BusinessConfigContext);
-var show = (type, message, options) => {
-  const defaultOptions = {
-    position: "top-right",
-    autoClose: 3e3
+function createNoopToastSupport() {
+  const noop = () => {
   };
-  switch (type) {
-    case "success":
-      toast$1.success(message, {
-        ...defaultOptions,
-        ...options
-      });
-      break;
-    case "error":
-      toast$1.error(message, {
-        ...defaultOptions,
-        ...options
-      });
-      break;
-    case "info":
-      toast$1.info(message, {
-        ...defaultOptions,
-        ...options
-      });
-      break;
-    case "warning":
-      toast$1.warning(message, {
-        ...defaultOptions,
-        ...options
-      });
-      break;
-    case "default":
-      toast$1(message, {
-        ...defaultOptions,
-        ...options
-      });
-      break;
-    default:
-      toast$1(message, {
-        ...defaultOptions,
-        ...options
-      });
-      break;
-  }
-};
-var toast = {
-  success: (message, options) => show("success", message, options),
-  error: (message, options) => show("error", message, options),
-  info: (message, options) => show("info", message, options),
-  warning: (message, options) => show("warning", message, options),
-  default: (message, options) => show("default", message, options)
-};
+  return {
+    success: noop,
+    error: noop,
+    info: noop,
+    warning: noop,
+    default: noop
+  };
+}
+var ToastSupportContext = createContext(createNoopToastSupport());
+function ToastSupportProvider({ children, value }) {
+  const api13 = useMemo(() => {
+    if (!value) return createNoopToastSupport();
+    return { ...createNoopToastSupport(), ...value };
+  }, [value]);
+  return /* @__PURE__ */ jsx(ToastSupportContext.Provider, { value: api13, children });
+}
+function useToastSupport() {
+  return useContext(ToastSupportContext);
+}
 var CartWishlistRefreshContext = createContext({
   refreshType: null,
   setRefreshType: () => null
@@ -279,6 +243,7 @@ var CartContext = createContext({
   onChangeOffer: () => null,
   onChangeOrderType: () => null,
   session: {},
+  setSession: () => null,
   removeAppliedOffer: () => null,
   moveToWishlist: () => null,
   moveToWishlistLoading: false,
@@ -288,6 +253,7 @@ var CartContext = createContext({
   errorMessage: null
 });
 var CartProvider = (props) => {
+  const toast = useToastSupport();
   const [cartItems, setCartItems] = useState([]);
   const [orderFetchLoading, setOrderFetchLoading] = useState(true);
   const [addToCartLoading, setAddToCartLoading] = useState(false);
@@ -561,6 +527,7 @@ var CartProvider = (props) => {
         onChangeOffer,
         onChangeOrderType,
         session,
+        setSession,
         removeAppliedOffer,
         moveToWishlist,
         moveToWishlistLoading,
@@ -864,51 +831,6 @@ var ProductDetailProvider = (props) => {
   );
 };
 var useProductDetail = () => useContext(ProductDetailContext);
-
-// src/tailwind/applyTheme.ts
-function applyTheme(themeRGB) {
-  const themeObject = mapTheme(themeRGB);
-  const root = document.documentElement;
-  Object.keys(themeObject).forEach((v) => {
-    const propertyVal = themeObject[v];
-    const validation = validateRGB(propertyVal);
-    if (!validation) {
-      throw new Error(`Invalid RGB value for ${v}: ${propertyVal}`);
-    }
-    root.style.setProperty(v, propertyVal);
-  });
-}
-function mapTheme(rgb) {
-  return {
-    "--color-primary": rgb["primary"] ?? ""
-  };
-}
-function validateRGB(rgb) {
-  if (!rgb) return true;
-  const rgbRegex = /^(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})$/;
-  return rgbRegex.test(rgb);
-}
-function hexToRgb(hex) {
-  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? `${parseInt(result[1], 16).toString()},${parseInt(result[2], 16).toString()},${parseInt(result[3], 16).toString()}` : null;
-}
-var ThemeContext = createContext({
-  themeRGB: {}
-});
-function ThemeProvider(props) {
-  const config = useContext(BusinessConfigContext);
-  const { theme } = config;
-  const pcolor = hexToRgb(theme?.primary_color);
-  const primaryColor = !!pcolor ? pcolor : "0, 72, 76";
-  useEffect(() => {
-    applyTheme({ primary: primaryColor });
-  }, []);
-  const value = useMemo(() => {
-    return { themeRGB: { primary: primaryColor } };
-  }, [primaryColor]);
-  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children: props.children });
-}
-var useTheme = () => useContext(ThemeContext);
 var ProductConfigContext = createContext({});
 var ProductConfigProvider = (props) => {
   const [productConfig, setProductConfig] = useState({});
@@ -1222,6 +1144,7 @@ var WishlistContext = createContext({
   moveToCartLoading: false
 });
 var WishlistProvider = (props) => {
+  const toast = useToastSupport();
   const [wishlistItems, setWishlistItems] = useState([]);
   const { user } = useAuth();
   const [fetchWishlistLoading, setFetchWishlistLoading] = useState(true);
@@ -1854,16 +1777,6 @@ var MenuCartProvider = (props) => {
   );
 };
 var useMenuCart = () => useContext(MenuCartContext);
-var ToastProvider = () => {
-  return /* @__PURE__ */ jsx(
-    ToastContainer,
-    {
-      position: "top-right",
-      autoClose: 3e3,
-      theme: "colored"
-    }
-  );
-};
 var REFERRAL_STORAGE_KEY = "referralCode";
 var ReferralCodeContext = createContext(null);
 function ReferralCodeProvider({
@@ -1918,32 +1831,6 @@ var LiveSupportWidgetProvider = ({ children }) => {
   return /* @__PURE__ */ jsx(LiveSupportWidgetContext.Provider, { value: { config, loading }, children });
 };
 var useLiveSupportWidget = () => useContext(LiveSupportWidgetContext);
-function LiveSupportWidget() {
-  const { config, loading } = useLiveSupportWidget();
-  if (loading || !config?.is_active || config?.type !== "whatsapp" || !config?.whatsapp_no?.trim()) {
-    return null;
-  }
-  const phone = config.whatsapp_no.replace(/\D/g, "");
-  const whatsappUrl = `https://wa.me/${phone}`;
-  const handleClick = () => {
-    window.open(whatsappUrl, "_blank", "noopener,noreferrer");
-  };
-  console.log(config);
-  console.log(loading);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick: handleClick,
-      style: {
-        bottom: "15px"
-      },
-      className: "fixed bottom-6 fixed right-6 z-[9999] flex h-14 w-14 items-center justify-center rounded-full bg-[#25D366] text-white shadow-lg transition-transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-[#25D366] focus:ring-offset-2",
-      "aria-label": "Chat on WhatsApp",
-      children: /* @__PURE__ */ jsx(FaWhatsapp, { className: "h-8 w-8" })
-    }
-  );
-}
 var BaseProvider = ({
   children,
   baseURL,
@@ -1954,14 +1841,12 @@ var BaseProvider = ({
   isHeader,
   isFooter,
   isAnnouncementBar,
-  referralCodeFromUrl = null
+  referralCodeFromUrl = null,
+  toast
 }) => {
-  return /* @__PURE__ */ jsx(StorageProvider, { storage, 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(ThemeProvider, { children: /* @__PURE__ */ jsxs(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 }) }) }),
-    /* @__PURE__ */ jsx(LiveSupportWidget, {})
-  ] }) }) }) }) }) }) }) }) }) });
+  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, BusinessConfigContext, 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, ThemeContext, ThemeEditContext, ThemeEditProvider, ThemeProvider, ToastProvider, WishlistContext, WishlistProvider, toast, useAuth, useBusiness, useBusinessContext, useBusinessMedia, useCart, useCartWishlistRefresh, useCustomPageConfig, useCustomer, useFilter, useHeaderFooter, useHomeConfig, useHomeConfigHeroSlider, useLiveSupportWidget, useMenuCart, useMenuFilter, useModal, useProductConfig, useProductDetail, useReferralCode, useStorage, useTheme, useThemeEdit, useWishlist };
-//# sourceMappingURL=chunk-D52TP6ZA.js.map
-//# sourceMappingURL=chunk-D52TP6ZA.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-XL2AT5BD.js.map
+//# sourceMappingURL=chunk-XL2AT5BD.js.map