@anker-in/shopify-react 1.2.4-beta.0 → 1.2.5

package/dist/hooks/index.mjs

@@ -1,12 +1,12 @@
 import { createContext, useMemo, useRef, useState, useEffect, useCallback, useContext } from 'react';
 import useSWRMutation from 'swr/mutation';
-import { getProductsByHandles, createCart, updateCartCodes, addCartLines, updateCartLines, removeCartLines, getLocalStorage, updateCartAttributes, updateBuyerIdentity, getProduct, getAllProducts, getCollection, getAllCollections, getCollections, getBlog, getAllBlogs, getArticle, getArticles, getArticlesInBlog, setLocalStorage } from '@anker-in/shopify-sdk';
+import { getProductsByHandles, removeCartLines, updateCartCodes, createCart, addCartLines, updateCartLines, getLocalStorage, updateCartAttributes, updateBuyerIdentity, getProduct, getAllProducts, getCollection, getAllCollections, getCollections, getBlog, getAllBlogs, getArticle, getArticles, getArticlesInBlog, setLocalStorage } from '@anker-in/shopify-sdk';
 import Cookies5 from 'js-cookie';
 import { jsx } from 'react/jsx-runtime';
 import Decimal3 from 'decimal.js';
 import { atobID, btoaID } from '@anker-in/shopify-core';
 import useSWR from 'swr';
-import { useRequest } from 'ahooks';
+import { useDebounceEffect, useRequest } from 'ahooks';
 
 // src/hooks/cart/use-create-cart.ts
 var ShopifyContext = createContext(null);
@@ -662,6 +662,177 @@ var useScriptAutoFreeGift = ({
     giftProductsResult: finalGiftProductsResult
   };
 };
