@simpleapps-com/augur-hooks 0.1.0 → 0.1.2

package/dist/index.js

@@ -31,7 +31,12 @@ var useCartStore = create()(
           0
         );
         set({ cartLines, cartItemCount }, false, "setCartLines");
-      }
+      },
+      clearCart: () => set(
+        { cartHdrUid: void 0, cartLines: [], cartItemCount: 0 },
+        false,
+        "clearCart"
+      )
     }),
     { name: "CartStore", enabled: process.env.NODE_ENV === "development" }
   )
@@ -41,6 +46,7 @@ var useCartLines = () => useCartStore((s) => s.cartLines);
 var useCartItemCount = () => useCartStore((s) => s.cartItemCount);
 var useSetCartHdrUid = () => useCartStore((s) => s.setCartHdrUid);
 var useSetCartLines = () => useCartStore((s) => s.setCartLines);
+var useClearCart = () => useCartStore((s) => s.clearCart);
 
 // src/stores/items-filters-store.ts
 import { create as create2 } from "zustand";
@@ -256,7 +262,9 @@ function useInvMastStock(invMastUid, options = {}) {
     ...options.queryFn ? { queryFn: options.queryFn } : {},
     enabled: (options.enabled ?? true) && !!invMastUid,
     retry: 3,
+    /* v8 ignore start */
     retryDelay: (attemptIndex) => Math.min(1e3 * 2 ** attemptIndex, 1e4)
+    /* v8 ignore stop */
   });
   return {
     qtyOnHand: data ?? null,
@@ -284,11 +292,17 @@ var getProductCategoryOptions = (api, itemCategoryUid) => ({
 function useProductCategory(itemCategoryUid, options = {}) {
   const api = useAugurApi();
   const { data, isLoading, error } = useQuery6({
-    ...itemCategoryUid ? getProductCategoryOptions(api, itemCategoryUid) : { queryKey: getProductCategoryKey(null), queryFn: () => Promise.reject() },
+    ...itemCategoryUid ? getProductCategoryOptions(api, itemCategoryUid) : {
+      queryKey: getProductCategoryKey(null),
+      /* v8 ignore next */
+      queryFn: () => Promise.reject()
+    },
     ...options.queryFn ? { queryFn: options.queryFn } : {},
     enabled: (options.enabled ?? true) && !!itemCategoryUid,
     retry: 3,
+    /* v8 ignore start */
     retryDelay: (attemptIndex) => Math.min(1e3 * 2 ** attemptIndex, 1e4)
+    /* v8 ignore stop */
   });
   return {
     childrenTotal: data?.childrenTotal ?? 0,
@@ -318,11 +332,17 @@ var getItemDetailsOptions = (api, itemId) => ({
 function useItemDetails(itemId, options = {}) {
   const api = useAugurApi();
   const { data, isLoading, error } = useQuery7({
-    ...itemId ? getItemDetailsOptions(api, itemId) : { queryKey: getItemDetailsKey(""), queryFn: () => Promise.reject() },
+    ...itemId ? getItemDetailsOptions(api, itemId) : {
+      queryKey: getItemDetailsKey(""),
+      /* v8 ignore next */
+      queryFn: () => Promise.reject()
+    },
     ...options.queryFn ? { queryFn: options.queryFn } : {},
     enabled: (options.enabled ?? true) && !!itemId,
     retry: 3,
+    /* v8 ignore start */
     retryDelay: (attemptIndex) => Math.min(1e3 * 2 ** attemptIndex, 1e4)
+    /* v8 ignore stop */
   });
   const categoryList = data?.categoryList ?? [];
   return {
@@ -356,12 +376,15 @@ function useItemAttributes(itemCategoryUid, options = {}) {
   const { data, isLoading, error } = useQuery8({
     ...itemCategoryUid ? getItemAttributesOptions(api, itemCategoryUid) : {
       queryKey: getItemAttributesKey(null),
+      /* v8 ignore next */
       queryFn: () => Promise.reject()
     },
     ...options.queryFn ? { queryFn: options.queryFn } : {},
     enabled: (options.enabled ?? true) && !!itemCategoryUid,
     retry: 3,
+    /* v8 ignore start */
     retryDelay: (attemptIndex) => Math.min(1e3 * 2 ** attemptIndex, 1e4)
+    /* v8 ignore stop */
   });
   return {
     attributes: data?.attributes ?? null,
@@ -405,7 +428,9 @@ function useProductSearch(pageData, options = {}) {
     ...defaultOptions,
     ...options.queryFn ? { queryFn: options.queryFn } : {},
     retry: 3,
+    /* v8 ignore start */
     retryDelay: (attemptIndex) => Math.min(1e3 * 2 ** attemptIndex, 1e4)
+    /* v8 ignore stop */
   });
   return {
     productItems: data?.items ?? null,
@@ -454,13 +479,41 @@ function useSearchSuggestions(query, options = {}) {
 // src/hooks/use-cart-actions.ts
 import { useCallback } from "react";
 import { useQueryClient } from "@tanstack/react-query";
+function requireCartUid(cartHdrUid) {
+  const num = typeof cartHdrUid === "string" ? Number(cartHdrUid) : cartHdrUid;
+  if (!num) throw new Error("Cart UID is not set");
+  return num;
+}
+function buildOptimisticAdd(cartLines, item, cartHdrUid, itemId) {
+  const existingIndex = cartLines.findIndex(
+    (line) => line.invMastUid === item.invMastUid
+  );
+  if (existingIndex >= 0) {
+    return cartLines.map(
+      (line, index) => index === existingIndex ? { ...line, quantity: line.quantity + item.quantity } : line
+    );
+  }
+  return [
+    ...cartLines,
+    {
+      cartHdrUid,
+      invMastUid: item.invMastUid,
+      invMastUidCount: 1,
+      isAssembly: "N",
+      itemId,
+      lineNo: cartLines.length + 1,
+      lineNote: null,
+      quantity: item.quantity,
+      unitOfMeasure: item.unitOfMeasure
+    }
+  ];
+}
 function useCartActions(callbacks) {
   const queryClient = useQueryClient();
   const cartHdrUid = useCartHdrUid();
   const cartLines = useCartLines();
   const setCartLines = useSetCartLines();
   const notify = callbacks.toast;
-  const cartHdrUidNum = typeof cartHdrUid === "string" ? Number(cartHdrUid) : cartHdrUid;
   const invalidateCartCache = useCallback(() => {
     queryClient.invalidateQueries({ queryKey: ["cartLines", cartHdrUid] });
     queryClient.invalidateQueries({
@@ -470,35 +523,13 @@ function useCartActions(callbacks) {
   const addToCart = useCallback(
     async (item, options = {}) => {
       const { showToast = true, itemId = "", onSuccess, onError } = options;
-      if (!cartHdrUidNum) throw new Error("Cart UID is not set");
+      const uid = requireCartUid(cartHdrUid);
       const previousCartLines = [...cartLines];
-      const existingIndex = cartLines.findIndex(
-        (line) => line.invMastUid === item.invMastUid
-      );
-      let optimisticCartLines;
-      if (existingIndex >= 0) {
-        optimisticCartLines = cartLines.map(
-          (line, index) => index === existingIndex ? { ...line, quantity: line.quantity + item.quantity } : line
-        );
-      } else {
-        const newLine = {
-          cartHdrUid: cartHdrUidNum,
-          invMastUid: item.invMastUid,
-          invMastUidCount: 1,
-          isAssembly: "N",
-          itemId,
-          lineNo: cartLines.length + 1,
-          lineNote: null,
-          quantity: item.quantity,
-          unitOfMeasure: item.unitOfMeasure
-        };
-        optimisticCartLines = [...cartLines, newLine];
-      }
-      setCartLines(optimisticCartLines);
+      setCartLines(buildOptimisticAdd(cartLines, item, uid, itemId));
       try {
-        const success = await callbacks.addToCart(cartHdrUidNum, [
+        const success = await callbacks.addToCart(uid, [
           {
-            cartHdrUid: cartHdrUidNum,
+            cartHdrUid: uid,
             invMastUid: item.invMastUid,
             quantity: item.quantity,
             unitOfMeasure: item.unitOfMeasure
@@ -507,9 +538,7 @@ function useCartActions(callbacks) {
         if (!success) throw new Error("Failed to add item to cart");
         invalidateCartCache();
         if (showToast && notify?.info) {
-          notify.info(
-            `${item.quantity} x ${itemId || "Item"} added to cart`
-          );
+          notify.info(`${item.quantity} x ${itemId || "Item"} added to cart`);
         }
         onSuccess?.();
         return true;
@@ -527,20 +556,14 @@ function useCartActions(callbacks) {
   const updateQuantity = useCallback(
     async (invMastUid, newQuantity, options = {}) => {
       const { showToast = false, onSuccess, onError } = options;
-      if (!cartHdrUidNum) throw new Error("Cart UID is not set");
+      const uid = requireCartUid(cartHdrUid);
       const previousCartLines = [...cartLines];
-      const optimisticCartLines = cartLines.map(
+      const updatedLines = cartLines.map(
         (line) => line.invMastUid === invMastUid ? { ...line, quantity: newQuantity } : line
       );
-      setCartLines(optimisticCartLines);
+      setCartLines(updatedLines);
       try {
-        const updatedLines = cartLines.map(
-          (line) => line.invMastUid === invMastUid ? { ...line, quantity: newQuantity } : line
-        );
-        const success = await callbacks.updateCartLines(
-          cartHdrUidNum,
-          updatedLines
-        );
+        const success = await callbacks.updateCartLines(uid, updatedLines);
         if (!success) throw new Error("Failed to update quantity");
         invalidateCartCache();
         onSuccess?.();
@@ -559,20 +582,14 @@ function useCartActions(callbacks) {
   const removeFromCart = useCallback(
     async (invMastUid, options = {}) => {
       const { showToast = true, itemId = "", onSuccess, onError } = options;
-      if (!cartHdrUidNum) throw new Error("Cart UID is not set");
+      const uid = requireCartUid(cartHdrUid);
       const previousCartLines = [...cartLines];
-      const optimisticCartLines = cartLines.filter(
-        (line) => line.invMastUid !== invMastUid
-      );
-      setCartLines(optimisticCartLines);
+      setCartLines(cartLines.filter((line) => line.invMastUid !== invMastUid));
       try {
-        const updatedLines = cartLines.map(
+        const zeroedLines = cartLines.map(
           (line) => line.invMastUid === invMastUid ? { ...line, quantity: 0 } : line
         );
-        const success = await callbacks.updateCartLines(
-          cartHdrUidNum,
-          updatedLines
-        );
+        const success = await callbacks.updateCartLines(uid, zeroedLines);
         if (!success) throw new Error("Failed to remove item");
         invalidateCartCache();
         if (showToast && notify?.info) {
@@ -594,11 +611,11 @@ function useCartActions(callbacks) {
   const clearCart = useCallback(
     async (options = {}) => {
       const { showToast = true, onSuccess, onError } = options;
-      if (!cartHdrUidNum) throw new Error("Cart UID is not set");
+      const uid = requireCartUid(cartHdrUid);
       const previousCartLines = [...cartLines];
       setCartLines([]);
       try {
-        const success = await callbacks.deleteItemsFromCart(cartHdrUidNum);
+        const success = await callbacks.deleteItemsFromCart(uid);
         if (!success) throw new Error("Failed to clear cart");
         invalidateCartCache();
         if (showToast && notify?.info) {
@@ -644,7 +661,7 @@ function useCartActions(callbacks) {
 
 // src/hooks/use-cart-initialization.ts
 import { useEffect as useEffect2, useRef } from "react";
-import { useQuery as useQuery11 } from "@tanstack/react-query";
+import { useQuery as useQuery11, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 import { CACHE_CONFIG as CACHE_CONFIG11 } from "@simpleapps-com/augur-utils";
 var MAX_RETRY_ATTEMPTS = 7;
 var RETRY_DELAY_MS = 1e3;
@@ -652,8 +669,20 @@ function useCartInitialization(session, callbacks) {
   const cartHdrUid = useCartHdrUid();
   const setCartHdrUid = useSetCartHdrUid();
   const setCartLines = useSetCartLines();
+  const clearCart = useClearCart();
+  const queryClient = useQueryClient2();
   const retryCountRef = useRef(0);
   const isInitializingRef = useRef(false);
+  const prevStatusRef = useRef(session.status);
+  useEffect2(() => {
+    const prevStatus = prevStatusRef.current;
+    prevStatusRef.current = session.status;
+    if (prevStatus === "authenticated" && session.status === "unauthenticated") {
+      clearCart();
+      queryClient.removeQueries({ queryKey: ["cartLines"] });
+      queryClient.removeQueries({ queryKey: ["cart-also-bought"] });
+    }
+  }, [session.status, clearCart, queryClient]);
   useEffect2(() => {
     if (cartHdrUid || session.status === "loading") return;
     if (session.cartHdrUid && session.status === "authenticated") {
@@ -787,7 +816,7 @@ function getCartPricingQueryOptions(api, cartLines, customerId) {
 }
 
 // src/hooks/use-pagination-prefetch.ts
-import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient3 } from "@tanstack/react-query";
 import { useCallback as useCallback2 } from "react";
 var usePaginationPrefetch = ({
   queryKey,
@@ -797,7 +826,7 @@ var usePaginationPrefetch = ({
   gcTime = 30 * 60 * 1e3,
   enabled = true
 }) => {
-  const queryClient = useQueryClient2();
+  const queryClient = useQueryClient3();
   const prefetchPage = useCallback2(
     async (page) => {
       if (!enabled) return;
@@ -950,6 +979,7 @@ export {
   useCartPricing,
   useCartStore,
   useCategoryItemsInfinite,
+  useClearCart,
   useDebounce,
   useFormatPrice,
   useInvMast,