@anker-in/shopify-react 1.1.2 → 1.2.0-beta.1

package/dist/provider/index.mjs

@@ -705,6 +705,52 @@ var checkAttributesUpdateNeeded = (oldAttributes, newAttributes, customAttribute
     (removeAttr) => oldAttributes.some((oldAttr) => oldAttr.key === removeAttr.key)
   );
 };
+function waitForGtagReady(timeout = 1e4) {
+  return new Promise((resolve, reject) => {
+    const start = Date.now();
+    function check() {
+      if (typeof window !== "undefined" && typeof window.gtag !== "undefined") {
+        resolve();
+      } else if (Date.now() - start > timeout) {
+        reject(new Error("GA4 gtag not loaded"));
+      } else {
+        setTimeout(check, 50);
+      }
+    }
+    check();
+  });
+}
+var getGA4Data = async (measurementId = "G-R0BRMRK4CY") => {
+  try {
+    await waitForGtagReady();
+    const timeoutPromise = new Promise((resolve) => {
+      setTimeout(() => {
+        resolve({ clientId: "", sessionId: "" });
+      }, 300);
+    });
+    const dataPromise = new Promise((resolve) => {
+      if (!window.gtag) {
+        resolve({ clientId: "", sessionId: "" });
+        return;
+      }
+      window.gtag("get", measurementId, "client_id", (clientId) => {
+        window.gtag("get", measurementId, "session_id", (sessionId) => {
+          resolve({
+            clientId: clientId || "",
+            sessionId: sessionId || ""
+          });
+        });
+      });
+    });
+    return Promise.race([dataPromise, timeoutPromise]);
+  } catch (error) {
+    console.error("Failed to get GA4 data:", error);
+    return {
+      clientId: "",
+      sessionId: ""
+    };
+  }
+};
 var getReferralAttributes = () => {
   const inviteCode = getLocalStorage("inviteCode") || Cookies5.get("inviteCode");
   const playModeId = getLocalStorage("playModeId") || Cookies5.get("playModeId");
@@ -721,6 +767,19 @@ var getReferralAttributes = () => {
   }
   return [];
 };