+function useRemoveCartLines(options) {
+  const { client, locale, cartCookieAdapter } = useShopify();
+  const { mutateCart, metafieldIdentifiers } = useCartContext();
+  const removeLines = useCallback(
+    async (_key, { arg }) => {
+      const { autoRemoveInvalidCodes = true, onCodesRemoved, cartId, lineIds } = arg;
+      let updatedCart = await removeCartLines(client, {
+        cartId,
+        lineIds,
+        metafieldIdentifiers,
+        cookieAdapter: cartCookieAdapter
+      });
+      if (updatedCart && autoRemoveInvalidCodes) {
+        const unApplicableCodes = updatedCart.discountCodes.filter((item) => !item.applicable).map((item) => item.code);
+        if (unApplicableCodes.length > 0) {
+          if (onCodesRemoved) {
+            const handledCart = await onCodesRemoved(updatedCart, unApplicableCodes);
+            if (handledCart) {
+              updatedCart = handledCart;
+            }
+          } else {
+            updatedCart = await updateCartCodes(client, {
+              cartId: updatedCart.id,
+              discountCodes: updatedCart.discountCodes.filter((item) => item.applicable).map((item) => item.code),
+              metafieldIdentifiers,
+              cookieAdapter: cartCookieAdapter
+            }) || updatedCart;
+          }
+        }
+      }
+      if (updatedCart) {
+        mutateCart(updatedCart);
+      }
+      return updatedCart;
+    },
+    [client, locale, cartCookieAdapter, mutateCart, metafieldIdentifiers]
+  );
+  return useSWRMutation("remove-cart-lines", removeLines, options);
+}
+
+// src/hooks/cart/feature/use-auto-remove-free-gifts.ts
+function useAutoRemoveFreeGifts(options = {}) {
+  const {
+    removeFunctionGifts = true,
+    removeScriptGifts = true,
+    isGiftLineItem,
+    runOnlyOnceAfterInit = false,
+    initDelay = 500
+  } = options;
+  const [isRemoving, setIsRemoving] = useState(false);
+  const [isInitialized, setIsInitialized] = useState(!runOnlyOnceAfterInit);
+  const [isFinished, setIsFinished] = useState(false);
+  const { cart } = useCartContext();
+  const { trigger: removeCartLines2 } = useRemoveCartLines();
+  const giftsToRemove = useMemo(() => {
+    if (!cart?.lineItems) {
+      return [];
+    }
+    return cart.lineItems.filter((item) => {
+      if (removeFunctionGifts) {
+        const functionAttr = item.customAttributes?.find(
+          (attr) => attr.key === "_discounts_function_env"
+        )?.value;
+        if (functionAttr) {
+          try {
+            const functionAttrObj = JSON.parse(functionAttr);
+            if (functionAttrObj.is_gift && functionAttrObj.rule_id && functionAttrObj.spend_sum_money) {
+              return true;
+            }
+          } catch (error) {
+            console.error("Failed to parse _discounts_function_env:", error);
+          }
+        }
+      }
+      if (removeScriptGifts) {
+        const scriptGiftAttr = item.customAttributes?.find(
+          (attr) => attr.key === "_giveaway_gradient_gifts"
+        );
+        if (scriptGiftAttr) {
+          return true;
+        }
+      }
+      if (isGiftLineItem && isGiftLineItem(item)) {
+        return true;
+      }
+      return false;
+    });
+  }, [cart, removeFunctionGifts, removeScriptGifts, isGiftLineItem]);
+  useDebounceEffect(
+    () => {
+      if (!runOnlyOnceAfterInit || isInitialized || isFinished) {
+        return;
+      }
+      if (!cart?.lineItems?.length) {
+        return;
+      }
+      setIsInitialized(true);
+      if (giftsToRemove.length === 0) {
+        setIsFinished(true);
+      }
+    },
+    [runOnlyOnceAfterInit, isInitialized, isFinished, cart?.lineItems, giftsToRemove.length],
+    {
+      trailing: true,
+      wait: initDelay
+    }
+  );
+  useEffect(() => {
+    if (runOnlyOnceAfterInit && (!isInitialized || isFinished)) {
+      return;
+    }
+    if (isRemoving || giftsToRemove.length === 0) {
+      return;
+    }
+    const performRemoval = async () => {
+      setIsRemoving(true);
+      try {
+        await removeCartLines2({
+          lineIds: giftsToRemove.map((item) => item.id)
+        });
+      } catch (error) {
+        console.error("Failed to remove free gifts:", error);
+      } finally {
+        setIsRemoving(false);
+        if (runOnlyOnceAfterInit) {
+          setIsFinished(true);
+        }
+      }
+    };
+    performRemoval();
+  }, [
+    runOnlyOnceAfterInit,
+    isInitialized,
+    isFinished,
+    isRemoving,
+    giftsToRemove,
+    removeCartLines2
+  ]);
+  return {
+    isRemoving
+  };
+}
+function isFunctionGift(line) {
+  const functionAttr = line.customAttributes?.find(
+    (attr) => attr.key === "_discounts_function_env"
+  )?.value;
+  if (!functionAttr) {
+    return false;
+  }
+  try {
+    const functionAttrObj = JSON.parse(functionAttr);
+    return Boolean(
+      functionAttrObj.is_gift && functionAttrObj.rule_id && functionAttrObj.spend_sum_money
+    );
+  } catch {
+    return false;
+  }
+}
+function isScriptGift(line) {
+  return line.customAttributes?.some(
+    (attr) => attr.key === "_giveaway_gradient_gifts"
+  ) ?? false;
+}
+function isBuyGetGift(line) {
+  return line.customAttributes?.some(
+    (attr) => attr.key === "_freegift_related_handlesku"
+  ) ?? false;
+}
+function isAnyGift(line) {
+  return isFunctionGift(line) || isScriptGift(line) || isBuyGetGift(line);
+}
 var CartContext = createContext(null);
 function useCartContext(options) {
   const context = useContext(CartContext);
@@ -1092,145 +1263,6 @@ var getLinesWithAttributes = ({
     return functionLine;
   });
 };
