@anker-in/shopify-react 1.2.4 → 1.2.5

package/dist/provider/index.mjs

@@ -1,12 +1,12 @@
 import { createContext, useMemo, useContext, useState, useCallback, useEffect, useRef } from 'react';
-import { createShopifyClient, getCart, updateCartAttributes, updateCartLines, getProductsByHandles, getLocalStorage } from '@anker-in/shopify-sdk';
+import { createShopifyClient, getCart, updateCartAttributes, updateCartLines, getProductsByHandles, getLocalStorage, removeCartLines, updateCartCodes } from '@anker-in/shopify-sdk';
 import Cookies5 from 'js-cookie';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import Decimal3 from 'decimal.js';
 import { btoaID, atobID } from '@anker-in/shopify-core';
 import useSWR from 'swr';
-import useSWRMutation8 from 'swr/mutation';
-import { useRequest } from 'ahooks';
+import useSWRMutation6 from 'swr/mutation';
+import { useRequest, useDebounceEffect } from 'ahooks';
 
 // src/provider/context.ts
 var ShopifyContext = createContext(null);
@@ -750,6 +750,148 @@ var getGA4Data = async (measurementId = "G-R0BRMRK4CY") => {
     };
   }
 };
+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 useSWRMutation6("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
+  };
+}
 var getReferralAttributes = () => {
   const inviteCode = getLocalStorage("inviteCode") || Cookies5.get("inviteCode");
   const playModeId = getLocalStorage("playModeId") || Cookies5.get("playModeId");
@@ -1166,9 +1308,19 @@ function useUpdateCartAttributes({
     },
     [client, locale, cartCookieAdapter, mutate, metafieldIdentifiers, disabled]
   );
-  return useSWRMutation8("update-cart-attributes", updateAttributes, swrOptions);
+  return useSWRMutation6("update-cart-attributes", updateAttributes, swrOptions);
 }
 var CartContext = createContext(null);
+function AutoRemoveGiftsHandler({
+  options,
+  onRemovingChange
+}) {
+  const { isRemoving } = useAutoRemoveFreeGifts(options);
+  useEffect(() => {
+    onRemovingChange(isRemoving);
+  }, [isRemoving, onRemovingChange]);
+  return null;
+}
 function CartProvider({
   children,
   // swrOptions,
@@ -1196,6 +1348,7 @@ function CartProvider({
   });
   const [scriptAutoFreeGift, setScriptAutoFreeGift] = useState([]);
   const [functionAutoFreeGift, setFunctionAutoFreeGift] = useState([]);
+  const [isAutoRemovingFreeGifts, setIsAutoRemovingFreeGifts] = useState(false);
   const {
     run: fetchCart,
     data: cart,
@@ -1355,7 +1508,9 @@ function CartProvider({
   const autoRemoveFreeGiftsOptions = useMemo(() => {
     return {
       removeFunctionGifts: !!functionAutoFreeGiftConfig,
-      removeScriptGifts: !!scriptAutoFreeGiftConfig
+      removeScriptGifts: !!scriptAutoFreeGiftConfig,
+      runOnlyOnceAfterInit: true,
+      initDelay: 500
     };
   }, [functionAutoFreeGiftConfig, scriptAutoFreeGiftConfig]);
   const value = useMemo(
@@ -1388,7 +1543,8 @@ function CartProvider({
       metafieldIdentifiers,
       memberSetting,
       appContext,
-      autoRemoveFreeGiftsOptions
+      autoRemoveFreeGiftsOptions,
+      isAutoRemovingFreeGifts
     }),
     [
       cart,
@@ -1417,10 +1573,20 @@ function CartProvider({
       profile,
       memberSetting,
       appContext,
-      autoRemoveFreeGiftsOptions
+      autoRemoveFreeGiftsOptions,
+      isAutoRemovingFreeGifts
     ]
   );
-  return /* @__PURE__ */ jsx(CartContext.Provider, { value, children });
+  return /* @__PURE__ */ jsxs(CartContext.Provider, { value, children: [
+    (functionAutoFreeGiftConfig || scriptAutoFreeGiftConfig) && /* @__PURE__ */ jsx(
+      AutoRemoveGiftsHandler,
+      {
+        options: autoRemoveFreeGiftsOptions,
+        onRemovingChange: setIsAutoRemovingFreeGifts
+      }
+    ),
+    children
+  ] });
 }
 function useCartContext(options) {
   const context = useContext(CartContext);