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

package/dist/provider/index.d.mts

@@ -117,6 +117,8 @@ interface CartContextValue {
     appContext?: AppContext;
     /** Auto remove free gifts options */
     autoRemoveFreeGiftsOptions?: UseAutoRemoveFreeGiftsOptions;
+    /** Whether auto removing free gifts is in progress */
+    isAutoRemovingFreeGifts: boolean;
 }
 interface CartProviderProps {
     children: React__default.ReactNode;

package/dist/provider/index.d.ts

@@ -117,6 +117,8 @@ interface CartContextValue {
     appContext?: AppContext;
     /** Auto remove free gifts options */
     autoRemoveFreeGiftsOptions?: UseAutoRemoveFreeGiftsOptions;
+    /** Whether auto removing free gifts is in progress */
+    isAutoRemovingFreeGifts: boolean;
 }
 interface CartProviderProps {
     children: React__default.ReactNode;

package/dist/provider/index.js

@@ -7,7 +7,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var Decimal3 = require('decimal.js');
 var shopifyCore = require('@anker-in/shopify-core');
 var useSWR = require('swr');
-var useSWRMutation8 = require('swr/mutation');
+var useSWRMutation5 = require('swr/mutation');
 var ahooks = require('ahooks');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -15,7 +15,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var Cookies5__default = /*#__PURE__*/_interopDefault(Cookies5);
 var Decimal3__default = /*#__PURE__*/_interopDefault(Decimal3);
 var useSWR__default = /*#__PURE__*/_interopDefault(useSWR);
-var useSWRMutation8__default = /*#__PURE__*/_interopDefault(useSWRMutation8);
+var useSWRMutation5__default = /*#__PURE__*/_interopDefault(useSWRMutation5);
 
 // src/provider/context.ts
 var ShopifyContext = react.createContext(null);
@@ -759,6 +759,116 @@ var getGA4Data = async (measurementId = "G-R0BRMRK4CY") => {
     };
   }
 };
+function useRemoveCartLines(options) {
+  const { client, locale, cartCookieAdapter } = useShopify();
+  const { mutateCart, metafieldIdentifiers } = useCartContext();
+  const removeLines = react.useCallback(
+    async (_key, { arg }) => {
+      const { autoRemoveInvalidCodes = true, onCodesRemoved, cartId, lineIds } = arg;
+      let updatedCart = await shopifySdk.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 shopifySdk.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 useSWRMutation5__default.default("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] = react.useState(false);
+  const { cart } = useCartContext();
+  const { trigger: removeCartLines2 } = useRemoveCartLines();
+  const giftsToRemove = react.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]);
+  react.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
+  };
+}
 var getReferralAttributes = () => {
   const inviteCode = shopifySdk.getLocalStorage("inviteCode") || Cookies5__default.default.get("inviteCode");
   const playModeId = shopifySdk.getLocalStorage("playModeId") || Cookies5__default.default.get("playModeId");
@@ -1175,9 +1285,19 @@ function useUpdateCartAttributes({
     },
     [client, locale, cartCookieAdapter, mutate, metafieldIdentifiers, disabled]
   );
-  return useSWRMutation8__default.default("update-cart-attributes", updateAttributes, swrOptions);
+  return useSWRMutation5__default.default("update-cart-attributes", updateAttributes, swrOptions);
 }
 var CartContext = react.createContext(null);
+function AutoRemoveGiftsHandler({
+  options,
+  onRemovingChange
+}) {
+  const { isRemoving } = useAutoRemoveFreeGifts(options);
+  react.useEffect(() => {
+    onRemovingChange(isRemoving);
+  }, [isRemoving, onRemovingChange]);
+  return null;
+}
 function CartProvider({
   children,
   // swrOptions,
@@ -1205,6 +1325,7 @@ function CartProvider({
   });
   const [scriptAutoFreeGift, setScriptAutoFreeGift] = react.useState([]);
   const [functionAutoFreeGift, setFunctionAutoFreeGift] = react.useState([]);
+  const [isAutoRemovingFreeGifts, setIsAutoRemovingFreeGifts] = react.useState(false);
   const {
     run: fetchCart,
     data: cart,
@@ -1397,7 +1518,8 @@ function CartProvider({
       metafieldIdentifiers,
       memberSetting,
       appContext,
-      autoRemoveFreeGiftsOptions
+      autoRemoveFreeGiftsOptions,
+      isAutoRemovingFreeGifts
     }),
     [
       cart,
@@ -1426,10 +1548,20 @@ function CartProvider({
       profile,
       memberSetting,
       appContext,
-      autoRemoveFreeGiftsOptions
+      autoRemoveFreeGiftsOptions,
+      isAutoRemovingFreeGifts
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(CartContext.Provider, { value, children });
+  return /* @__PURE__ */ jsxRuntime.jsxs(CartContext.Provider, { value, children: [
+    (functionAutoFreeGiftConfig || scriptAutoFreeGiftConfig) && /* @__PURE__ */ jsxRuntime.jsx(
+      AutoRemoveGiftsHandler,
+      {
+        options: autoRemoveFreeGiftsOptions,
+        onRemovingChange: setIsAutoRemovingFreeGifts
+      }
+    ),
+    children
+  ] });
 }
 function useCartContext(options) {
   const context = react.useContext(CartContext);