-function useRemoveCartLines(options) {
-  const { client, locale, cartCookieAdapter } = useShopify();
-  const { mutateCart, metafieldIdentifiers } = useCartContext();
-  const removeLines = useCallback(
-    async (_key, { arg }) => {
-      const { autoRemoveInvalidCodes = true, onCodesRemoved, cartId, lineIds } = arg;
-      let updatedCart = await removeCartLines(client, {
-        cartId,
-        lineIds,
-        metafieldIdentifiers,
-        cookieAdapter: cartCookieAdapter
-      });
-      if (updatedCart && autoRemoveInvalidCodes) {
-        const unApplicableCodes = updatedCart.discountCodes.filter((item) => !item.applicable).map((item) => item.code);
-        if (unApplicableCodes.length > 0) {
-          if (onCodesRemoved) {
-            const handledCart = await onCodesRemoved(updatedCart, unApplicableCodes);
-            if (handledCart) {
-              updatedCart = handledCart;
-            }
-          } else {
-            updatedCart = await updateCartCodes(client, {
-              cartId: updatedCart.id,
-              discountCodes: updatedCart.discountCodes.filter((item) => item.applicable).map((item) => item.code),
-              metafieldIdentifiers,
-              cookieAdapter: cartCookieAdapter
-            }) || updatedCart;
-          }
-        }
-      }
-      if (updatedCart) {
-        mutateCart(updatedCart);
-      }
-      return updatedCart;
-    },
-    [client, locale, cartCookieAdapter, mutateCart, metafieldIdentifiers]
-  );
-  return useSWRMutation("remove-cart-lines", removeLines, options);
-}
-
-// src/hooks/cart/feature/use-auto-remove-free-gifts.ts
-function useAutoRemoveFreeGifts(options = {}) {
-  const {
-    removeFunctionGifts = true,
-    removeScriptGifts = true,
-    isGiftLineItem
-  } = options;
-  const [isRemoving, setIsRemoving] = useState(false);
-  const { cart } = useCartContext();
-  const { trigger: removeCartLines2 } = useRemoveCartLines();
-  const giftsToRemove = useMemo(() => {
-    if (!cart?.lineItems) {
-      return [];
-    }
-    return cart.lineItems.filter((item) => {
-      if (removeFunctionGifts) {
-        const functionAttr = item.customAttributes?.find(
-          (attr) => attr.key === "_discounts_function_env"
-        )?.value;
-        if (functionAttr) {
-          try {
-            const functionAttrObj = JSON.parse(functionAttr);
-            if (functionAttrObj.is_gift && functionAttrObj.rule_id && functionAttrObj.spend_sum_money) {
-              return true;
-            }
-          } catch (error) {
-            console.error("Failed to parse _discounts_function_env:", error);
-          }
-        }
-      }
-      if (removeScriptGifts) {
-        const scriptGiftAttr = item.customAttributes?.find(
-          (attr) => attr.key === "_giveaway_gradient_gifts"
-        );
-        if (scriptGiftAttr) {
-          return true;
-        }
-      }
-      if (isGiftLineItem && isGiftLineItem(item)) {
-        return true;
-      }
-      return false;
-    });
-  }, [cart, removeFunctionGifts, removeScriptGifts, isGiftLineItem]);
-  useEffect(() => {
-    if (isRemoving || giftsToRemove.length === 0) {
-      return;
-    }
-    const performRemoval = async () => {
-      setIsRemoving(true);
-      try {
-        await removeCartLines2({
-          lineIds: giftsToRemove.map((item) => item.id)
-        });
-      } catch (error) {
-        console.error("Failed to remove free gifts:", error);
-      } finally {
-        setIsRemoving(false);
-      }
-    };
-    performRemoval();
-  }, [
-    isRemoving,
-    giftsToRemove,
-    removeCartLines2
-  ]);
-  return {
-    isRemoving
-  };
-}
-function isFunctionGift(line) {
-  const functionAttr = line.customAttributes?.find(
-    (attr) => attr.key === "_discounts_function_env"
-  )?.value;
-  if (!functionAttr) {
-    return false;
-  }
-  try {
-    const functionAttrObj = JSON.parse(functionAttr);
-    return Boolean(
-      functionAttrObj.is_gift && functionAttrObj.rule_id && functionAttrObj.spend_sum_money
-    );
-  } catch {
-    return false;
-  }
-}
-function isScriptGift(line) {
-  return line.customAttributes?.some(
-    (attr) => attr.key === "_giveaway_gradient_gifts"
-  ) ?? false;
-}
-function isBuyGetGift(line) {
-  return line.customAttributes?.some(
-    (attr) => attr.key === "_freegift_related_handlesku"
-  ) ?? false;
-}
-function isAnyGift(line) {
-  return isFunctionGift(line) || isScriptGift(line) || isBuyGetGift(line);
-}
 function useCalcGiftsFromLines({
   lines,
   customer,