@anker-in/shopify-react 0.1.1-beta.4 → 0.1.1-beta.40

package/dist/provider/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 useSWRMutation8 = require('swr/mutation');
 var ahooks = require('ahooks');
@@ -61,7 +62,8 @@ function ShopifyProvider({
   cartCookieAdapter = browserCartCookieAdapter,
   routerAdapter,
   userAdapter,
-  children
+  children,
+  performanceAdapter
 }) {
   const client = react.useMemo(() => {
     return shopifySdk.createShopifyClient(config, locale);
@@ -75,7 +77,8 @@ function ShopifyProvider({
       cookieAdapter,
       cartCookieAdapter,
       routerAdapter,
-      userAdapter
+      userAdapter,
+      performanceAdapter
     };
   }, [
     client,
@@ -85,6 +88,7 @@ function ShopifyProvider({
     cookieAdapter,
     cartCookieAdapter,
     routerAdapter,
+    performanceAdapter,
     userAdapter
   ]);
   return /* @__PURE__ */ jsxRuntime.jsx(ShopifyContext.Provider, { value, children });
@@ -110,9 +114,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 === void 0 ? originalPrice : Number(variant.finalPrice?.amount);
+    const subtotalAmount = originalPrice * quantity;
+    const totalAmount = finalPrice * quantity;
     return {
       id: `temp-line-${index}-${variant.id}`,
       // Temporary ID for pre-cart lines
@@ -126,7 +131,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 || "",
@@ -157,15 +162,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,
@@ -196,22 +202,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) => {
@@ -434,43 +430,29 @@ var useCalcAutoFreeGift = (cart, autoFreeGiftConfig, customer, lines) => {
     }
     return { activeCampaign: null, subtotal: 0 };
   }, [autoFreeGiftConfig, effectiveCart, tags, dealsType]);
-  const { qualifyingGift, nextTierGoal } = react.useMemo(() => {
+  const { qualifyingTier, nextTierGoal, actualThreshold, currentCurrency } = react.useMemo(() => {
     if (!activeCampaign || !activeCampaign.rule_result?.spend_get_reward?.gift_product) {
-      return { qualifyingGift: null, nextTierGoal: null };
+      return { qualifyingTier: null, nextTierGoal: null, actualThreshold: 0, currentCurrency: "" };
     }
     const giftTiers = activeCampaign.rule_result.spend_get_reward.gift_product;
-    const qualifyingTier = [...giftTiers].sort((a, b) => Number(b.spend_sum_money) - Number(a.spend_sum_money)).find((tier) => subtotal >= Number(tier.spend_sum_money));
-    const nextGoal = giftTiers.find((tier) => subtotal < Number(tier.spend_sum_money));
-    if (!qualifyingTier) {
-      return { qualifyingGift: null, nextTierGoal: nextGoal || null };
-    }
-    const formattedGift = {
-      tier: qualifyingTier,
-      itemsToAdd: qualifyingTier.reward_list?.map((reward) => {
-        const giftProduct = reward?.variant_list?.[0];
-        if (!giftProduct) return null;
-        return {
-          variant: {
-            id: btoaID(giftProduct.variant_id),
-            handle: giftProduct.handle,
-            sku: giftProduct.sku
-          },
-          quantity: reward?.get_unit || 1,
-          attributes: [
-            {
-              key: CUSTOMER_ATTRIBUTE_KEY,
-              value: JSON.stringify({
-                is_gift: true,
-                rule_id: activeCampaign.rule_id,
-                spend_sum_money: qualifyingTier.spend_sum_money
-              })
-            }
-          ]
-        };
-      }).filter((item) => item !== null)
+    const currentCurrency2 = effectiveCart?.currency?.code || "";
+    console.log("currentCurrency useCalcAutoFreeGift", effectiveCart, currentCurrency2);
+    const getThresholdAmount = (tier) => {
+      if (tier.spend_sum_money_multi_markets?.[currentCurrency2]?.value) {
+        return Number(tier.spend_sum_money_multi_markets[currentCurrency2].value);
+      }
+      return Number(tier.spend_sum_money || 0);
     };
-    return { qualifyingGift: formattedGift, nextTierGoal: nextGoal || null };
-  }, [activeCampaign, subtotal]);
+    const qualifyingTier2 = [...giftTiers].sort((a, b) => getThresholdAmount(b) - getThresholdAmount(a)).find((tier) => subtotal >= getThresholdAmount(tier));
+    const nextGoal = giftTiers.find((tier) => subtotal < getThresholdAmount(tier));
+    const actualThreshold2 = qualifyingTier2 ? getThresholdAmount(qualifyingTier2) : 0;
+    return {
+      qualifyingTier: qualifyingTier2,
+      nextTierGoal: nextGoal || null,
+      actualThreshold: actualThreshold2,
+      currentCurrency: currentCurrency2
+    };
+  }, [activeCampaign, subtotal, effectiveCart]);
   const giftHandles = react.useMemo(() => {
     const giftVariant = autoFreeGiftConfig.map(
       (item) => item.rule_result?.spend_get_reward?.gift_product?.map(
@@ -486,24 +468,82 @@ 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;
     }
     return giftProductsResult;
   }, [giftProductsResult, shouldFetch]);
+  const qualifyingGift = react.useMemo(() => {
+    if (!qualifyingTier || !activeCampaign) {
+      return null;
+    }
+    const itemsToAdd = qualifyingTier.reward_list?.map((reward) => {
+      if (!reward.variant_list || reward.variant_list.length === 0) {
+        return null;
+      }
+      let selectedGiftProduct = null;
+      for (const giftVariant of reward.variant_list) {
+        const productInfo = finalGiftProductsResult?.find(
+          (p) => p.handle === giftVariant.handle
+        );
+        if (productInfo) {
+          const variantInfo = productInfo.variants?.find((v) => v.sku === giftVariant.sku);
+          if (variantInfo?.availableForSale) {
+            selectedGiftProduct = giftVariant;
+            break;
+          }
+        }
+      }
+      if (!selectedGiftProduct) {
+        selectedGiftProduct = reward.variant_list[0];
+      }
+      return {
+        variant: {
+          id: shopifyCore.btoaID(selectedGiftProduct.variant_id),
+          handle: selectedGiftProduct.handle,
+          sku: selectedGiftProduct.sku
+        },
+        quantity: reward?.get_unit || 1,
+        attributes: [
+          {
+            key: CUSTOMER_ATTRIBUTE_KEY,
+            value: JSON.stringify({
+              is_gift: true,
+              rule_id: activeCampaign.rule_id,
+              spend_sum_money: actualThreshold,
+              // 使用实际的门槛金额（多币种支持）
+              currency_code: currentCurrency
+              // 记录当前币种
+            })
+          }
+        ]
+      };
+    }).filter((item) => item !== null);
+    const formattedGift = {
+      tier: qualifyingTier,
+      itemsToAdd
+    };
+    return formattedGift;
+  }, [qualifyingTier, activeCampaign, finalGiftProductsResult, actualThreshold, currentCurrency]);
   return {
     qualifyingGift,
     nextTierGoal,
@@ -550,12 +590,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(() => {
@@ -620,18 +662,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;
@@ -678,7 +726,7 @@ function useUpdateCartAttributes(mutate, metafieldIdentifiers, options) {
       }
       return updatedCart;
     },
-    [client, locale, cartCookieAdapter, mutate]
+    [client, locale, cartCookieAdapter, mutate, metafieldIdentifiers]
   );
   return useSWRMutation8__default.default("update-cart-attributes", updateAttributes, options);
 }
@@ -713,12 +761,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("inviteCode") || Cookies5__default.default.get("inviteCode");
+  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 : "" },
@@ -742,8 +788,6 @@ var useCartAttributes = ({
     memberSetting,
     cart
   });
-  console.log("memberSetting", memberSetting);
-  console.log("hasPlusMember", hasPlusMember);
   react.useEffect(() => {
     setCurrentUrl(window.location.href);
   }, []);
@@ -769,7 +813,7 @@ var useCartAttributes = ({
     return "new_user_login";
   }, [customer]);
   const memberAttributes = react.useMemo(() => {
-    return [
+    const attributes = [
       {
         key: "_token",
         value: profile?.token
@@ -790,17 +834,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 [
@@ -832,18 +887,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 useUpdateLineCodeAmountAttributes = ({
@@ -872,7 +959,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({
@@ -911,29 +998,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]
   );
@@ -999,7 +1079,10 @@ var createInitialValue = () => ({
     freeShippingMethods: [],
     paymentShippingMethods: [],
     nddOverweight: false,
-    tddOverweight: false
+    tddOverweight: false,
+    nddCoupon: void 0,
+    tddCoupon: void 0,
+    isLoadingCoupon: false
   },
   selectedPlusMemberProduct: null,
   plusMemberProducts: [],
@@ -1059,8 +1142,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
@@ -1083,7 +1171,8 @@ function CartProvider({
     cart,
     mutateCart,
     isCartLoading: isCartLoading || isCodeChanging,
-    setLoadingState
+    setLoadingState,
+    metafieldIdentifiers
   });
   const removeCustomAttributes = react.useCallback(
     (attributes2) => {
@@ -1164,8 +1253,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,
@@ -1193,6 +1288,7 @@ function CartProvider({
     }),
     [
       cart,
+      totalQuantity,
       isCartLoading,
       fetchCart,
       mutateCart,
@@ -1217,9 +1313,9 @@ function CartProvider({
   );
   return /* @__PURE__ */ jsxRuntime.jsx(CartContext.Provider, { value, children });
 }
-function useCartContext() {
+function useCartContext(options) {
   const context = react.useContext(CartContext);
-  if (!context) {
+  if (!context && !options?.optional) {
     throw new Error("useCartContext must be used within a CartProvider");
   }
   return context;