@storepecker/storefront-core 1.0.0

package/dist/hooks/index.cjs

@@ -0,0 +1,381 @@
+'use strict';
+
+var chunkKWKHHRRJ_cjs = require('../chunk-KWKHHRRJ.cjs');
+var chunkGH75WUO2_cjs = require('../chunk-GH75WUO2.cjs');
+var chunkRCXQJ6XC_cjs = require('../chunk-RCXQJ6XC.cjs');
+require('../chunk-CFF632IQ.cjs');
+var chunkLC5ZAUKL_cjs = require('../chunk-LC5ZAUKL.cjs');
+var chunkA6IO3HIN_cjs = require('../chunk-A6IO3HIN.cjs');
+require('../chunk-K44JZ5NL.cjs');
+var chunkQM73PI5L_cjs = require('../chunk-QM73PI5L.cjs');
+var chunkJHGXIIBZ_cjs = require('../chunk-JHGXIIBZ.cjs');
+require('../chunk-4CVKE6CC.cjs');
+require('../chunk-K5B62JZO.cjs');
+require('../chunk-UXLUE3HW.cjs');
+require('../chunk-GQTO5ZE2.cjs');
+require('../chunk-N3CTXRFT.cjs');
+var react = require('react');
+
+var useAddress = () => {
+  const [data, setData] = react.useState([]);
+  const [error, setError] = react.useState(null);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const hasFetched = react.useRef(false);
+  const fetchData = react.useCallback(async () => {
+    try {
+      setIsLoading(true);
+      const result = await chunkJHGXIIBZ_cjs.getAddresses("/store/customer_address/");
+      setData(result || []);
+      setError(null);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  react.useEffect(() => {
+    if (!hasFetched.current) {
+      hasFetched.current = true;
+      fetchData();
+    }
+  }, [fetchData]);
+  return { data, error, isLoading, mutate: fetchData };
+};
+var useCart = (addressId) => {
+  const [data, setData] = react.useState(void 0);
+  const [error, setError] = react.useState(null);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const fetchData = react.useCallback(
+    async (addrId) => {
+      try {
+        setIsLoading(true);
+        const result = await chunkRCXQJ6XC_cjs.getCart("/customer/cart/", addrId ?? addressId);
+        setData(result);
+        setError(null);
+      } catch (err) {
+        setError(err);
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [addressId]
+  );
+  react.useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  const refetchWithParams = react.useCallback(
+    (newAddressId) => {
+      fetchData(newAddressId);
+    },
+    [fetchData]
+  );
+  return { data, error, isLoading, mutate: fetchData, refetchWithParams };
+};
+var useOrders = (filters) => {
+  const [data, setData] = react.useState(void 0);
+  const [error, setError] = react.useState(null);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const queryString = new URLSearchParams(filters).toString();
+  const fetchData = react.useCallback(async () => {
+    try {
+      setIsLoading(true);
+      const url = `/customer/order/?${queryString}`;
+      const result = await chunkA6IO3HIN_cjs.getOrders(url);
+      setData(result);
+      setError(null);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [queryString]);
+  react.useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  return { data, error, isLoading, mutate: fetchData };
+};
+var useGetProducts = (filter) => {
+  const [data, setData] = react.useState(
+    void 0
+  );
+  const [isLoading, setIsLoading] = react.useState(true);
+  const hasFetched = react.useRef(false);
+  react.useEffect(() => {
+    if (hasFetched.current) return;
+    hasFetched.current = true;
+    const fetchData = async () => {
+      try {
+        setIsLoading(true);
+        const result = await chunkRCXQJ6XC_cjs.getProductList("/inventory/products/", filter);
+        setData(result);
+      } catch (err) {
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    fetchData();
+  }, []);
+  return { data, loading: isLoading && !data, isLoading };
+};
+var useGetProductDetails = (slug) => {
+  const [data, setData] = react.useState(void 0);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const fetchData = react.useCallback(async () => {
+    try {
+      setIsLoading(true);
+      const result = await chunkRCXQJ6XC_cjs.getProductDetail("/inventory/products/", slug);
+      setData(result);
+    } catch (err) {
+    } finally {
+      setIsLoading(false);
+    }
+  }, [slug]);
+  react.useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  return { data, loading: isLoading && !data, isLoading };
+};
+var useGetProductCategories = () => {
+  const [data, setData] = react.useState([]);
+  const [error, setError] = react.useState(null);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const hasFetched = react.useRef(false);
+  react.useEffect(() => {
+    if (hasFetched.current) return;
+    hasFetched.current = true;
+    const fetchData = async () => {
+      try {
+        setIsLoading(true);
+        const result = await chunkRCXQJ6XC_cjs.getProductCategories("/store/categories");
+        setData(result || []);
+      } catch (err) {
+        setError(err);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    fetchData();
+  }, []);
+  return { data, loading: isLoading, error };
+};
+var useUserDetails = () => {
+  const [data, setData] = react.useState(void 0);
+  const [error, setError] = react.useState(null);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const hasFetched = react.useRef(false);
+  const fetchData = react.useCallback(async () => {
+    try {
+      setIsLoading(true);
+      const result = await chunkKWKHHRRJ_cjs.getUserDetails("/users/store/profile/");
+      setData(result);
+      setError(null);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  react.useEffect(() => {
+    if (!hasFetched.current) {
+      hasFetched.current = true;
+      fetchData();
+    }
+  }, [fetchData]);
+  return { data, error, isLoading, mutate: fetchData };
+};
+var useWishlist = () => {
+  const [data, setData] = react.useState(void 0);
+  const [error, setError] = react.useState(null);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const hasFetched = react.useRef(false);
+  const fetchData = react.useCallback(async () => {
+    try {
+      setIsLoading(true);
+      const result = await chunkRCXQJ6XC_cjs.getWishlist("/customer/wishlist/");
+      setData(result);
+      setError(null);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  react.useEffect(() => {
+    if (!hasFetched.current) {
+      hasFetched.current = true;
+      fetchData();
+    }
+  }, [fetchData]);
+  return { data, error, isLoading, mutate: fetchData };
+};
+var useProductDetailModal = () => {
+  const [selectedProductSlug, setSelectedProductSlug] = react.useState();
+  const [isModalOpen, setIsModalOpen] = react.useState(false);
+  const _handleOnOpenModal = (productSlug) => {
+    setSelectedProductSlug(productSlug);
+    document.body.style.overflow = "hidden";
+    setIsModalOpen(true);
+  };
+  const _handleOnCloseModal = () => {
+    document.body.style.overflow = "auto";
+    setIsModalOpen(false);
+  };
+  return {
+    isModalOpen,
+    onOpenModal: _handleOnOpenModal,
+    onCloseModal: _handleOnCloseModal,
+    selectedProductSlug
+  };
+};
+var useServiceFormModal = () => {
+  const [isModalOpen, setIsModalOpen] = react.useState(false);
+  const _handleOnOpenModal = () => {
+    document.body.style.overflow = "hidden";
+    setIsModalOpen(true);
+  };
+  const _handleOnCloseModal = () => {
+    document.body.style.overflow = "auto";
+    setIsModalOpen(false);
+  };
+  return {
+    isServiceModalOpen: isModalOpen,
+    onOpenServiceModal: _handleOnOpenModal,
+    onCloseServiceModal: _handleOnCloseModal
+  };
+};
+function useCheckoutPayment(options) {
+  const [orderSummary, setOrderSummary] = react.useState(null);
+  const [isPlacingOrder, setIsPlacingOrder] = react.useState(false);
+  const [isConfirmingPayment, setIsConfirmingPayment] = react.useState(false);
+  const [showSuccessModal, setShowSuccessModal] = react.useState(false);
+  const [showFailureModal, setShowFailureModal] = react.useState(false);
+  const resetCartCount = chunkGH75WUO2_cjs.useCartStore((s) => s.resetCartCount);
+  const callbacks = {
+    onSuccess: (order) => {
+      setOrderSummary(order);
+      setShowSuccessModal(true);
+      options.onSuccess?.(order);
+    },
+    onFailure: (order) => {
+      setOrderSummary(order);
+      setShowFailureModal(true);
+      options.onFailure?.(order);
+    },
+    onRedirect: options.onRedirect,
+    onStripeModalOpen: options.onStripeModalOpen,
+    onCartReset: resetCartCount,
+    onPaymentStart: () => setIsConfirmingPayment(true),
+    onPaymentEnd: () => setIsConfirmingPayment(false)
+  };
+  const placeAndPay = react.useCallback(
+    async (addressId, paymentMethod) => {
+      try {
+        setIsPlacingOrder(true);
+        const isCod = paymentMethod === "cod";
+        const response = await chunkA6IO3HIN_cjs.placeOrder(
+          addressId,
+          options.phonepeRedirectUrl,
+          isCod,
+          options.stripeRedirectUrl,
+          options.tabbyRedirectUrl
+        );
+        const order = response.data;
+        setOrderSummary(order);
+        chunkLC5ZAUKL_cjs.processPayment(order, paymentMethod, callbacks);
+      } catch {
+        setShowFailureModal(true);
+      } finally {
+        setIsPlacingOrder(false);
+      }
+    },
+    [options.phonepeRedirectUrl, options.stripeRedirectUrl, options.tabbyRedirectUrl]
+  );
+  return {
+    orderSummary,
+    isPlacingOrder,
+    isConfirmingPayment,
+    showSuccessModal,
+    showFailureModal,
+    setShowSuccessModal,
+    setShowFailureModal,
+    placeAndPay
+  };
+}
+function useCheckoutCoupon(options) {
+  const [availableCoupons, setAvailableCoupons] = react.useState([]);
+  const [appliedCoupon, setAppliedCoupon] = react.useState(null);
+  const [isApplying, setIsApplying] = react.useState(false);
+  const [isLoading, setIsLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const callbacks = { onCartRefresh: options.onCartRefresh };
+  const refreshCoupons = react.useCallback(async () => {
+    setIsLoading(true);
+    try {
+      const [coupons, applied] = await Promise.all([
+        chunkLC5ZAUKL_cjs.fetchAvailableCoupons(),
+        chunkLC5ZAUKL_cjs.fetchAppliedCoupon()
+      ]);
+      setAvailableCoupons(coupons);
+      setAppliedCoupon(applied);
+    } catch {
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  const applyCouponHandler = react.useCallback(
+    async (code) => {
+      setError(null);
+      setIsApplying(true);
+      try {
+        const coupon = await chunkLC5ZAUKL_cjs.applyCheckoutCoupon(code, callbacks);
+        setAppliedCoupon(coupon);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to apply coupon");
+      } finally {
+        setIsApplying(false);
+      }
+    },
+    [options.onCartRefresh]
+  );
+  const removeCouponHandler = react.useCallback(async () => {
+    if (!appliedCoupon) return;
+    try {
+      await chunkLC5ZAUKL_cjs.removeCheckoutCoupon(appliedCoupon.coupon_code, callbacks);
+      setAppliedCoupon(null);
+      setError(null);
+    } catch {
+    }
+  }, [appliedCoupon, options.onCartRefresh]);
+  react.useEffect(() => {
+    if (options.autoFetch !== false) {
+      refreshCoupons();
+    }
+  }, []);
+  return {
+    availableCoupons,
+    appliedCoupon,
+    isApplying,
+    isLoading,
+    error,
+    applyCoupon: applyCouponHandler,
+    removeCoupon: removeCouponHandler,
+    refreshCoupons
+  };
+}
+
+Object.defineProperty(exports, "useAddressForm", {
+  enumerable: true,
+  get: function () { return chunkQM73PI5L_cjs.useAddressForm; }
+});
+exports.useAddress = useAddress;
+exports.useCart = useCart;
+exports.useCheckoutCoupon = useCheckoutCoupon;
+exports.useCheckoutPayment = useCheckoutPayment;
+exports.useGetProductCategories = useGetProductCategories;
+exports.useGetProductDetails = useGetProductDetails;
+exports.useGetProducts = useGetProducts;
+exports.useOrders = useOrders;
+exports.useProductDetailModal = useProductDetailModal;
+exports.useServiceFormModal = useServiceFormModal;
+exports.useUserDetails = useUserDetails;
+exports.useWishlist = useWishlist;

package/dist/hooks/index.d.cts

@@ -0,0 +1,123 @@
+import { A as Address } from '../address-DQEZzyUG.cjs';
+import { C as Cart, d as Product } from '../cart-DVrn8hD0.cjs';
+import { O as Order, C as Category } from '../orders-D0oC9ugD.cjs';
+import { U as User, W as Wishlist } from '../wishlist-CBCZD66Y.cjs';
+import { C as Coupon } from '../coupons-C7iJ-1cy.cjs';
+export { U as UseAddressFormOptions, a as UseAddressFormReturn, u as useAddressForm } from '../useAddressForm-DgkCP1nG.cjs';
+import 'react-toastify';
+import 'react';
+import 'formik';
+
+declare const useAddress: () => {
+    data: Address[];
+    error: any;
+    isLoading: boolean;
+    mutate: () => Promise<void>;
+};
+
+declare const useCart: (addressId?: number) => {
+    data: Cart.Root | undefined;
+    error: any;
+    isLoading: boolean;
+    mutate: (addrId?: number) => Promise<void>;
+    refetchWithParams: (newAddressId?: number) => void;
+};
+
+declare const useOrders: (filters: any) => {
+    data: Order.OrderResponse | undefined;
+    error: any;
+    isLoading: boolean;
+    mutate: () => Promise<void>;
+};
+
+declare const useGetProducts: (filter: CustomObject) => {
+    data: Product.ProductResponse | undefined;
+    loading: boolean;
+    isLoading: boolean;
+};
+declare const useGetProductDetails: (slug: string) => {
+    data: any;
+    loading: boolean;
+    isLoading: boolean;
+};
+declare const useGetProductCategories: () => {
+    data: Category.Root[];
+    loading: boolean;
+    error: any;
+};
+
+declare const useUserDetails: () => {
+    data: User.Root | undefined;
+    error: any;
+    isLoading: boolean;
+    mutate: () => Promise<void>;
+};
+
+declare const useWishlist: () => {
+    data: Wishlist.Root | undefined;
+    error: any;
+    isLoading: boolean;
+    mutate: () => Promise<void>;
+};
+
+declare const useProductDetailModal: () => {
+    isModalOpen: boolean;
+    onOpenModal: (productSlug: string) => void;
+    onCloseModal: () => void;
+    selectedProductSlug: string | null | undefined;
+};
+
+declare const useServiceFormModal: () => {
+    isServiceModalOpen: boolean;
+    onOpenServiceModal: () => void;
+    onCloseServiceModal: () => void;
+};
+
+interface UseCheckoutPaymentOptions {
+    phonepeRedirectUrl: string;
+    stripeRedirectUrl?: string;
+    tabbyRedirectUrl?: string;
+    onRedirect: (url: string) => void;
+    onStripeModalOpen?: (order: Order.OrderSummary) => void;
+    onSuccess?: (order: Order.OrderSummary) => void;
+    onFailure?: (order: Order.OrderSummary) => void;
+}
+interface UseCheckoutPaymentReturn {
+    orderSummary: Order.OrderSummary | null;
+    isPlacingOrder: boolean;
+    isConfirmingPayment: boolean;
+    showSuccessModal: boolean;
+    showFailureModal: boolean;
+    setShowSuccessModal: (show: boolean) => void;
+    setShowFailureModal: (show: boolean) => void;
+    placeAndPay: (addressId: number, paymentMethod: string) => Promise<void>;
+}
+/**
+ * Hook that manages the full checkout payment flow:
+ * 1. Place order via API
+ * 2. Route to appropriate payment gateway
+ * 3. Handle success/failure states
+ */
+declare function useCheckoutPayment(options: UseCheckoutPaymentOptions): UseCheckoutPaymentReturn;
+
+interface UseCheckoutCouponOptions {
+    onCartRefresh: () => void | Promise<void>;
+    autoFetch?: boolean;
+}
+interface UseCheckoutCouponReturn {
+    availableCoupons: Coupon[];
+    appliedCoupon: Coupon | null;
+    isApplying: boolean;
+    isLoading: boolean;
+    error: string | null;
+    applyCoupon: (code: string) => Promise<void>;
+    removeCoupon: () => Promise<void>;
+    refreshCoupons: () => Promise<void>;
+}
+/**
+ * Hook that manages coupon state for the checkout flow.
+ * Handles fetching available coupons, applying/removing coupons, and error states.
+ */
+declare function useCheckoutCoupon(options: UseCheckoutCouponOptions): UseCheckoutCouponReturn;
+
+export { type UseCheckoutCouponOptions, type UseCheckoutCouponReturn, type UseCheckoutPaymentOptions, type UseCheckoutPaymentReturn, useAddress, useCart, useCheckoutCoupon, useCheckoutPayment, useGetProductCategories, useGetProductDetails, useGetProducts, useOrders, useProductDetailModal, useServiceFormModal, useUserDetails, useWishlist };

package/dist/hooks/index.d.ts

@@ -0,0 +1,123 @@
+import { A as Address } from '../address-DQEZzyUG.js';
+import { C as Cart, d as Product } from '../cart-DVrn8hD0.js';
+import { O as Order, C as Category } from '../orders-CkUzv5Xh.js';
+import { U as User, W as Wishlist } from '../wishlist-BzhnCAQD.js';
+import { C as Coupon } from '../coupons-CnfTKL1i.js';
+export { U as UseAddressFormOptions, a as UseAddressFormReturn, u as useAddressForm } from '../useAddressForm-C-Uzug4d.js';
+import 'react-toastify';
+import 'react';
+import 'formik';
+
+declare const useAddress: () => {
+    data: Address[];
+    error: any;
+    isLoading: boolean;
+    mutate: () => Promise<void>;
+};
+
+declare const useCart: (addressId?: number) => {
+    data: Cart.Root | undefined;
+    error: any;
+    isLoading: boolean;
+    mutate: (addrId?: number) => Promise<void>;
+    refetchWithParams: (newAddressId?: number) => void;
+};
+
+declare const useOrders: (filters: any) => {
+    data: Order.OrderResponse | undefined;
+    error: any;
+    isLoading: boolean;
+    mutate: () => Promise<void>;
+};
+
+declare const useGetProducts: (filter: CustomObject) => {
+    data: Product.ProductResponse | undefined;
+    loading: boolean;
+    isLoading: boolean;
+};
+declare const useGetProductDetails: (slug: string) => {
+    data: any;
+    loading: boolean;
+    isLoading: boolean;
+};
+declare const useGetProductCategories: () => {
+    data: Category.Root[];
+    loading: boolean;
+    error: any;
+};
+
+declare const useUserDetails: () => {
+    data: User.Root | undefined;
+    error: any;
+    isLoading: boolean;
+    mutate: () => Promise<void>;
+};
+
+declare const useWishlist: () => {
+    data: Wishlist.Root | undefined;
+    error: any;
+    isLoading: boolean;
+    mutate: () => Promise<void>;
+};
+
+declare const useProductDetailModal: () => {
+    isModalOpen: boolean;
+    onOpenModal: (productSlug: string) => void;
+    onCloseModal: () => void;
+    selectedProductSlug: string | null | undefined;
+};
+
+declare const useServiceFormModal: () => {
+    isServiceModalOpen: boolean;
+    onOpenServiceModal: () => void;
+    onCloseServiceModal: () => void;
+};
+
+interface UseCheckoutPaymentOptions {
+    phonepeRedirectUrl: string;
+    stripeRedirectUrl?: string;
+    tabbyRedirectUrl?: string;
+    onRedirect: (url: string) => void;
+    onStripeModalOpen?: (order: Order.OrderSummary) => void;
+    onSuccess?: (order: Order.OrderSummary) => void;
+    onFailure?: (order: Order.OrderSummary) => void;
+}
+interface UseCheckoutPaymentReturn {
+    orderSummary: Order.OrderSummary | null;
+    isPlacingOrder: boolean;
+    isConfirmingPayment: boolean;
+    showSuccessModal: boolean;
+    showFailureModal: boolean;
+    setShowSuccessModal: (show: boolean) => void;
+    setShowFailureModal: (show: boolean) => void;
+    placeAndPay: (addressId: number, paymentMethod: string) => Promise<void>;
+}
+/**
+ * Hook that manages the full checkout payment flow:
+ * 1. Place order via API
+ * 2. Route to appropriate payment gateway
+ * 3. Handle success/failure states
+ */
+declare function useCheckoutPayment(options: UseCheckoutPaymentOptions): UseCheckoutPaymentReturn;
+
+interface UseCheckoutCouponOptions {
+    onCartRefresh: () => void | Promise<void>;
+    autoFetch?: boolean;
+}
+interface UseCheckoutCouponReturn {
+    availableCoupons: Coupon[];
+    appliedCoupon: Coupon | null;
+    isApplying: boolean;
+    isLoading: boolean;
+    error: string | null;
+    applyCoupon: (code: string) => Promise<void>;
+    removeCoupon: () => Promise<void>;
+    refreshCoupons: () => Promise<void>;
+}
+/**
+ * Hook that manages coupon state for the checkout flow.
+ * Handles fetching available coupons, applying/removing coupons, and error states.
+ */
+declare function useCheckoutCoupon(options: UseCheckoutCouponOptions): UseCheckoutCouponReturn;
+
+export { type UseCheckoutCouponOptions, type UseCheckoutCouponReturn, type UseCheckoutPaymentOptions, type UseCheckoutPaymentReturn, useAddress, useCart, useCheckoutCoupon, useCheckoutPayment, useGetProductCategories, useGetProductDetails, useGetProducts, useOrders, useProductDetailModal, useServiceFormModal, useUserDetails, useWishlist };