@anker-in/shopify-react 0.1.1-beta.3 → 0.1.1-beta.30

package/dist/index.js

@@ -5,6 +5,7 @@ var shopifySdk = require('@anker-in/shopify-sdk');
 var Cookies5 = require('js-cookie');
 var jsxRuntime = require('react/jsx-runtime');
 var Decimal2 = require('decimal.js');
+var shopifyCore = require('@anker-in/shopify-core');
 var useSWR = require('swr');
 var useSWRMutation = require('swr/mutation');
 var ahooks = require('ahooks');
@@ -148,9 +149,10 @@ function normalizeAddToCartLines(lines) {
     const variant = line.variant;
     const product = variant.product;
     const quantity = line.quantity || 1;
-    const price = variant.finalPrice?.amount ? Number(variant.finalPrice.amount) : variant.compareAtPrice?.amount ? Number(variant.compareAtPrice.amount) : variant.price?.amount ? Number(variant.price.amount) : 0;
-    const subtotalAmount = price * quantity;
-    const totalAmount = subtotalAmount;
+    const originalPrice = variant.price?.amount ? Number(variant.price.amount) : 0;
+    const finalPrice = variant.finalPrice?.amount ? Number(variant.finalPrice.amount) : originalPrice;
+    const subtotalAmount = originalPrice * quantity;
+    const totalAmount = finalPrice * quantity;
     return {
       id: `temp-line-${index}-${variant.id}`,
       // Temporary ID for pre-cart lines
@@ -164,7 +166,7 @@ function normalizeAddToCartLines(lines) {
       customAttributes: line.attributes || [],
       variant: {
         id: variant.id,
-        price,
+        price: finalPrice,
         listPrice: variant.compareAtPrice?.amount ? Number(variant.compareAtPrice.amount) : 0,
         sku: variant.sku || "",
         name: variant.title || "",
@@ -195,15 +197,16 @@ function createMockCartFromLines(lines, existingCart) {
   const normalizedLines = normalizeAddToCartLines(lines);
   const subtotalPrice = normalizedLines.reduce((sum, line) => sum + line.subtotalAmount, 0);
   const totalPrice = normalizedLines.reduce((sum, line) => sum + line.totalAmount, 0);
+  const currency = lines[0]?.variant?.price?.currencyCode;
   return {
     id: existingCart?.id || "temp-cart-id",
     customerId: existingCart?.customerId,
     email: existingCart?.email,
     createdAt: existingCart?.createdAt || (/* @__PURE__ */ new Date()).toISOString(),
-    currency: existingCart?.currency || { code: "USD" },
+    currency: existingCart?.currency || { code: currency },
     taxesIncluded: existingCart?.taxesIncluded,
     lineItems: normalizedLines,
-    totallineItemsDiscount: 0,
+    totalLineItemsDiscount: 0,
     orderDiscounts: 0,
     lineItemsSubtotalPrice: subtotalPrice,
     subtotalPrice,
@@ -234,22 +237,12 @@ var getQuery = () => {
   }
   return theRequest;
 };
-function atobID(id) {
-  if (id && typeof id === "string" && id.includes("/")) {
-    return id.split("/").pop()?.split("?")?.shift();
-  } else {
-    return id;
-  }
-}
-function btoaID(id, type = "ProductVariant") {
-  return `gid://shopify/${type}/${id}`;
-}
 var getMatchedMainProductSubTotal = (cartData, variant_list, main_product) => {
   const isAllStoreVariant = main_product?.all_store_variant ?? false;
   const matchedList = cartData?.lineItems?.filter((line) => {
     const { is_gift } = getDiscountEnvAttributeValue(line.customAttributes);
     return isAllStoreVariant ? !is_gift : variant_list?.find((item) => {
-      return !is_gift && atobID(line.variantId) === item;
+      return !is_gift && shopifyCore.atobID(line.variantId) === item;
     });
   });
   return matchedList?.reduce((acc, line) => {
@@ -453,6 +446,7 @@ var useCalcAutoFreeGift = (cart, autoFreeGiftConfig, customer, lines) => {
     }
     return cart;
   }, [lines, cart]);
+  console.log("effectiveCart useCalcAutoFreeGift", effectiveCart);
   const { activeCampaign, subtotal } = react.useMemo(() => {
     for (const campaign of autoFreeGiftConfig) {
       const { rule_conditions = [], rule_result } = campaign;
@@ -468,6 +462,7 @@ var useCalcAutoFreeGift = (cart, autoFreeGiftConfig, customer, lines) => {
             all_store_variant: spend_get_reward.main_product?.all_store_variant || false
           }
         );
+        console.log("matchedSubtotal useCalcAutoFreeGift", matchedSubtotal);
         if (matchedSubtotal > 0) {
           return { activeCampaign: campaign, subtotal: matchedSubtotal };
         }
@@ -480,11 +475,20 @@ var useCalcAutoFreeGift = (cart, autoFreeGiftConfig, customer, lines) => {
       return { qualifyingGift: null, nextTierGoal: null };
     }
     const giftTiers = activeCampaign.rule_result.spend_get_reward.gift_product;
-    const qualifyingTier = [...giftTiers].reverse().find((tier) => subtotal >= Number(tier.spend_sum_money));
-    const nextGoal = giftTiers.find((tier) => subtotal < Number(tier.spend_sum_money));
+    const currentCurrency = effectiveCart?.currency?.code || "";
+    console.log("currentCurrency useCalcAutoFreeGift", effectiveCart, currentCurrency);
+    const getThresholdAmount = (tier) => {
+      if (tier.spend_sum_money_multi_markets?.[currentCurrency]?.value) {
+        return Number(tier.spend_sum_money_multi_markets[currentCurrency].value);
+      }
+      return Number(tier.spend_sum_money || 0);
+    };
+    const qualifyingTier = [...giftTiers].sort((a, b) => getThresholdAmount(b) - getThresholdAmount(a)).find((tier) => subtotal >= getThresholdAmount(tier));
+    const nextGoal = giftTiers.find((tier) => subtotal < getThresholdAmount(tier));
     if (!qualifyingTier) {
       return { qualifyingGift: null, nextTierGoal: nextGoal || null };
     }
+    const actualThreshold = getThresholdAmount(qualifyingTier);
     const formattedGift = {
       tier: qualifyingTier,
       itemsToAdd: qualifyingTier.reward_list?.map((reward) => {
@@ -492,7 +496,7 @@ var useCalcAutoFreeGift = (cart, autoFreeGiftConfig, customer, lines) => {
         if (!giftProduct) return null;
         return {
           variant: {
-            id: btoaID(giftProduct.variant_id),
+            id: shopifyCore.btoaID(giftProduct.variant_id),
             handle: giftProduct.handle,
             sku: giftProduct.sku
           },
@@ -503,7 +507,10 @@ var useCalcAutoFreeGift = (cart, autoFreeGiftConfig, customer, lines) => {
               value: JSON.stringify({
                 is_gift: true,
                 rule_id: activeCampaign.rule_id,
-                spend_sum_money: qualifyingTier.spend_sum_money
+                spend_sum_money: actualThreshold,
+                // 使用实际的门槛金额（多币种支持）
+                currency_code: currentCurrency
+                // 记录当前币种
               })
             }
           ]
@@ -511,7 +518,7 @@ var useCalcAutoFreeGift = (cart, autoFreeGiftConfig, customer, lines) => {
       }).filter((item) => item !== null)
     };
     return { qualifyingGift: formattedGift, nextTierGoal: nextGoal || null };
-  }, [activeCampaign, subtotal]);
+  }, [activeCampaign, subtotal, effectiveCart]);
   const giftHandles = react.useMemo(() => {
     const giftVariant = autoFreeGiftConfig.map(
       (item) => item.rule_result?.spend_get_reward?.gift_product?.map(
@@ -527,18 +534,24 @@ var useCalcAutoFreeGift = (cart, autoFreeGiftConfig, customer, lines) => {
     }
     return true;
   }, [giftHandles]);
-  const { data: giftProductsResult } = useSWR__default.default(shouldFetch ? giftHandles : null, async () => {
-    const res = await shopifySdk.getProductsByHandles(client, {
-      handles: giftHandles,
-      locale
-    });
-    const result = Array.isArray(res) ? res : [];
-    giftProductsCache.current = {
-      data: result,
-      giftHandles: [...giftHandles]
-    };
-    return result;
-  });
+  const { data: giftProductsResult } = useSWR__default.default(
+    shouldFetch ? giftHandles : null,
+    async () => {
+      const res = await shopifySdk.getProductsByHandles(client, {
+        handles: giftHandles,
+        locale
+      });
+      const result = Array.isArray(res) ? res : [];
+      giftProductsCache.current = {
+        data: result,
+        giftHandles: [...giftHandles]
+      };
+      return result;
+    },
+    {
+      revalidateOnFocus: false
+    }
+  );
   const finalGiftProductsResult = react.useMemo(() => {
     if (giftProductsCache.current && !shouldFetch) {
       return giftProductsCache.current.data || void 0;
@@ -591,12 +604,14 @@ var useScriptAutoFreeGift = ({
       upgrade_multiple2 = 1.2;
       upgrade_value2 = 40;
     }
-    effectiveCart?.lineItems?.forEach(({ customAttributes }) => {
-      customAttributes?.forEach(({ key, value }) => {
-        if (key === "_amount_upgrade_multiple") upgrade_multiple2 = Number(value) || 1;
-        if (key === "_amount_upgrade_value") upgrade_value2 = Number(value) || 0;
-      });
-    });
+    effectiveCart?.lineItems?.forEach(
+      ({ customAttributes }) => {
+        customAttributes?.forEach(({ key, value }) => {
+          if (key === "_amount_upgrade_multiple") upgrade_multiple2 = Number(value) || 1;
+          if (key === "_amount_upgrade_value") upgrade_value2 = Number(value) || 0;
+        });
+      }
+    );
     return [upgrade_multiple2, upgrade_value2];
   }, [effectiveCart?.lineItems, points_subscribe]);
   const breakpoints = react.useMemo(() => {
@@ -661,18 +676,24 @@ var useScriptAutoFreeGift = ({
     const nextLevel = levelIndex > 0 ? sortedLevels[levelIndex - 1] ?? null : null;
     return [currentLevel, nextLevel];
   }, [breakpoints, involvedSubTotal, involvedLines.length]);
-  const { data: giftProductsResult } = useSWR__default.default(shouldFetch ? giftHandles : null, async () => {
-    const res = await shopifySdk.getProductsByHandles(client, {
-      handles: giftHandles,
-      locale
-    });
-    const result = Array.isArray(res) ? res : [];
-    giftProductsCache.current = {
-      data: result,
-      giftHandles: [...giftHandles]
-    };
-    return result;
-  });
+  const { data: giftProductsResult } = useSWR__default.default(
+    shouldFetch ? giftHandles : null,
+    async () => {
+      const res = await shopifySdk.getProductsByHandles(client, {
+        handles: giftHandles,
+        locale
+      });
+      const result = Array.isArray(res) ? res : [];
+      giftProductsCache.current = {
+        data: result,
+        giftHandles: [...giftHandles]
+      };
+      return result;
+    },
+    {
+      revalidateOnFocus: false
+    }
+  );
   const finalGiftProductsResult = react.useMemo(() => {
     if (giftProductsCache.current && !shouldFetch) {
       return giftProductsCache.current.data || void 0;
@@ -858,10 +879,10 @@ var trackBuyNowGA = ({
     return;
   }
   const { variant } = lineItems[0];
-  const currencyCode = variant.price?.currencyCode;
+  const currencyCode = variant.product?.price?.currencyCode || variant.price?.currencyCode;
   const totalPrice = lineItems?.reduce(
     (prev, { variant: variant2 }) => prev.plus(
-      variant2?.finalPrice?.amount ?? variant2?.compareAtPrice?.amount ?? (variant2?.price?.amount || 0)
+      variant2?.finalPrice?.amount ?? variant2?.compareAtPrice?.amount ?? variant2?.price?.amount ?? 0
     ),
     new Decimal2__default.default(0)
   ).toNumber();
@@ -935,7 +956,7 @@ function useApplyCartCodes(options) {
       if (!discountCodes?.length) {
         throw new Error("Invalid input used for this operation: Miss discountCode");
       }
-      const cartId = providedCartId ? void 0 : providedCartId || cart?.id;
+      const cartId = providedCartId || cart?.id;
       if (!cartId) {
         return void 0;
       }
@@ -948,6 +969,12 @@ function useApplyCartCodes(options) {
         cookieAdapter: cartCookieAdapter,
         metafieldIdentifiers
       });
+      const unApplicableCodes = discountCodes.filter(
+        (code) => updatedCart?.discountCodes?.find((item) => item.code === code && !item.applicable)
+      );
+      if (unApplicableCodes.length) {
+        throw new Error(`${unApplicableCodes.join(", ")} is not applicable to the cart`);
+      }
       if (updatedCart) {
         mutateCart(updatedCart);
       }
@@ -963,7 +990,7 @@ function useRemoveCartCodes(options) {
   const removeCodes = react.useCallback(
     async (_key, { arg }) => {
       const { cartId: providedCartId, discountCodes } = arg;
-      const cartId = providedCartId ? void 0 : providedCartId || cart?.id;
+      const cartId = providedCartId || cart?.id;
       const codes = cart?.discountCodes?.filter((code) => !!code.applicable) || [];
       const leftCodes = codes.filter((code) => discountCodes?.length ? !discountCodes.includes(code.code) : code.code).map((code) => code.code);
       const updatedCart = await shopifySdk.updateCartCodes(client, {
@@ -982,10 +1009,65 @@ function useRemoveCartCodes(options) {
   return useSWRMutation__default.default("remove-codes", removeCodes, options);
 }
 
+// src/hooks/cart/utils/add-to-cart.ts
+var getLinesWithAttributes = ({
+  cart,
+  lineItems
+}) => {
+  return lineItems.map((line) => {
+    const sameLineInCart = cart?.lineItems.find(
+      (lineInCart) => lineInCart.variant.sku === line.variant?.sku && lineInCart.product?.handle === line.variant?.product?.handle
+    );
+    const codeAmountAttribute = sameLineInCart?.customAttributes?.find(
+      (attr) => attr.key === CODE_AMOUNT_KEY
+    );
+    const scriptCodeAmountAttribute = sameLineInCart?.customAttributes?.find(
+      (attr) => attr.key === SCRIPT_CODE_AMOUNT_KEY
+    );
+    let functionAttribute = null;
+    try {
+      functionAttribute = sameLineInCart?.customAttributes?.find(
+        (attr) => attr.key === CUSTOMER_ATTRIBUTE_KEY && JSON.parse(attr.value)?.discounted_amount
+      );
+    } catch (error) {
+    }
+    if (codeAmountAttribute || functionAttribute || scriptCodeAmountAttribute) {
+      return {
+        ...line,
+        attributes: [
+          ...line.attributes || [],
+          codeAmountAttribute,
+          functionAttribute,
+          scriptCodeAmountAttribute
+        ].filter(Boolean)
+      };
+    }
+    return line;
+  });
+};
+var getLinesWithFunctionAttributes = (lineItems) => {
+  return lineItems.map((line) => {
+    let itemAttributes = line.attributes || [];
+    const functionEnvAttribute = itemAttributes.find((attr) => attr.key === CUSTOMER_ATTRIBUTE_KEY);
+    if (!functionEnvAttribute) {
+      itemAttributes = itemAttributes.concat([
+        {
+          key: CUSTOMER_ATTRIBUTE_KEY,
+          value: JSON.stringify({
+            is_gift: false,
+            discounted_amount: Number(line.variant?.finalPrice?.amount || line.variant?.price?.amount) * (line.quantity || 1)
+          })
+        }
+      ]);
+    }
+    return { ...line, attributes: itemAttributes };
+  });
+};
+
 // src/hooks/cart/use-add-to-cart.ts
 function useAddToCart({ withTrack = true } = {}, swrOptions) {
   const { client, config, locale, cartCookieAdapter, userAdapter } = useShopify();
-  const { cart } = useCartContext();
+  const { cart, addCustomAttributes } = useCartContext();
   const { trigger: applyCartCodes } = useApplyCartCodes();
   const { trigger: removeInvalidCodes } = useRemoveCartCodes();
   const { trigger: addCartLines2 } = useAddCartLines();
@@ -999,12 +1081,18 @@ function useAddToCart({ withTrack = true } = {}, swrOptions) {
         buyerIdentity,
         needCreateCart = false,
         onCodesInvalid,
-        replaceExistingCodes
+        replaceExistingCodes,
+        customAttributes
       } = arg;
       if (!lineItems || lineItems.length === 0) {
         return;
       }
-      const lines = lineItems.map((item) => ({
+      const linesWithAttributes = getLinesWithAttributes({
+        cart,
+        lineItems
+      });
+      const linesWithFunctionAttributes = getLinesWithFunctionAttributes(linesWithAttributes);
+      const lines = linesWithFunctionAttributes.map((item) => ({
         merchandiseId: item.variant?.id || "",
         quantity: item.quantity || 1,
         attributes: item.attributes,
@@ -1044,6 +1132,9 @@ function useAddToCart({ withTrack = true } = {}, swrOptions) {
           discountCodes
         });
       }
+      if (customAttributes && customAttributes.length > 0) {
+        addCustomAttributes(customAttributes);
+      }
       if (withTrack) {
         trackAddToCartGA({
           lineItems,
@@ -1152,7 +1243,8 @@ function useBuyNow({ withTrack = true } = {}, swrOptions) {
       if (!lineItems || lineItems.length === 0) {
         return;
       }
-      const lines = lineItems.map((item) => ({
+      const linesWithFunctionAttributes = getLinesWithFunctionAttributes(lineItems);
+      const lines = linesWithFunctionAttributes.map((item) => ({
         merchandiseId: item.variant?.id || "",
         quantity: item.quantity || 1,
         attributes: item.attributes,
@@ -1300,9 +1392,12 @@ var useCalcOrderDiscount = (cart, orderDiscountConfig, customer) => {
         discountAmount: 0
       };
     }
-    const tieredDiscounts = activeCampaign.result_detail.order_discount_conf.tiered_discounts;
-    const qualifyingTier = [...tieredDiscounts].reverse().find((tier) => subtotal >= Number(tier.amount));
-    const nextGoal = tieredDiscounts.find((tier) => subtotal < Number(tier.amount));
+    const currentCurrency = cart?.currency?.code || "";
+    console.log("currentCurrency", cart, currentCurrency);
+    const orderDiscountConf = activeCampaign.result_detail.order_discount_conf;
+    const tieredDiscounts = orderDiscountConf.tiered_discounts_markets?.[currentCurrency] || orderDiscountConf.tiered_discounts;
+    const qualifyingTier = [...tieredDiscounts].sort((a, b) => Number(b.amount) - Number(a.amount)).find((tier) => subtotal >= Number(tier.amount));
+    const nextGoal = [...tieredDiscounts].sort((a, b) => Number(a.amount) - Number(b.amount)).find((tier) => subtotal < Number(tier.amount));
     if (!qualifyingTier) {
       return {
         qualifyingDiscount: null,
@@ -1370,12 +1465,10 @@ function useHasPlusMemberInCart({
     };
   }, [cart?.lineItems, plus_monthly_product, plus_annual_product]);
 }
-
-// src/hooks/cart/feature/use-cart-attributes.ts
 var getReferralAttributes = () => {
-  const inviteCode = Cookies5__default.default.get("invite_code");
-  const playModeId = Cookies5__default.default.get("playModeId");
-  const popup = Cookies5__default.default.get("_popup");
+  const inviteCode = shopifySdk.getLocalStorage("invite_code") || Cookies5__default.default.get("invite_code");
+  const playModeId = shopifySdk.getLocalStorage("playModeId") || Cookies5__default.default.get("playModeId");
+  const popup = shopifySdk.getLocalStorage("_popup") || Cookies5__default.default.get("_popup");
   if (inviteCode && playModeId) {
     return popup ? [
       { key: "_invite_code", value: inviteCode ? inviteCode : "" },
@@ -1399,8 +1492,6 @@ var useCartAttributes = ({
     memberSetting,
     cart
   });
-  console.log("memberSetting", memberSetting);
-  console.log("hasPlusMember", hasPlusMember);
   react.useEffect(() => {
     setCurrentUrl(window.location.href);
   }, []);
@@ -1426,7 +1517,7 @@ var useCartAttributes = ({
     return "new_user_login";
   }, [customer]);
   const memberAttributes = react.useMemo(() => {
-    return [
+    const attributes = [
       {
         key: "_token",
         value: profile?.token
@@ -1447,17 +1538,28 @@ var useCartAttributes = ({
         value: profile?.token ? "true" : "false"
       }
     ];
+    if (profile?.token) {
+      attributes.push({
+        key: "_login_user",
+        value: "1"
+      });
+    }
+    return attributes;
   }, [profile?.memberType, profile?.token, userType, hasPlusMember]);
   const functionAttributes = react.useMemo(() => {
-    return [
-      cart?.discountCodes && {
+    const hasFunctionEnvAttribute = cart?.lineItems.some(
+      (item) => item.customAttributes?.some((attr) => attr.key === CUSTOMER_ATTRIBUTE_KEY)
+    );
+    const discountCodes = cart?.discountCodes.map((item) => item.code).filter((code) => code) || [];
+    return hasFunctionEnvAttribute ? [
+      {
         key: "_discounts_function_env",
         value: JSON.stringify({
-          discount_code: cart?.discountCodes.map((item) => item.code),
+          discount_code: discountCodes,
           user_tags: customer?.tags || []
         })
       }
-    ];
+    ] : [];
   }, [cart]);
   const presellAttributes = react.useMemo(() => {
     return [
@@ -1489,18 +1591,50 @@ var useCartAttributes = ({
       }
     ];
   }, [currentUrl]);
+  const commonAttributes = react.useMemo(
+    () => [
+      ...memberAttributes,
+      ...functionAttributes,
+      ...presellAttributes,
+      ...weightAttributes,
+      ...trackingAttributes,
+      ...getReferralAttributes()
+    ].filter((item) => item?.value),
+    [memberAttributes, functionAttributes, presellAttributes, weightAttributes, trackingAttributes]
+  );
+  const extraAttributesInCart = react.useMemo(() => {
+    const commonAttributeKeys = [
+      // member attributes
+      "_token",
+      "_member_type",
+      "_user_type",
+      "_is_login",
+      "_login_user",
+      // function attributes
+      "_discounts_function_env",
+      // presell attributes
+      "_presale",
+      // weight attributes
+      "_weight",
+      "_app_source_name",
+      // tracking attributes
+      "utm_params",
+      // referral attributes
+      "_invite_code",
+      "_play_mode_id",
+      "_popup"
+    ];
+    return cart?.customAttributes?.filter(
+      (item) => !commonAttributeKeys.includes(item.key)
+    ) || [];
+  }, [cart]);
   return react.useMemo(
     () => ({
-      attributes: [
-        ...memberAttributes,
-        ...functionAttributes,
-        ...presellAttributes,
-        ...weightAttributes,
-        ...trackingAttributes,
-        ...getReferralAttributes()
-      ].filter((item) => item?.value)
+      attributes: [...commonAttributes, ...extraAttributesInCart].filter(
+        (item) => item?.value
+      )
     }),
-    [memberAttributes, functionAttributes, presellAttributes, weightAttributes, trackingAttributes]
+    [commonAttributes, extraAttributesInCart]
   );
 };
 var DEFAULT_MIN = 1;
@@ -1563,7 +1697,7 @@ var useUpdateLineCodeAmountAttributes = ({
       );
       const functionEnvValue = getDiscountEnvAttributeValue(line.customAttributes);
       const hasSameFunctionEnvAttribute = Number(functionEnvValue.discounted_amount) === Number(line.totalAmount);
-      if (!hasSameFunctionEnvAttribute && hasFunctionEnvAttribute) {
+      if (!hasSameFunctionEnvAttribute && hasFunctionEnvAttribute && !functionEnvValue.is_gift) {
         attrNeedUpdate.push({
           key: CUSTOMER_ATTRIBUTE_KEY,
           value: JSON.stringify({
@@ -1602,29 +1736,22 @@ var useUpdateLineCodeAmountAttributes = ({
     }).filter(
       ({ attrNeedUpdate, attrNeedDelete }) => attrNeedUpdate.length || attrNeedDelete.length
     ).map(({ line, attrNeedUpdate, attrNeedDelete }) => {
+      let lineId = line.id;
+      let attributes = line.customAttributes || [];
+      if (attrNeedDelete.length) {
+        attributes = attributes.filter(
+          (attr) => !attrNeedDelete.includes(attr.key)
+        );
+      }
       if (attrNeedUpdate.length) {
-        return {
-          id: line.id,
-          attributes: [
-            ...line.customAttributes?.filter(
-              (attr) => !attrNeedUpdate.some((updateAttr) => updateAttr.key === attr.key)
-            ) || [],
-            ...attrNeedUpdate
-          ]
-        };
-      } else if (attrNeedDelete.length) {
-        return {
-          id: line.id,
-          attributes: line.customAttributes?.filter(
-            (attr) => !attrNeedDelete.includes(attr.key)
-          ) || []
-        };
-      } else {
-        return {
-          id: line.id,
-          attributes: line.customAttributes || []
-        };
+        attributes = attributes.filter(
+          (attr) => !attrNeedUpdate.some((updateAttr) => updateAttr.key === attr.key)
+        ).concat(attrNeedUpdate);
       }
+      return {
+        id: lineId,
+        attributes
+      };
     }),
     [cart?.lineItems, mainProductDiscountCodes]
   );
@@ -1717,8 +1844,9 @@ function useProductsByHandles(options = {}) {
         metafieldIdentifiers
       });
     },
-    swrOptions || {
-      revalidateOnFocus: false
+    {
+      revalidateOnFocus: false,
+      ...swrOptions
     }
   );
 }
@@ -2634,6 +2762,73 @@ var usePlusMemberDeliveryCodes = ({
     [deliveryData]
   );
 };
+function useUpdateCartDeliveryOptions(mutate, metafieldIdentifiers, options) {
+  const { client, locale, cartCookieAdapter } = useShopify();
+  const updateDeliveryOptions = react.useCallback(
+    async (_key, { arg }) => {
+      const updatedCart = await shopifySdk.updateCartDeliveryOptions(client, {
+        ...arg,
+        metafieldIdentifiers,
+        cookieAdapter: cartCookieAdapter
+      });
+      console.log("useUpdateCartDeliveryOptions updatedCart", updatedCart);
+      if (updatedCart) {
+        mutate(updatedCart);
+      }
+      return updatedCart;
+    },
+    [client, locale, cartCookieAdapter, mutate]
+  );
+  return useSWRMutation__default.default("update-cart-delivery-options", updateDeliveryOptions, options);
+}
+
+// src/hooks/member/plus/use-update-plus-member-delivery-options.ts
+var useUpdatePlusMemberDeliveryOptions = ({
+  options
+} = {}) => {
+  const { cart: cartContextData, mutateCart, metafieldIdentifiers } = useCartContext();
+  const { trigger: updateCartDeliveryOptions2 } = useUpdateCartDeliveryOptions(
+    mutateCart,
+    metafieldIdentifiers
+  );
+  const handler = react.useCallback(
+    async (_, { arg }) => {
+      const currentCart = arg?.cart || cartContextData;
+      const { deliveryData } = arg;
+      const firstDeliveryGroup = currentCart?.deliveryGroups?.[0];
+      const deliveryGroupId = firstDeliveryGroup?.id;
+      const selectedOptionCode = deliveryData?.deliveryCustomData?.selected_delivery_option?.code;
+      if (!deliveryGroupId || !selectedOptionCode || selectedOptionCode === firstDeliveryGroup?.selectedDeliveryOption?.code) {
+        return null;
+      }
+      const deliveryGroup = currentCart?.deliveryGroups?.find(
+        (group) => group?.id === deliveryGroupId
+      );
+      const matchedOption = deliveryGroup?.deliveryOptions?.find(
+        (option) => option?.code === selectedOptionCode
+      );
+      if (!matchedOption?.handle) {
+        return null;
+      }
+      const deliveryOptions = [
+        {
+          deliveryGroupId,
+          deliveryOptionHandle: matchedOption.handle
+        }
+      ];
+      const updatedCart = await updateCartDeliveryOptions2({
+        selectedDeliveryOptions: deliveryOptions,
+        cartId: currentCart?.id
+      });
+      if (updatedCart && mutateCart) {
+        mutateCart(updatedCart);
+      }
+      return updatedCart;
+    },
+    [cartContextData, updateCartDeliveryOptions2, mutateCart]
+  );
+  return useSWRMutation__default.default("update-cart-delivery-options", handler, options);
+};
 var usePlusMemberItemCustomAttributes = ({
   deliveryData
 }) => {
@@ -2653,48 +2848,18 @@ var usePlusMemberCheckoutCustomAttributes = ({
   deliveryData,
   product,
   variant,
-  customer,
   isShowShippingBenefits
 }) => {
   const { deliveryCustomData } = deliveryData || {};
   const { profile } = usePlusMemberContext();
-  const userType = react.useMemo(() => {
-    const customerInfo = customer;
-    if (!customerInfo) {
-      return "new_user_unlogin";
-    }
-    if (customer) {
-      const { orders = {} } = customer;
-      const edgesLength = orders?.edges?.length;
-      if (edgesLength === 1) {
-        return "old_user_orders_once";
-      } else if (edgesLength && edgesLength > 1) {
-        return "old_user_orders_twice";
-      }
-    }
-    return "new_user_login";
-  }, [customer]);
   return react.useMemo(() => {
     const checkoutCustomAttributes = [
-      {
-        key: "_token",
-        value: profile?.token || ""
-      },
+      // _last_url: 付费会员结算完成之后 checkout 有一个继续购买的按钮, 用于跳转到继续购买的页面
       {
         key: "_last_url",
         value: typeof window !== "undefined" ? window.location.origin + window.location.pathname : ""
-      },
-      {
-        key: "_user_type",
-        value: userType
       }
     ];
-    if (profile) {
-      checkoutCustomAttributes.push({
-        key: "_login_user",
-        value: "1"
-      });
-    }
     if (deliveryCustomData) {
       checkoutCustomAttributes.push({
         key: "_checkout_delivery_custom",
@@ -2704,12 +2869,6 @@ var usePlusMemberCheckoutCustomAttributes = ({
         })
       });
     }
-    if (variant?.metafields?.presell) {
-      checkoutCustomAttributes.push({
-        key: "_presale",
-        value: "true"
-      });
-    }
     if (isShowShippingBenefits && !isShowShippingBenefits({ variant, product, setting: {} })) {
       checkoutCustomAttributes.push({
         key: "_hide_shipping",
@@ -2717,18 +2876,17 @@ var usePlusMemberCheckoutCustomAttributes = ({
       });
     }
     return checkoutCustomAttributes;
-  }, [deliveryCustomData, product, profile, userType, variant, isShowShippingBenefits]);
+  }, [deliveryCustomData, product, profile, variant, isShowShippingBenefits]);
 };
 function useAutoRemovePlusMemberInCart({
-  metafields,
-  isMonthlyPlus,
-  isAnnualPlus
+  cart,
+  profile,
+  memberSetting
 }) {
-  const { plus_monthly_product, plus_annual_product } = metafields || {};
-  const { cart } = useCartContext();
+  const { plus_monthly_product, plus_annual_product } = memberSetting || {};
   const { trigger: removeCartLines2 } = useRemoveCartLines();
   react.useEffect(() => {
-    if (!cart) return;
+    if (!cart || !plus_monthly_product || !plus_annual_product) return;
     const removePlusProduct = async (productType) => {
       if (!productType) return;
       const product = cart.lineItems?.find(
@@ -2740,33 +2898,25 @@ function useAutoRemovePlusMemberInCart({
         });
       }
     };
-    if (isMonthlyPlus) {
+    if (profile?.isMonthlyPlus) {
       removePlusProduct(plus_monthly_product);
     }
-    if (isAnnualPlus) {
+    if (profile?.isAnnualPlus) {
       removePlusProduct(plus_annual_product);
     }
-  }, [
-    cart,
-    plus_annual_product,
-    plus_monthly_product,
-    isAnnualPlus,
-    isMonthlyPlus,
-    removeCartLines2
-  ]);
+  }, [cart, plus_annual_product, plus_monthly_product, profile, removeCartLines2]);
 }
 function useAddPlusMemberProductsToCart({
   cart,
-  memberSetting,
-  selectedPlusMemberMode,
-  selectedPlusMemberProduct
+  profile
 }) {
+  const { selectedPlusMemberMode, selectedPlusMemberProduct, plusMemberMetafields } = usePlusMemberContext();
   const { hasMonthlyPlus, hasAnnualPlus } = useHasPlusMemberInCart({
-    cart,
-    memberSetting
+    memberSetting: plusMemberMetafields,
+    cart
   });
   const plusMemberProduct = react.useMemo(() => {
-    if (selectedPlusMemberMode === "free" /* FREE */) {
+    if (!selectedPlusMemberProduct || selectedPlusMemberMode === "free" /* FREE */) {
       return void 0;
     }
     if (selectedPlusMemberMode === "monthly" /* MONTHLY */ && hasMonthlyPlus) {
@@ -2775,7 +2925,10 @@ function useAddPlusMemberProductsToCart({
     if (selectedPlusMemberMode === "annual" /* ANNUAL */ && hasAnnualPlus) {
       return void 0;
     }
-    if (!selectedPlusMemberProduct) {
+    if (profile?.isMonthlyPlus && selectedPlusMemberMode === "monthly" /* MONTHLY */) {
+      return void 0;
+    }
+    if (profile?.isAnnualPlus && selectedPlusMemberMode === "annual" /* ANNUAL */) {
       return void 0;
     }
     return selectedPlusMemberProduct;
@@ -3094,8 +3247,13 @@ function CartProvider({
   const { attributes } = useCartAttributes({ profile, customer, cart, memberSetting });
   ahooks.useRequest(
     () => {
-      const newAttributes = [...attributes, ...customAttributes];
-      const needUpdate = cart && !checkAttributesUpdateNeeded(
+      const newAttributes = [...attributes];
+      customAttributes.forEach((item) => {
+        if (item.value && !newAttributes.some((attr) => attr.key === item.key)) {
+          newAttributes.push(item);
+        }
+      });
+      const needUpdate = cart && checkAttributesUpdateNeeded(
         cart.customAttributes,
         newAttributes,
         customAttributesNeedDelete
@@ -3199,8 +3357,14 @@ function CartProvider({
     );
     return result;
   }, [cart?.lineItems, scriptAutoFreeGift, functionAutoFreeGift]);
+  const totalQuantity = react.useMemo(() => {
+    const cartLinesCount = cart?.lineItems.reduce((acc, item) => acc + item.quantity, 0) || 0;
+    const giftLinesCount = giftNeedAddToCartLines?.reduce((acc, item) => acc + (item.quantity || 1), 0) || 0;
+    return cartLinesCount + giftLinesCount;
+  }, [cart?.lineItems, giftNeedAddToCartLines]);
   const value = react.useMemo(
     () => ({
+      totalQuantity,
       cart,
       isCartLoading,
       triggerFetch: fetchCart,
@@ -3228,6 +3392,7 @@ function CartProvider({
     }),
     [
       cart,
+      totalQuantity,
       isCartLoading,
       fetchCart,
       mutateCart,
@@ -3260,30 +3425,6 @@ function useCartContext() {
   return context;
 }
 
-Object.defineProperty(exports, "ShopifyConfig", {
-  enumerable: true,
-  get: function () { return shopifySdk.ShopifyConfig; }
-});
-Object.defineProperty(exports, "clearLocalStorage", {
-  enumerable: true,
-  get: function () { return shopifySdk.clearLocalStorage; }
-});
-Object.defineProperty(exports, "createShopifyClient", {
-  enumerable: true,
-  get: function () { return shopifySdk.createShopifyClient; }
-});
-Object.defineProperty(exports, "getLocalStorage", {
-  enumerable: true,
-  get: function () { return shopifySdk.getLocalStorage; }
-});
-Object.defineProperty(exports, "removeLocalStorage", {
-  enumerable: true,
-  get: function () { return shopifySdk.removeLocalStorage; }
-});
-Object.defineProperty(exports, "setLocalStorage", {
-  enumerable: true,
-  get: function () { return shopifySdk.setLocalStorage; }
-});
 exports.BuyRuleType = BuyRuleType;
 exports.CODE_AMOUNT_KEY = CODE_AMOUNT_KEY;
 exports.CUSTOMER_ATTRIBUTE_KEY = CUSTOMER_ATTRIBUTE_KEY;
@@ -3305,10 +3446,8 @@ exports.ShippingMethodMode = ShippingMethodMode;
 exports.ShopifyContext = ShopifyContext;
 exports.ShopifyProvider = ShopifyProvider;
 exports.SpendMoneyType = SpendMoneyType;
-exports.atobID = atobID;
 exports.browserCartCookieAdapter = browserCartCookieAdapter;
 exports.browserCookieAdapter = browserCookieAdapter;
-exports.btoaID = btoaID;
 exports.checkAttributesUpdateNeeded = checkAttributesUpdateNeeded;
 exports.clearGeoLocationCache = clearGeoLocationCache;
 exports.createMockCartFromLines = createMockCartFromLines;
@@ -3379,8 +3518,15 @@ exports.useSite = useSite;
 exports.useUpdateCartAttributes = useUpdateCartAttributes;
 exports.useUpdateCartLines = useUpdateCartLines;
 exports.useUpdateLineCodeAmountAttributes = useUpdateLineCodeAmountAttributes;
+exports.useUpdatePlusMemberDeliveryOptions = useUpdatePlusMemberDeliveryOptions;
 exports.useUpdateVariantQuery = useUpdateVariantQuery;
 exports.useVariant = useVariant;
 exports.useVariantMedia = useVariantMedia;
+Object.keys(shopifySdk).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return shopifySdk[k]; }
+  });
+});
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map