+var getOperatingSystem = () => {
+  if (typeof window === "undefined" || typeof navigator === "undefined") {
+    return "Unknown";
+  }
+  const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+  if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+    return "IOS";
+  }
+  if (/android/i.test(userAgent)) {
+    return "Android";
+  }
+  return "Unknown";
+};
 var getUserType = (customer) => {
   let userInfo = Cookies5.get("userInfo");
   if (userInfo) {
@@ -742,12 +801,33 @@ var getUserType = (customer) => {
   }
   return "new_user_login";
 };
-function getCartAttributes({
+function getGA4Attributes(ga4Data) {
+  if (!ga4Data?.clientId && !ga4Data?.sessionId) {
+    return [];
+  }
+  const attributes = [];
+  if (ga4Data.clientId) {
+    attributes.push({
+      key: "_ga4_client_id",
+      value: ga4Data.clientId
+    });
+  }
+  if (ga4Data.sessionId) {
+    attributes.push({
+      key: "_ga4_session_id",
+      value: ga4Data.sessionId
+    });
+  }
+  return attributes;
+}
+function getCartBasicAttributes({
   profile,
   customer,
   cart,
   memberType,
-  currentUrl = ""
+  currentUrl = "",
+  appContext,
+  buyPath
 }) {
   const userType = getUserType(customer);
   const memberAttributes = [
@@ -774,12 +854,10 @@ function getCartAttributes({
       value: "1"
     });
   }
-  const discountCodes = cart?.discountCodes.map((item) => item.code).filter((code) => code) || [];
   const functionAttributes = [
     {
       key: CUSTOMER_ATTRIBUTE_KEY,
       value: JSON.stringify({
-        discount_code: discountCodes,
         user_tags: customer?.tags || []
       })
     }
@@ -787,26 +865,38 @@ function getCartAttributes({
   const presellAttributes = [
     {
       key: "_presale",
-      value: cart?.lineItems.some((item) => item?.variant?.metafields?.presell === "presell")
+      value: cart?.lineItems?.some((item) => item?.variant?.metafields?.presell === "presell")
     }
   ];
   const weightAttributes = [
     {
       key: "_weight",
-      value: cart?.lineItems.reduce((acc, item) => {
+      value: cart?.lineItems?.reduce((acc, item) => {
         const itemWeight = new Decimal2(item.variant.weight ?? 0).times(item.quantity);
         return new Decimal2(acc).plus(itemWeight).toNumber();
       }, 0).toString()
-    },
-    {
-      key: "_app_source_name",
-      value: "dtc"
     }
   ];
   const trackingAttributes = [
     {
       key: "utm_params",
       value: currentUrl
+    },
+    {
+      key: "_app_source_name",
+      value: appContext?.isInApp && appContext?.appName ? appContext.appName : "dtc"
+    },
+    {
+      key: "_operating_system",
+      value: getOperatingSystem()
+    },
+    {
+      key: "_cart_id",
+      value: cart?.id
+    },
+    {
+      key: "_buy_path",
+      value: buyPath
     }
   ];
   const commonAttributes = [
@@ -826,21 +916,41 @@ var useCartAttributes = ({
   profile,
   customer,
   cart,
-  memberType
+  memberType,
+  appContext,
+  buyPath
 }) => {
   const [currentUrl, setCurrentUrl] = useState("");
+  const [ga4Data, setGa4Data] = useState(null);
   useEffect(() => {
     setCurrentUrl(window.location.href);
   }, []);
+  useEffect(() => {
+    let isMounted = true;
+    getGA4Data().then((data) => {
+      if (isMounted) {
+        setGa4Data(data);
+      }
+    }).catch((error) => {
+      console.error("Failed to get GA4 data in useCartAttributes:", error);
+    });
+    return () => {
+      isMounted = false;
+    };
+  }, []);
   const attributes = useMemo(() => {
-    return getCartAttributes({
+    const basicAttributes = getCartBasicAttributes({
       profile,
       customer,
       cart,
       memberType,
-      currentUrl
+      currentUrl,
+      appContext,
+      buyPath
     });
-  }, [profile, customer, cart, memberType, currentUrl]);
+    const ga4Attributes = getGA4Attributes(ga4Data);
+    return [...basicAttributes, ...ga4Attributes];
+  }, [profile, customer, cart, memberType, currentUrl, appContext, buyPath, ga4Data]);
   return useMemo(
     () => ({
       attributes
@@ -869,12 +979,9 @@ var useUpdateLineCodeAmountAttributes = ({
       const codeDiscount = line.discountAllocations?.find(
         (allocation) => mainProductDiscountCodes?.includes(allocation.code)
       );
-      const hasFunctionEnvAttribute = line.customAttributes?.find(
-        (attr) => attr.key === CUSTOMER_ATTRIBUTE_KEY
-      );
       const functionEnvValue = getDiscountEnvAttributeValue(line.customAttributes);
       const hasSameFunctionEnvAttribute = Number(functionEnvValue.discounted_amount) === Number(line.totalAmount);
-      if (!hasSameFunctionEnvAttribute && hasFunctionEnvAttribute && !functionEnvValue.is_gift) {
+      if (!hasSameFunctionEnvAttribute && !functionEnvValue.is_gift) {
         attrNeedUpdate.push({
           key: CUSTOMER_ATTRIBUTE_KEY,
           value: JSON.stringify({
@@ -1062,13 +1169,14 @@ var CartContext = createContext(null);
 function CartProvider({
   children,
   // swrOptions,
-  autoFreeGiftConfig,
-  gradientGiftsConfig,
+  functionAutoFreeGiftConfig,
+  scriptAutoFreeGiftConfig,
   profile,
   customer,
   locale,
   metafieldIdentifiers,
-  memberSetting
+  memberSetting,
+  appContext
 }) {
   const { client, cartCookieAdapter } = useShopify();
   const [customAttributes, setCustomAttributes] = useState([]);
@@ -1113,7 +1221,8 @@ function CartProvider({
     profile,
     customer,
     cart,
-    memberType: hasPlusMember ? "2" : String(profile?.memberType ?? 0)
+    memberType: hasPlusMember ? "2" : String(profile?.memberType ?? 0),
+    appContext
   });
   useRequest(
     () => {
@@ -1167,9 +1276,13 @@ function CartProvider({
     },
     [setCustomAttributes]
   );
-  const functionAutoFreeGiftResult = useCalcAutoFreeGift(cart, autoFreeGiftConfig || [], customer);
+  const functionAutoFreeGiftResult = useCalcAutoFreeGift(
+    cart,
+    functionAutoFreeGiftConfig || [],
+    customer
+  );
   const scriptAutoFreeGiftResult = useScriptAutoFreeGift({
-    campaign: gradientGiftsConfig || null,
+    campaign: scriptAutoFreeGiftConfig,
     _giveaway: CUSTOMER_SCRIPT_GIFT_KEY,
     cart,
     profile
@@ -1177,10 +1290,10 @@ function CartProvider({
   const formattedScriptGifts = useMemo(() => {
     return formatScriptAutoFreeGift({
       scriptAutoFreeGiftResult,
-      gradient_gifts: gradientGiftsConfig,
+      gradient_gifts: scriptAutoFreeGiftConfig,
       locale
     });
-  }, [scriptAutoFreeGiftResult, gradientGiftsConfig, locale]);
+  }, [scriptAutoFreeGiftResult, scriptAutoFreeGiftConfig, locale]);
   const formattedFunctionGifts = useMemo(() => {
     return formatFunctionAutoFreeGift({
       qualifyingGift: functionAutoFreeGiftResult?.qualifyingGift || null,
@@ -1228,6 +1341,12 @@ function CartProvider({
     const giftLinesCount = giftNeedAddToCartLines?.reduce((acc, item) => acc + (item.quantity || 1), 0) || 0;
     return cartLinesCount + giftLinesCount;
   }, [cart?.lineItems, giftNeedAddToCartLines]);
+  const autoRemoveFreeGiftsOptions = useMemo(() => {
+    return {
+      removeFunctionGifts: !!functionAutoFreeGiftConfig,
+      removeScriptGifts: !!scriptAutoFreeGiftConfig
+    };
+  }, [functionAutoFreeGiftConfig, scriptAutoFreeGiftConfig]);
   const value = useMemo(
     () => ({
       totalQuantity,
@@ -1242,8 +1361,8 @@ function CartProvider({
       customer,
       isCodeChanging,
       setIsCodeChanging,
-      autoFreeGiftConfig,
-      gradientGiftsConfig,
+      functionAutoFreeGiftConfig,
+      scriptAutoFreeGiftConfig,
       setLoadingState,
       loadingState,
       // function满赠
@@ -1256,7 +1375,9 @@ function CartProvider({
       setScriptAutoFreeGift,
       giftNeedAddToCartLines,
       metafieldIdentifiers,
-      memberSetting
+      memberSetting,
+      appContext,
+      autoRemoveFreeGiftsOptions
     }),
     [
       cart,
@@ -1268,8 +1389,8 @@ function CartProvider({
       removeCustomAttributes,
       locale,
       isCodeChanging,
-      autoFreeGiftConfig,
-      gradientGiftsConfig,
+      functionAutoFreeGiftConfig,
+      scriptAutoFreeGiftConfig,
       loadingState,
       // function满赠
       functionAutoFreeGift,
@@ -1283,7 +1404,9 @@ function CartProvider({
       metafieldIdentifiers,
       customer,
       profile,
-      memberSetting
+      memberSetting,
+      appContext,
+      autoRemoveFreeGiftsOptions
     ]
   );
   return /* @__PURE__ */ jsx(CartContext.Provider, { value, children });