@anker-in/shopify-react 1.3.0-beta.1 → 1.3.0-beta.11

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, removeCartLines, getLocalStorage, updateCartLines, 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, getShop, 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);
@@ -985,6 +1156,26 @@ function useRemoveCartCodes(options) {
   );
   return useSWRMutation("remove-codes", removeCodes, options);
 }
+function useUpdateCartLines(options) {
+  const { client, locale, cartCookieAdapter } = useShopify();
+  const { mutateCart, metafieldIdentifiers } = useCartContext();
+  const updateLines = useCallback(
+    async (_key, { arg }) => {
+      const updatedCart = await updateCartLines(client, {
+        ...arg,
+        metafieldIdentifiers,
+        cookieAdapter: cartCookieAdapter
+      });
+      if (updatedCart) {
+        mutateCart(updatedCart);
+      }
+      console.log("use-update-cart-lines updatedCart", metafieldIdentifiers, updatedCart);
+      return updatedCart;
+    },
+    [client, locale, cartCookieAdapter, mutateCart, metafieldIdentifiers]
+  );
+  return useSWRMutation("update-cart-lines", updateLines, options);
+}
 var initSameLinesAttributes = ({
   cart,
   line
@@ -1072,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,
@@ -2285,6 +2337,7 @@ function useAddToCart({ withTrack = true } = {}, swrOptions) {
   const { trigger: applyCartCodes } = useApplyCartCodes();
   const { trigger: removeInvalidCodes } = useRemoveCartCodes();
   const { trigger: addCartLines2 } = useAddCartLines();
+  const { trigger: updateCartLines3 } = useUpdateCartLines();
   const { trigger: createCart4 } = useCreateCart({
     updateCookie: true
   });
@@ -2337,10 +2390,36 @@ function useAddToCart({ withTrack = true } = {}, swrOptions) {
           // 初次加购时，就把所有 cart attributes 带上
         });
       } else {
-        resultCart = await addCartLines2({
-          cartId,
-          lines
+        const linesToUpdate = [];
+        const linesToAddNew = lines.filter((lineToAdd) => {
+          const existingLine = cart?.lineItems?.find(
+            (item) => item.variant?.id === lineToAdd.merchandiseId
+          );
+          if (existingLine) {
+            linesToUpdate.push({
+              id: existingLine.id,
+              quantity: existingLine.quantity + (lineToAdd.quantity || 1),
+              attributes: lineToAdd.attributes || void 0
+            });
+            return false;
+          }
+          return true;
         });
+        if (linesToUpdate.length > 0) {
+          resultCart = await updateCartLines3({
+            cartId,
+            lines: linesToUpdate
+          });
+        }
+        if (linesToAddNew.length > 0) {
+          resultCart = await addCartLines2({
+            cartId: resultCart?.id || cartId,
+            lines: linesToAddNew
+          });
+        }
+        if (!resultCart) {
+          resultCart = cart;
+        }
         console.log("npm addCartLines resultCart", resultCart);
         if (resultCart && resultCart.discountCodes && resultCart.discountCodes.length > 0) {
           const unapplicableCodes = resultCart.discountCodes.filter((item) => !item.applicable).map((item) => item.code);
@@ -2401,6 +2480,7 @@ function useAddToCart({ withTrack = true } = {}, swrOptions) {
       performanceAdapter,
       createCart4,
       addCartLines2,
+      updateCartLines3,
       applyCartCodes,
       removeInvalidCodes,
       addCustomAttributes,
@@ -2410,26 +2490,6 @@ function useAddToCart({ withTrack = true } = {}, swrOptions) {
   );
   return useSWRMutation("add-to-cart", addToCart, swrOptions);
 }
-function useUpdateCartLines(options) {
-  const { client, locale, cartCookieAdapter } = useShopify();
-  const { mutateCart, metafieldIdentifiers } = useCartContext();
-  const updateLines = useCallback(
-    async (_key, { arg }) => {
-      const updatedCart = await updateCartLines(client, {
-        ...arg,
-        metafieldIdentifiers,
-        cookieAdapter: cartCookieAdapter
-      });
-      if (updatedCart) {
-        mutateCart(updatedCart);
-      }
-      console.log("use-update-cart-lines updatedCart", metafieldIdentifiers, updatedCart);
-      return updatedCart;
-    },
-    [client, locale, cartCookieAdapter, mutateCart, metafieldIdentifiers]
-  );
-  return useSWRMutation("update-cart-lines", updateLines, options);
-}
 function useUpdateCartAttributes({
   mutate,
   metafieldIdentifiers,
@@ -3028,8 +3088,7 @@ async function performSearch(client, locale, searchQuery, first = 20, types = ["
   const query = (
     /* GraphQL */
     `
-    query search($query: String!, $first: Int!, $types: [SearchType!])
-    @inContext(language: $language) {
+    query search($query: String!, $first: Int!, $types: [SearchType!]) {
       search(query: $query, first: $first, types: $types, unavailableProducts: HIDE) {
         totalCount
         edges {
@@ -3118,76 +3177,15 @@ function useSearch(options = {}) {
     swrOptions
   );
 }
-async function getSiteInfo(client, locale, metafieldIdentifiers) {
-  const hasMetafields = metafieldIdentifiers && metafieldIdentifiers.length > 0;
-  const query = (
-    /* GraphQL */
-    `
-    query getSiteInfo(
-      ${hasMetafields ? "$shopMetafieldIdentifiers: [HasMetafieldsIdentifier!]!" : ""}
-    ) @inContext(language: $language) {
-      shop {
-        name
-        description
-        primaryDomain {
-          url
-          host
-        }
-        brand {
-          logo {
-            image {
-              url
-            }
-          }
-          colors {
-            primary {
-              background
-            }
-            secondary {
-              background
-            }
-          }
-        }
-        ${hasMetafields ? "metafields(identifiers: $shopMetafieldIdentifiers) { key value }" : ""}
-      }
-    }
-  `
-  );
-  const variables = {};
-  if (hasMetafields) {
-    variables.shopMetafieldIdentifiers = metafieldIdentifiers;
-  }
-  const data = await client.query(query, variables);
-  if (!data || !data.shop) {
-    return void 0;
-  }
-  const shop = data.shop;
-  const metafields = shop.metafields?.reduce((acc, mf) => {
-    if (mf && mf.key) {
-      acc[mf.key] = mf.value;
-    }
-    return acc;
-  }, {});
-  return {
-    name: shop.name,
-    description: shop.description,
-    primaryDomain: shop.primaryDomain,
-    brand: shop.brand ? {
-      logo: shop.brand.logo,
-      colors: shop.brand.colors ? {
-        primary: shop.brand.colors.primary?.background,
-        secondary: shop.brand.colors.secondary?.background
-      } : void 0
-    } : void 0,
-    metafields
-  };
-}
 function useSite(options = {}) {
   const { client, locale } = useShopify();
   const { metafieldIdentifiers, ...swrOptions } = options;
   return useSWR(
     ["site", locale, metafieldIdentifiers],
-    () => getSiteInfo(client, locale, metafieldIdentifiers),
+    () => getShop(client, {
+      locale,
+      metafieldIdentifiers
+    }),
     swrOptions
   );
 }